npmパッケージ”gulp-task-runner”をリリースしました

記事修正日

記事投稿日

ここ半年くらいgulpを中心に開発して色々試行錯誤した挙句、gulpのタスクを一気に登録できるようなパッケージとしてgulp-task-runnerというのをつくってみました。READMEがまだまだ不完全なのでざっくりした使い方をここに書きます。... 続きを読む

HTML5でのコーディング – セクションやらアウトラインやらのコンテンツ・モデル周辺のお話

記事修正日

記事投稿日

ここではHTML5で採用されているコンテンツ・モデル周辺のお話をします。具体的にはセクションとアウトラインについて、article要素とsection要素の使い分けについて書いていきます。「HTML5ではいくつh1要素を使っても大丈夫」というのを聞いたことのある人は、これを読むとその理由がわかるかもしれません。... 続きを読む

あると便利かもしれないシェルスクリプト:画像の一括縮小

記事修正日

記事投稿日

最近AdobeのPhotoshopがアップデートされました。それに伴っていくつか変更されたことがあったのですが、画像アセットの仕様がかなり変更になった模様です。これまではグループに名前をつけて書き出すときに倍率を選ぶことができて、異なるサイズの画像が書き出せたのですが、どうも2015になってできなくなった模様です(単にやり方が変わっただけでそれを分かってないだけなのかもしれませんが...)。ということでこれを機にPhotoshopから切り出すのはワンサイズにしてあとはシェルスクリプトで一括縮小してやろうということでシェルスクリプトを書きました。... 続きを読む

Google PageSpeed InsightsやGTmetrixでの点数を上げる方法を書いてみた

記事修正日

記事投稿日

最近はブロードバンドが普及して、PCでWebページを閲覧するときに回線速度を特に意識しなくてもいいくらい快適な環境になってきました。一方のモバイル端末ではPCでの閲覧とは状況が異なっていて、特に速度制限なんかを受けたときのWebページの読み込み速度は結構イライラさせられたりします。ここではWebページの読み込み速度を少しでも上げてPageSpeed InsightsやGTmetrixでの点数を上げる方法をまとめてみました。... 続きを読む

初心者向け:HTML/CSS/JavaScriptでコーディングする上でやるべきこと・知っておくべきこと・気をつけるべきことを書いてみた

記事修正日

記事投稿日

思いつく限り書いてみました。できるだけ小さなかたまりに分けて書いているので、内容的にかぶるものもあると思います。新しい内容があればその都度更新していきます。... 続きを読む

MacのマークダウンエディタKobitoでコードに行番号を表示させてみたよ

記事修正日

記事投稿日

Qiitaと連動したMacのマークダウンエディタKobitoでコードに行番号を表示できるようにしました。やることはKobitoのアプリケーションフォルダ内のContents/Resourcesに入っているheader.html、markdown.css、highlight.pack.jsの編集だけです。... 続きを読む

HamlだのMarkdownだのSlimだのJadeだのSassだのSCSSだのLESSだのStylusだのCoffeeScriptだのLiveScriptだのTraceurだの一体なんなのよ!?

記事修正日

記事投稿日

長いタイトルですがつまりそういうことです。主にCODEPENで使えるHTML/CSS/JavaScriptのテンプレートエンジンとかプリプロセッサとか軽量プログラミング言語とかをまとめてみました。後半尻すぼみになってる感は否めません。... 続きを読む