読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

東京メトロオープンデータ (10) 応募完了

何とか形にはなったが... APIを使い続けるためにはコンテスト応募が必須なため、私にしてはかなり急ぎでアプリを作った。まだ直したいところはあるがもう期限ぎりぎりなのでこれであきらめることにした。 ソースコード sfpgmr/metrop sfpgmr/metrop · GitHub…

Bootstrap 3.2のresponsive embedは何気に便利である。

Bootstrapのresponsive embedは何気に便利である。Youtubeの動画を貼りつけるとモバイル画面だとうまく縮小してくれないが、それをうまい具合に縮小してくれるのが、responsive embed機能である。この機能を使用するには、 Youtubeの動画<iframe>を <div>で囲む <div</iframe>…

はてなブログのカスタマイズ - 月別アーカイブをBootstrap Navbar に加える

今日は引き続き、はてなブログのサイドバーモジュールをBootstrap Navbarに変換するコードを書いていた。 成果は以下の通り。実際の実行例はこのブログの上部にあるメニューがそうである。 はてなブログのカスタマイズスクリプト 基本的にはサイドバーモジュ…

はてなブログのカスタマイズ - Bootstrap Navbarの設置

今日はサイドバーのモジュールをBootstrapのNavbarに変換するコードを書いていた。NavbarはJSに依存しているのでCSSのカスタマイズだけでは対応できないので、フッター下にサイドバーメニューを変換し、Navbarを表示するコードを書いている。 Navbarの実装に…

Bootstrapによるはてなブログのカスタマイズ - なんとなく方向は固まったかな。

カスタマイズしたものに変更 昨日カスタマイズしたものを実際に反映した。今見えている「見てくれ」がそうである。 LESSファイルはここにある。ソースコード自体は「boilerplate」をベースにしている。 実際行った手順は下記の通りである。 Hatena-Blog-Them…

LESS - extendの書き方と@import (reference)

ブログテーマをBootstrapベースでカスタマイズしている。 今日はLESSの知識を深めるためにLanguage Features | Less.jsを読んでいたのだけれども、extendの書き方や@importも機能が拡張されていることを知った。日本語のLESSの情報はこの辺りアップデートさ…

LESS - &:extend()と引数なしMixinの違い

LESSでクラス定義を&:extend()と引数なしMixinした場合の結果がどう違うのかテストしてみた。どちらも事前定義したクラス定義を適用するものである。 .btn-test { text-align:center; border:1px solid gray; color:black; &:hover { background-color:red; …

はてなブログをBootstrapベースでカスタマイズする

今日はBootstrapをおさらいしながら、「boilerplate」テーマのカスタマイズを行っていた。 どのようにカスタマイズするのかをもう少し具体的に言うと boilerplate.lessの@import部分をすべてリマークする。 代わりにbootstrap.lessを@importする。 boilerpla…

boostrapのカスタマイズページでのカスタマイズ結果を再び読み込ませる

Bootstrapがバージョンアップした。 さっそくバージョンアップしたいと思ったがカスタマイズページでCSSをいじっている。しかしどこを修正したか忘れてしまった。手元にはカスタマイズ時の.zipファイルがあるのみだ。困った。。 ググッたところ、zipファイル…

ポケミク・シーケンサーを作る(11)

ワールドカップが始まったせいでさらにプログラミングに割く時間が無くなっているが、まあぼちぼちとやっている。今日はコンテキストメニューを作った。Bootstrapのdropdown-menuとあとはjQueryとの組合わせで比較的簡単に作ることができた。ピアノロール上…

ポケミク・シーケンサーを作る(8) 縦ピアノロールエディタの実装

じわじわ機能を実装中 縦ピアノロールエディタをじわじわ実装中である。今のところマウスでのノート挿入・移動が可能である。Undo/Redoもできる。挿入したノートを再生ボタンで鳴るようにした。というかこれはBugで鳴らなかっただけなのだが。 縦ピアノロー…