061234567891011121314151617181920212223242526272829303108

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
【 --/--/-- (--) 】 スポンサー広告 | TB(-) | CM(-)

画像サイト

ブログに画像を入れるとき、画面のキャプチャーとかでなく一般的な内容のものを入れたいと思っても、自分で撮影するわけにはいかないようなものもあるよね。

モデルとなるもの・人が手元にないとか、時間がないとか...
昔とちがい、いざ思い立った時にカメラが手元にないって制約は、携帯にカメラ付いてるのが当たり前になったこのご時世、心配いらないけど。

という事で、リンクを貼っておく。後で使えるように。

【最新版】無料で商用利用OKの画像素材サイト
http://matome.naver.jp/odai/2132859505559620701



スポンサーサイト
【 2014/01/29 (Wed) 】 ブログ | TB(0) | CM(0)

SyntaxHighlighter:ブログ上にコードを整形して表示

これからOSの設定作業に入ったり、各種スクリプトやコードの内容をブログ上に残しておく必要が出てくる。

ここからここまではコードですよ、という事をハッキリさせるためにも、読みやすくするためにも、ちょっと他サイトでやってるような綺麗な形にしたいなと思い、調べてみた。

こういうの、よく見かけるよね。予約語などのキーワードが色付けされていたり、変更点・重要箇所などるやつ。



簡単にJavaScriptで実現するツールとして、この2つがよく使われているらしい。

Google Prettifyは、アップロードするファイルが少なくて済むし、コードから自動的に言語が何か判断してくれるという点が良さげだったので、まず最初にこちらを試してみた。
でも、思ったようにはいかなかった。
例えばSQLは、自動認識・手動指定のどちらでも、望んだキーワードが色変わらなかったし。



で、SyntaxHighlighterを採用。

最初はなかなか思うように設定できなかったけど、いろいろいじってる間にそれなりにきちんと表示できるようになった。

参考にさせてもらったサイトは、下記の通り。

・AllAboutの記事SyntaxHighlighterでソースを読みやすく掲載する方法

・shanks999さんの記事FC2 ブログでSyntaxHighlighterを使ってソースコードを表示する

・Hirotakaさんの記事ソースコードを表示するSyntaxHighlighterを導入する際の注意点


で、最終的に、ブログテンプレートを下記のように編集する事で、それっぽく表示できるようになった。

1. shCoreDefault.cssファイルを、Hirokataさん記事の注意点を参考に、IE対応。

2. <head>タグ内に、下記を追加。






3. </body>タグ直前に、下記を追加。自分が使える言語についてのみ対応。(ファイルもそれだけしか置いてない。)




















AutoLoaderについては、いろいろ試したけどうまく行かなかったので断念。
どうせ書かなきゃいけないコードの量が大して変わるわけでもない。w


まだカスタマイズが必要そうだけど、SyntaxHighlighterそのもののドキュメントはほとんど存在しない(インストール方法、対応言語とスタイルの一覧くらい)ので、コードを読み解いていかないといけなさそうだ。

これは「必要になったら」程度の優先度としよう。


【 2014/01/10 (Fri) 】 ブログ | TB(0) | CM(0)

読みやすさを求めて

自分が調べた内容をツラツラとテキストファイルにまとめて、家で起きた時にアップしてるけど、どうもそのままだと読みづらいなぁ。

同じようにわかり易く書きたいと思う人は多いはずなので、他に同じ観点でまとめてくれてるブログがないか調べてみた。



PCOK なんでも情報局
http://seikun1217.blog90.fc2.com/blog-entry-412.html
http://seikun1217.blog90.fc2.com/blog-entry-724.html

わかりやすく要点をまとめたサイト。


いののドワチャカ大冒険
http://dq10ino.blog.fc2.com/blog-entry-528.html

書き方的な話より内容的な点にフォーカスしたサイト。


ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-394.html

文章のまとめ方、コミュニケーション全般の観点で説明したサイト。


ブログ・コツ
http://blogtururou.blog.fc2.com/blog-category-0.html

そのものズバリのタイトル。包括的にまとめられてて、幅広く参考になる。


さて参考にさせてもらおう。
【 2013/12/22 (Sun) 】 ブログ | TB(0) | CM(0)
プロフィール

Ed U Song

Author:Ed U Song
社内ノマドなエンジニア。
仕事で触れる機会のないものを自宅環境作って実験。

スポンサーリンク
最新コメント
最新トラックバック
検索フォーム


                                         
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。