こんにちは。
今回は、bloggerでコードを紹介したいと思った時に、簡単にブログ内に
貼り付ける方法を紹介します。
何回もコードを打つのは面倒だったり、他人と共有したいなんて事がありますよね。
そんな時に使えるのが「Gist」です。
プログラミングをしている人なら一度は聞いた事や使った事があるかもしれません。
私は、今回初めて使ったのですが、よくわからないまま触っていても簡単に
作成する事ができました。
まずは、GitHubGistへアクセスします。
すると、このような画面になっていると思います。
表示されたら次は、
画面真ん中の大きなスペースにコードを追加します。
※このコードは前回紹介した[Unity] 子オブジェクトの数を判定するスクリプト
という記事の中で使ったコードです。
コードの入力が完了したら、Create secret gist 又は Create public gist を選択します。
secret はURLを知っている人のみ見る事ができるコードで、
public は全員が見る事ができるコードです。
見られてはいけないコードなどは Create secret gist で作成しURLを
他の人に教えないようにしましょう
Createを押すとこのような画面になります。
この画面右側の強調表示されているコードをコピーします。
次は blogger側の操作です。
まず、コードを貼り付けたい記事編集画面左上の
こんな感じのやつをHTMLに変更してください。
実際の動作はこちらを参考にしてください。
注意しなければならないのが、bloggerの編集画面からは確認できないという事です。
ですので、動作を確認したい時にはプレビューを表示するか公開した後で
確認するしかないようです。
ですが実際に使ってみて、とても簡単で尚且つコードを表示させる時に
直接打ち込むより格段に見やすくなりましたのでぜひ一度使ってみては
いかがでしょうか。
ではまた。
開発者のアプリを見る
関連するブログを探す
>SteepStep攻略動画作りました。
>SteepStep攻略動画作りました。
>「Macが熱い」 iMacが熱暴走するのを防ぐ
>[SocialConnector]自作アプリでTwitterなどのSNSを使う
>[Unity] 子オブジェクトの数を判定するスクリプト
>[Unity] キャラクター選択をするスクリプト
>Androidにapkを転送する際の Invalid ~ やNo Such file directory
>xcodeでArchive時にビルドエラー ~armv7 ~arm64
>Androidアプリのアップデート
>bloggerにnend広告を導入する方法
>nend広告が表示されない時に見落としがちなこと
>bloggerで記事の中に動画を埋め込む方法。
>[トロイの木馬] Macでウイルスチェックを行う
>[SocialConnector]自作アプリでTwitterなどのSNSを使う
>[Unity] 子オブジェクトの数を判定するスクリプト
>[Unity] キャラクター選択をするスクリプト
>Androidにapkを転送する際の Invalid ~ やNo Such file directory
>xcodeでArchive時にビルドエラー ~armv7 ~arm64
>Androidアプリのアップデート
>bloggerにnend広告を導入する方法
>nend広告が表示されない時に見落としがちなこと
>bloggerで記事の中に動画を埋め込む方法。
>[トロイの木馬] Macでウイルスチェックを行う