技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
人を惹きつけ人を動かす文章を書く方法 初心者にもわかるコピーライター養成講座 ～言葉で世の中を動かそう - プログラマーkkの勉強/成長ブログ@ライブレボリューション(モバイル広告�
先日、宣伝会議のコピーライター養成講座の特別体験講座を受けてきた。 そのまとめ。 目次 言葉で世の中を動かそう コピーライターへの道 課題 解説 宣伝会議のコピーライター養成講座の宣伝 この講座で得られること コピーライターが求められている理由 コピーライターにはどうすればなれるか・・・その決心と、努力 キョロキョロしよう・・・観る フムフムする・・・聞く ワイワイする・・・話す ムチャクチャする・・・熱中 ウンウンする・・・書く コピーライターのためのコラム 感想 参考書籍 最近書いたまとめ記事 言葉で世の中を動かそう コピーライターへの道 講師は、理論派コピーライターの谷山雅計氏。 まず最初に課題が出された。 課題 『古本屋を若者にもっと利用してもらうためにキャッチフレーズを書いてください』 15分で３つ書くように言われた。 全員分を回収し、30分後谷山さんが戻ってきた。 解説 なぜこ
古本屋でのバイト時に教えてもらった便利な本・雑誌の縛り方 - 空中の杜
私は学生時代、神保町のとある古本屋で期間限定のバイトをしていました。年に三回くらい、その古本屋さんが急がしい時に行くという感じです。ここでのバイトは古本屋やそのジャンルのちょっとした知識がつくというのもあってけっこう楽しいものでした。あと帰りにゲーセンに寄ってシューティングをしたり、倒産する前のマルゲ屋に寄ったり、書泉ブックマートでいろいろなマンガを買って帰ったのもいい思い出。 さて、そこでは力仕事が主だったのですが、その時に教えてもらい、今でも使っている非常に便利なライフハックを書いてみます（当時ライフハックなんて言葉どころか、インターネットでさえもほとんどありませんでしたが）。ちょうど引っ越しシーズンで本やら雑誌をまとめる人も多いでしょうから、ちょうどよいでしょう。 手軽に雑誌を縛る方法 １、準備 ２、縦に巻き付ける ３、90度ずらす ４、横に巻き付ける 縛った雑誌の束から取り出して、
デスクトップをオシャレな雰囲気に変えてくれる壁紙いろいろ50選
デスクトップの壁紙を変えると気分も一新されるような感じになるため、できればその日の内容に合わせてこまめに変えた方が良いような気がするのですが、お気に入りの壁紙を見つけ出すのは至難の業。特に自分だけでなく他の人がちらっとデスクトップを見て「お、これは……」というような壁紙にしようと思うとさらに困難を極めます。 というわけで、デスクトップをオシャレな雰囲気に変えてくれる壁紙50選は以下から。 50 Mac Desktops for Maximum Visual Goodness ■抽象的なイメージ Colorsplash Chroma Wallpapers Flow Infinity Gold Elemental Inside Rainbow Jacket Pack Colour Picker Aqua Wave Strukt Flow ■自然と建築物 Survivor Moody Water
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
フリーのウェブデザインテンプレートのPSD
ウェブデザインのテンプレートは結構多いけど、こうしたPSD形式での配布は珍しいですね。 今回はフリーPSDテンプレート１０というエントリからご紹介。 デザインの勉強に持つかえるかも 配布形式はPhotoshopなんかで開くPSDファイル。 ダウンロードしてじっくり見てみるのも有りかもしれませんね。 Darkwood Free hosting template Old burned paper Blog Source １０全ては以下に。 過去紹介しているhtml/cssテンプレートサイト 1170 + Ajax/Javascript/Dhtml examples and demos to download Dynamic Drive DHTML(dynamic html) & JavaScript code library Ajax/JavaScriptの宝庫。htmlはあまり関係ないけどお
8のjQueryのすごいTIPS
8のjQueryのすごいTIPS 原文：8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成 XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); <a href="http://www.lepinskidesign.com.br/" rel="external">lepinskidesign.com.br</a> [to-R補足] 実際に利用する際はjavascript部分を$(function(){...})などで包む必要があります。[
巨大なSJISのCSVファイルをfgetcsv関数で処理する - hnwの日記
さて、前回記事「PHPでメモリ上に一時ファイルを作る」では、file_get_contents関数でCSVファイル全体を取得して文字エンコーディングの変換を行い、変換結果に対してfgetcsv関数を利用しました。しかし、CSVファイルが巨大な場合にはfile_get_contentsを使うとメモリ上限に引っかかってPHPが停止してしまいます。 もちろん、UTF-8のCSVファイルに対してfgetcsvを利用するのであれば、どんな大きなCSVファイルだろうと処理することが可能です。なぜなら、fgetcsvはファイルを1行単位で読み込む関数ですから、1行分のメモリ消費だけでファイル全体を読み込み続けられるからです（正確にはストリーム上のデータはバッファリングされるので、バッファサイズ分のメモリは消費しますが）。 それでは、巨大なSJISのCSVファイルをfgetcsvで処理したい場合はどうすれ
iPhone でなめらかにズームできる地図のサンプルを公開 - Psychs's blog
iPhone で San Francisco の鉄道・バス路線図を表示するサンプルアプリを作ってみたのでソースを公開します。 http://github.com/psychs/iphone-samples/tree/master/SFMap 単純に地図の PDF を描画するとすごく重くなってしまうので、大きさの違う画像をいくつか用意して、ズームに従って表示する画像を変えていくようにしています。 UIScrollView を使ってナイーブに実装すると、UIScrollView のズーム状態を外からコントロールすることができないので、ズームが終了するたびに UIScrollView 自体を作り直したりする必要があります。 そこで、今回は UIImageView のサブクラスを作り、 - (void)setTransform:(CGAffineTransform)value; { float s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
