プログラム・ソースコードをブログ記事に表示する方法【簡単】

【四日坊主 / Yokkabose】
ブログ・SNS・情報発信・Webのあれこれ
このカテゴリ一覧を見る
0
コメントの投稿
ソースコードプログラムイメージ画像

 

この記事では、プログラム・ソースコードをブログの記事上に簡単に綺麗に表示する方法をご紹介します。

ソースコードをブログの記事上に表示する方法「GitHub」の「Gist」使用 

ソースコードをブログの記事上に表示する方法は他にもあるようですが、この方法が私には簡単にできましたのでご紹介したいと思います。

現時点で私が選んだのは、「GitHub」という世界中の人々が自分の作ったデザインデータやプログラムコードなどを公開し保存ができるウェブサービスの中の「Gist」というサービスの一つを使って、私のブログ記事へ表示する方法を選びました。

GitHub

GitHub

GitHub is where people build software. More than 83 million people use GitHub to discover, fork, and contribute to over 200 million projects.

「GitHub」へはメールアドレスの登録が必要になりますが無料で使うことができます。

使い方はシンプルで、あなたがブログ記事へ表示したいプログラムソースコードをGitHubの画面へ貼り付けて、ファイル名とあなたの表示しようとしているプログラム・ソースコードのファイル形式を選び「Creat Public Gist」というボタンをクリックするとサイトやブログなどへ貼り付ける為のスプリクトタグが自動で作成されます。

 

GitHubGistのサンプル画像01

 

GitHubGistのサンプル画像02

 

上記の矢印のスプクリプトタグをあなたのブログの記事に貼り付けるだけで以下のように表示されるようになります。

上記のように簡単にプログラムソースコードが表示できるようになりました。

細かい設定などは随時このページに追記する予定です。

参考になったブログのリンク集

簡単!ブログ記事にプログラムをプラグイン無しで埋め込む方法

簡単!ブログ記事にプログラムをプラグイン無しで埋め込む方法 | SHIOMISC(シオミスク)

簡単!ブログ記事にプログラムをプラグイン無しで埋め込む方法 | SHIOMISC(シオミスク)

プログラミングの記事を書きたいな。 記事にソースコードを埋め込みたいんだけど、どうしたらいいんだろう? できればプラグイン無しでできるといいんだけど。 Wordpressのプラグインという選択肢もありますが、プラグインが増えすぎると管理が大変ですし、サイトが重くなる原因にもなります。 GitHubのGistを使うことで、プラグイン無しで簡単にソースの埋め込みができます。 この記事では、Gistを使

 

Githubのサイト Gistソースコードのリンクが作れるサイト

https://gist.github.com/

SyntaxHighlighterをダウンロードまだできるサイト「やっと見つかったサイト」

SyntaxHighlighter - Download

 

【FC2ブログ】SyntaxHighlighterを使ってソースコードをキレイに表示する方法【カスタマイズ】

【FC2ブログ】SyntaxHighlighterを使ってソースコードをキレイに表示する方法【カスタマイズ】

【FC2ブログ】SyntaxHighlighterを使ってソースコードをキレイに表示する方法【カスタマイズ】

カスタマイズネタを書いていくときに、どうしてもHTMLやプログラムのソースコードをキレイに表示させたいと思い、SyntaxHighlighterなるものを導入することにしました。色々なブログを調べるとSyntaxHighlighterでは、

WEBサイト・ブログの為のHTMLソースコード変換

undefined

undefined

undefined

undefined

関連記事

コメント 0

There are no comments yet.
ブログ・SNS・情報発信・Webのあれこれ
おすすめ記事&広告

 

【オーストラリア】豪州の求人サイトをまとめてご紹介!!【永久保存版】

【オーストラリア】豪州の求人サイトをまとめてご紹介!!【永久保存版】

 【保存版】求人サイトのリンク集!オーストラリアで仕事を探してみよう!このページでは、オーストラリア国内のお仕事探しに便利な、「求人広告サイト」をご紹介しています。オーストラリア全国版のサイトもあれば、州都市のみのサイトなどあります。また、求人広告専門のサイトや、情報誌内に求人ページを含む「クラシファイドサイト」もあります。オーストラリアでお仕事を探す際には必要なサイトですので住んで...

合宿免許のマイライセンス | 格安で安心なプランをご紹介

合宿免許のマイライセンス | 格安で安心なプランをご紹介

【格安・安心な公認校をご案内】最低価格保証&分割ローン申請可能な『合宿免許のマイライセンス』があなたの合宿免許探しをお手伝いします!全国各地の公認教習所から、ご希望のあった合宿教習所をご提案いたします。

 

合宿免許で早く安く免許取得!合宿免許比較「ドリーム」

合宿免許で早く安く免許取得!合宿免許比較「ドリーム」

日本全国の合宿で免許が取得できる教習所を徹底比較!合宿免許業界30年以上、業界を知り尽くした実績から格安で自動車免許を取得できるプランを多数用意しています。全国の教習所の詳細な情報を随時更新しています。ぜひご活用ください。

 

合宿免許受付センターは全国の自動車教習所をご案内、合宿で運転免許取得が格安でできます

合宿免許受付センターは全国の自動車教習所をご案内、合宿で運転免許取得が格安でできます

合宿免許受付センターは、日本各地にある自動車運転免許の教習所を案内致します。合宿先では豪華な料理も用意されています。最短13日間で卒業、格安で免許取得ができるコースも紹介。

 

免許合宿ライブ|人気ランキングや合宿免許の申込情報がわかる!みんなのいきたい免許合宿お申込情報がわかるサイト

免許合宿ライブ|人気ランキングや合宿免許の申込情報がわかる!みんなのいきたい免許合宿お申込情報がわかるサイト

【2022年夏休み7月8月9月入校申込予約受付中!】人気の合宿免許自動車学校ランキングで話題の免許合宿ライブ。入校日、宿泊プラン、お安い料金表示から選べる格安・激安プラン特集!合宿免許のリアルタイム申込予約情報や人気がある自動車教習所ランキングをリアルタイムで更新中。合宿免許のおすすめ情報、地域、職業、性別、口コミ、最安値料金比較、空き状況など合宿免許の最新情報と常にお客様目線の安心申込予約サイトです

 

合宿免許は「合宿免許マイスター」おススメ教習所を厳選してご紹介!

合宿免許は「合宿免許マイスター」おススメ教習所を厳選してご紹介!

合宿免許マイスターは厳選した優良な合宿教習所をご紹介、お客様のご要望をお伺いして、ピッタリの教習所をご提案します。合宿免許をお考えならお気軽にお問合わせください!