Software Atom で HTML の閉じタグを省略できる less-than-slash パッケージ
HTML を書くのは面倒くさいですね。Emmet のような HTML を簡単に書くツールもありますが、Emmet の記法も慣れるまでは少し時間がかかるかもしれません。less-than-slash というパッケージを使うと、HTML タグを...
ryomatsu
Software 
Mac Mac のデスクトップをキャプチャして GIF アニメ化するアプリ Sengiri
アプリの紹介やコンピュータの設定などをブログに記述する際、スクリーンショットや GIF アニメ、動画による解説を載せる事が多いです。ですが、GIF アニメや動画はスクリーンショットと比べるとやや作るのが面倒くさいです。Sengiri という...
Software Google Chrome の開発者ツールの見た目を変更する拡張機能
Web 系開発者なら皆知っている通り、Google Chrome には標準で開発者ツールが入っており Web サイトを構築する際には必須となっていますね。この開発者ツール、標準の状態では白いテーマですがエディタや IDE 同様に別のテーマに...
WebSite WordPress に埋め込んだ動画のサムネイルを取得するプラグイン Video Thumbnails
ブログを書く際、Youtube などの動画を記事内に埋め込む事があると思います。動画を記事に埋め込んだ場合に面倒なのがアイキャッチの設定です。Youtube みたいに動画内のものを画像として使えたらいいのに・・・と思う事がありますね。Wor...
Mobile Android でスクロールも含めたスクリーンショットを撮る為のアプリ Stitch & Share
スマートフォンでは画面のスクリーンショットを撮る事が可能です。Android であれば電源ボタン+音量下ボタンや機種によっては画面上をスライドするなどしてより撮りやすくなっています。便利ですが、スクロールが必要な画面を撮りたい場合、スクロー...
Software Atom で HTML をリアルタイムプレビューしながら編集できるパッケージ atom-html-preview
HTML を編集する際、ブラウザを開いて表示を確認しながら作業するという人は多いと思う。エディタとブラウザを並べて表示しても良いが、変更を反映するのに一々ブラウザへフォーカスを移してリロードを行うのは面倒くさい。なので HTML を編集する...
Programming Capistrano を使って Rails アプリをデプロイする
Rails アプリ開発していて何かしらファイルを更新したらサーバへアップロードするの今まで手動でやっていたけど、面倒くさいから自動化しようと調べていたら Capistrano を使うのが良さそうだったので使ってみた。以下作業ログをメモ。環境...
Mac Mac 標準機能で通貨や長さ、重さなどの単位を変換する
現在海外マレーシアにいる為、両替時など為替レートがどのくらいなのかを把握しておく必要があります。また、通貨以外にも海外では利用している単位が違いますね。とくにアメリカでは頑なにヤードポンド法を使っているのでわざわざメートルなどに変換し直さな...
Programming Ruby でメソッドがあるかを確認する方法
言語に限らずスクリプトを書いている時にあるオブジェクトに対してメソッドがあるかどうかの確認がしたくなる時がある。Ruby ではメソッドがあるかどうかの確認をするには respond_to? を使用する。標準では public と prote...
Software Web サイト上のフォントを簡単にチェックする為の拡張機能 WhatFont
とくにデザイナーの方などは Web サイトを見てる時に「ここで使われているフォントはなんだろう?」と思った事があると思う。Web ブラウザにはインスペクタ機能が搭載されているので調べようと思えば調べる事ができますが、ただフォントを知りたいだ...