これでできた。 angular.js を読み込む前に jQuery, jQuery UI の .js を読み込む必要があります。 angular.module('app') .directive('uibModalWindow', function () { return { restrict: 'A', link: function (scope, element) { $(element).draggable() …

先日、単体テストを行っていて JS からのリクエストを失敗させるテストケースがあった。 バックエンドのサーバを停止させればいいが、毎回起動したり停止したりするのは面倒。 ということで効率の良いテスト実施方法がないか調べていた。*1 通信制限 結論か…

※随時更新予定。 リファレンス系とか漫画とか自己啓発とかいろいろ。 自分が（ちょっとだけでも）読んで良かったと思ったものだけなので偏ってます。 全部列挙してる訳じゃないです（そのうち読んでないのも入れるかも）。 あとちなみに一度に借りれる本は10…

3行で伝える代わりにタイトルで説明してみた (親切心)。 (2016/07/30 2:45 追記) ちなみにコメント欄で指摘頂いた通り、今回問題視した PUT の設計も冪等と言えます。 私の冪等性の理解が間違っていたので、以下の冒頭の項目で説明する PUT の設計が RESTful…

昨夜ちょっと CSS いじったせいでまたサルを動かしたくなった。 という訳で前回に引き続き、ブログ上部にある怪しげな Vim アイコンをクリックするとサルが動き出すようになります。 注意：もう一回動かしたい時は2回クリックしてください。 昨日夜遅くまで…

あまり人に漫画を勧める時に感想って言いたくない。 けど自分はしょっちゅうブログのデザインを変えるので、単純に背景色と同じにするだけだとテーマを変えた場合に隠したはずの文章が見えてしまう。 それはあまりにもあんまりなので、CSS で感想の表示・非…

前提知識 まず requestAnimationFrame() は setInterval() と同じで定期的にコールバックを実行する API。 アニメーションを実装するなら知っておきたい「requestAnimationFrame」の使い方 | 株式会社LIG HTML5 で、コンピューター ハードウェアをより効率的…

React 初心者を対象とした記事です。昨日の記事からの続き。 React、Redux、D3を用いたアニメーション | プログラミング | POSTD class App extends Component { ... } ってなんだろ React v0.13.0 Beta1でclassでComponentが作れるようになった - blog.koba…

犬さんにいろいろ教えてもらった。 @Linda_pp さんて今 TypeScript + React で NyaoVim とか書いてる感じですか？今 ES6 と TypeScript どっちがいいかなぁと思ってるのですが…— tyru (@_tyru_) June 24, 2016 @_tyru_ はい，型チェックがほしい+豊富な型定…

糸通し たまにものすごくやりたくなる。 ちょうど HTML5 Fullscreen API で遊びたいと思ってたので作った。 最初データはランダムじゃないけど一通り動くところまで作ったあと一旦興味を失ってしまった。 ので、そこからちゃんと遊べる状態にするまでずいぶ…

motemen.hatenablog.com 上記のリポジトリに Pull Request を出させてもらった。それがこちら。 github.com (Gmail等に) IMAP でログインしてメールを監視 楽天銀行にログインしてワンタイムパスワードのメールを送信 ワンタイムパスワードが書かれたメール…

気がする。 例えば「セキュリティのこと勉強しよう！」とか「数学を勉強しなおそう！」とか思って継続的に続くことってあんまりない。 この例は毎日の仕事や趣味とかでやってることと全く違うことだから尚更なんだけど。 だから数時間でできることを継続的に…

最近 Angular で調べたことを週末に記事にして上げるサイクルになりつつある。良い傾向。 あと説明する時につっかからずに説明できたりするので、自分で調べてまとめて人に教える重要さをひしひしと感じる… なので最近は「書かなくても分かるやろ」ってとこ…

Jasmine による単体テスト Jasmineのみを使用したAngularJSのテスト - Qiita Karma (テストランナー) によるテスト実行の自動化 Jasmine 単体でもブラウザからテスト実行できるが、わざわざアクセスして確認するのが面倒な場合は Karma を使う。 コマンドか…

頭のおかしいいつも通りのヨタ話です。半分ネタです。 もう限界です。 プラグインを入れたり作ったりしてプラグインが増えていき、気が付くと Core i3 4130 3.4 GHz, メモリ 16G の PC にもかかわらず Vim が起動するまで3秒ぐらい掛かるようになってしまい…

原因 (一行で) <a href><img src='...' ng-click='...'></a> と書いていて (href が空のため) 空白のページに飛んでいただけだった(ｽﾞｺｰ ng-router + html5mode(false) を使ってるなら href で (#... 以外のリンクに) 直接飛んだら otherwise は素通りされる *1 *2 なので遷移はちゃんと $location 使え…

(JavaScript, Angular) 初心者の人も含めたメンバーに言ったことをまとめた。 フロントエンドエンジニアには当たり前のことだったり、あと今のプロジェクトで Angular 使ってるってだけで Angular あまり関係ない。 何はともあれコンソールにエラーが出てい…

自分は Linux サーバでは domainname 設定してなかったので DHCP で domainname を配布するようにして、 Windows 10 でも参照できるように DNS レコードを .lan 付きのものにした。 全体で言うとこんな感じ。 (DNSサーバ) レコードは hogeserver.lan で引け…

以下、最初はベンチマークとってみたって記事にしようと思って書いた文章です。 あと以下の記事の続きです。 tyru.hatenablog.com スペック ちなみに http (not https) です。over SSL だったらもっと違うかも。 そんな真面目にベンチマークやるつもりなかっ…

サーバ：CentOS 7 + Apache クライアント：davfs2 でマウント しようとしてみた。 /etc/fstab に _netdev 忘れてた _netdev を付けないとオンラインになるまで待たずにマウントしようとして失敗する。 http://hogehost/webdav/ /mnt/dav davfs rw,user,uid=p…

大げさなタイトル付けたけど中身はただの日記です。 CSS の局所性の定義とは… 今日仕事で Angular でコンポーネント指向のアプリを書いていて、 あるコンポーネントに含まれる透明の div に z-index が指定されていて、その div が他のコンポーネントの領域…

ゴールデンウィークの時に書いた記事*1を少し修正して公開。 ファイルサーバを2台所有していてその2号機の HDD が1基壊れた ので転がっていたスペア*2の HDD を交換したらほんの少しサイズが違っていて RAID が組めなかった*3 それに加えてファイルシステム…

ふと必要になって Angular Tree Control というツリービューを表示できるライブラリを使ってみた。 遅延ロードがしたかったので本家 issues を漁ってみたらisLeaf を使えばできるよと書いてあったのでやってみた *1。 説明に余計なコードは省いたバージョン …

tyru.github.io CSS3 アニメーション楽しい。 Angular コンポーネント (追記) 書き忘れた。 ちなみにタグはコンポーネント化したので、以下の URL の場所に置いて /component/tyru-loading-icon /component/tyru-loading-bounce-icon それぞれの .js を読み…

プロフィール画像のホバーか上部の Vim の画像をホバーしてみてください。 ※注：PC のみです。モバイルやタブレットには対応していません

がスタイルシートスタイルブックに書いてあった。 CSS がまだまだ発展してない頃の古い書籍なので不要な記述はたくさんあるけど、「印刷用ページの CSS を作る上で考えるべきこと」はまだまだ通用するはず (しなさそうなのもあるけど)。 必要ないものは消去…

久しぶりの本読んだエントリ。 大体こんな感じの事が書いてある すごーく端折ってます。詳しくは目次参照。 CSS 設計 具体例 Sass やその他のツール WebComponents 本文 CSS 設計とかロクに考えてこなかったレベルだったので一気にレベルアップできた(気がす…

「TODO」の lua.exe が実行できない件は解決してないけどまぁとりあえず実害は出てないし何より解決するやる気が無くなってしまったので公開。 # Lua のインストール curl -O http://www.lua.org/ftp/lua-5.3.2.tar.gz pacman -S tar tar xzf lua-5.3.2.tar.…

何となく自分の考えを整理するためにつらつら書いた。 Vim プラグイン開発者にとっては目新しい情報はないかもしれないけど、vital.vim の最近の動向を知りたい人や、これから Vim プラグイン作りたい人にとっては有用かもしれないと思ったので公開してみる…

skk.vim や eskk.vim ではデフォルトで多くの言語モードマッピング(:lmap,:lnoremap)を行うため、ユーザーが vimrc で追加したインサートモードやコマンドラインモードでのマッピングを覆い隠してしまう問題があります。 skk.vim でも eskk.vim でもこの問題…