くんすとの備忘録

IT系技術メモ

移転しました。

15秒後に自動的にリダイレクトします。

JavaScript

Twitter Bootstrap2のmodal()でfocusが外れてしまうことへの対策

原因 犯人は、showメソッドの中で設定されている transitionend イベント。 modalのセットされているjQueryオブジェクトにtransitionend イベントが割り当てられ、その中でfocus()が走るようになっている。 https://github.com/twbs/bootstrap/blob/v2.3.2/j…

【Vue.js】コンポーネント間でデータを連携する方法

Vue.jsでコンポーネント間でデータを連携する方法について、理解するのに若干時間がかかったのでまとめておきます。 連携は、公式サイトで「props down, events up」と呼ばれている方式を使います。 (https://jp.vuejs.org/v2/guide/components.html より引…

Vue.jsでリストの一部をレンダリングする

v-for="item in items"でアイテムのリストを描画する際、itemsをsliceしてやることでリストの一部だけを描画することができるようです。 ※やってみたらできた;) サンプルコード <html><body> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.4/vue.min.js"></script> <div id="sample"> <h4>List1</h4> <ul> <li v-for="item in items.slice(0,2)"> item = {{item}} </li> </ul></div></body></html>

JavaScriptのsetTimeoutが使いにくいのでヘルパーを書こうという話

第一引数に関数が来てるのが使いにくさの原因なので、引数の順番をひっくりかえしたヘルパーを作成します。 function delay(time, func) { setTimeout(func, time); } こうしておくと、こんなコードが setTimeout(function() { console.log("hoge"); }, 1000…

paizaオンラインハッカソン Vol.4 Lite「エンジニアでも恋がしたい!」をいろんな言語で解いてみた

応募期間終わりましたし、もう大丈夫だよね……エンジニアでも恋がしたい〜転職初日にぶつかった女の子が同僚だった件〜|paizaオンラインハッカソン4 Lite マンガ版「エンジニアでも恋がしたい!」〜転職初日にぶつかった女の子が同僚だった件〜|paizaオンラ…

編集中のファイルをFTPでアップロードするサクラエディタマクロ

編集中のファイルの2行目にアップロード先のパスを記入し、マクロを実行します。 こんなかんじで。 #!/usr/local/bin/bash #PATH:/usr/home/kunst echo hogehoge [sakura_ftpUpload.js]

【JavaScript】フォト蔵のアルバム画面を整形する、Greasemonkeyスクリプト

概要 フォト蔵のアルバム画面で色々操作しにくいところがあったので、Greasemonkeyのスクリプトを書きました。 こんな不満を解消 サムネイルが小さくて見えない 視力悪くてディスプレイが遠いと辛い 「次へ」ボタンを連打するのが面倒 写真をダウンロードす…