はてなブックマーク

あるイベントのWebサイトの制作にMiddlemanを使った。 これ便利だったなーという機能とかを振り返ってみる。 構成 middleman slim sass coffeescript rubyを使うのでslimとsassを選んだ。 便利ポイント 個人的に便利だったのがローカルデータと動的ページの生成機能。 ローカルデータでhtmlをスリムに保つ middlemanで便利だったものの１つがローカルデータ。 ページのコンテンツデータをレンダリングから抜き出すと便利な場合があります。この方法では, あるチームメンバーがコンテンツのデータベースの作成に集中でき, その作業の間に他のチームメンバーはサイト構造を組むことができます。ローカルデータは data フォルダの中に .yml や .json として作ることができ, テンプレートの中でこの情報を使うことができます。 data フォルダは,

2015-01-28 追記 以下のスクリプトは今は使ってない。 フルスクリーンに対応できない点に気づいたため。 まあ、一番下に書いた手動で開閉するコマンドをマッピングしておけば困ることがほとんどない。 ツリー型タブを愛用しているのだけど、よくwin+矢印で画面を半画面にするときに開きっぱなしだと不便なので、画面が狭くなったら自動で隠れるようにした。 以下、vimperatorを使っている前提(もちろんfirefoxを使うということはvimperatorを使うということなので大丈夫だと思うが) とりあえず、以下のスクリプトをvimperatorrcの一番下にでも追記すれば動く。 js <<EOM var timer=false; window.addEventListener('resize',function () { if(timer !== false) { clearTimeout(

javascriptでテキストエリアではない要素内の文字列を選択状態にする方法。 ググっても情報が少なかったのでメモ。 とりあえず下にサンプルをつくったのでボタンを押してほしい。 押したらわかると思うけれど選択ボタンを押すと、文字列が選択された状態になる。 ラブリーマイエンジェルあやせたん 選択 以下を見れば何をしてるかだいたい掴める思う。 function selectText() { var element= document.getElementById("ayase"); var rng = document.createRange(); rng.selectNodeContents(element); window.getSelection().addRange(rng); } 全体の流れをひと通り。 まず、選択したい要素を取得する。 次にRangeをつくりselectNodeC

いいぜアンテナサイトに飛ぶってならまずはそのふざけた幻想をぶち殺す！！！ うざいアンテナサイトを回避するgreasemonkeyプラグインつくった インストールはここから https://greasyfork.org/ja/scripts/3824-antennasiteskip Greasemonkey知らない人はググってきてね 説明 アンテナサイト開いたら待ってれば自動で見たい記事まで飛ぶ。以上。 懇切丁寧に説明すると・・・ 2chまとめのRSSの中に見たい記事を発見する お決まりのアンテナサイト出現。普段なら探すところですよね？ ここで自動でリロードが起きる。はい表示。 すぐに見たい記事が見れる！ リロードしても開かないときや違う記事開くときは、そもそも目的の記事がない時。 これはまとめサイトの邪悪な陰謀なので俺にはどうしようもない。 ネットの闇を感じろ。 対応サイト しぃアンテナ(