プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Rails本体に取り組んで欲しいくらいの素敵なエラー画面「Better Errors」
Better ErrorsはRails/Rackアプリケーションで使える優れたエラー画面です。ことプログラミングにおいて大事なのはエラーが起きたときの原因追及が簡単にできることではないかと思います。特にトライ&エラーを繰り返すスクリプト言語の場合はそうでしょう。そこでRuby開発者に使ってみて欲しいエラーページライブラ...
入力補助に便利なdatalistをレガシーなWebブラウザでも実現「Autocomplete」
AutocompleteはHTML5のdatalistをレガシなーWebブラウザで実現します。Ajaxによるデータ取得もサポートしています。HTML5の機能の一つにdatalistがあります。予め項目を指定しておくことで、テキストボックスの入力時に候補が表示できるようになります。そんな便利機能をレガシーなWebブラウザ...
アクション、パズル、RPG、シューティングと色々なジャンルに使えるWebゲームフレームワーク「Crafty」
Craftyは多彩なジャンルに対応したHTML5ゲームフレームワークです。HTML5を使ってゲームを開発したいと思うなら何らかのフレームワークを使うのが良いでしょう。今回は多様なジャンルのゲーム開発に対応したCraftyを紹介します。ゲームの一例。豚 vs オオカミ。斧を投げたりして豚を追っ払うゲームです。こちらはシュ...
GitHubのリポジトリページにコード検索機能を追加「GitHub Code Search」
GitHub Code SearchはGitHubのプロジェクトページにソースコード検索機能を提供するユーザスクリプトです。GitHubをプロジェクトのコードリポジトリに利用しているプログラマーは多いと思いますが、さらにGitHubを便利にしてくれるUser Scriptを紹介します。GitHub Code Searc...
データを範囲で絞り込む際に便利なjQueryスライダーライブラリ「jQRangeSlider」
jQRangeSliderは日付や数値を範囲で絞り込む際に便利なスライダーライブラリです。情報を絞り込んだり、データを登録する際には様々な入力方式が考えられます。今回はjQRangeSlider、範囲指定のスライダー入力コンポーネントを紹介します。例です。ドラッグして範囲を変更できます。ぐぐっと移動。左右の矢印で範囲は...
SQLのEXPLAINをCSSにも。スタイルシートデザインのお供に「CSS Explain」
CSS Explainはセレクターを入力すると、その解析結果を表示してくれるライブラリです。CSSはWebデザインと構造とを切り離すために使われていますが、JavaScriptから指定することも多くある意味でプログラマブルな存在です。そんなスタイル設定をSQLのExplainライクに解析するのがCSS Explainで...
MarkdownのテキストファイルをPDFに変換「Markdown2pdf」
Markdown2pdfはMarkdownテキストをドロップするとPDFに変換してくれるソフトウェアです。個人的にはライトなドキュメント記法として一押しなMarkdownですが、Mac OSX向けにユニークなソフトウェアの紹介です。ドラッグアンドドロップでMarkdownファイルをPDFへ変換してくれるMarkdown...
テキストエリアに絵文字を表示「jQuery emojiarea」
jQuery emojiareaはテキストエリアの内部に絵文字を表示できるようにするjQueryプラグインです。日本製で、iPhoneで採用されたあたりから一気に普及が進んでいるのが絵文字です。元々アイコンを表示するレベルであれば多数ありましたが、よりバリエーションが増えたように思います。Webサービスにおいて絵文字を...
Webでもサーバでも使えるJavaScriptテンプレートエンジン「doT.js」
doT.jsはWebブラウザ、node.jsの両方で使えるJavaScriptテンプレートエンジンです。Webアプリケーションを開発していると必ずJavaScriptでHTMLを出力する必要性が出てきます。そのような時に使いたいのがテンプレートエンジンです。今回はWebブラウザ、node.jsの両方で使えるdoT.js...
業務で使えるオープンソース(62)「レスポンシブWebデザイン」
2012年のWebデザインにおける大きなトレンドの一つがレスポンシブWebデザインではないかと思います。今回はレスポンシブWebデザインを実現させるために便利なツールや、オープンソース・ソフトウェア、そしてレスポンシブWebデザインのメリット/デメリットについて取り上げてみたいと思います。
入力チェックやカラムの絞り込みもできるデータベースメンテナンススクリプト「Lazy Mofo」
Lazy Mofoはマスタメンテナンス画面を生成するPHPスクリプトです。Web開発時においてデータベースを直接見ようと思った時によく使われるのがphpMyAdminかと思います。しかしphpMyAdminを開発者以外の方が使うのは難しいかも知れません。そこで試してみたいのがLazy Mofoです。トップページです。デ...
Apacheのファイル一覧を一変させるテーマ「Apaxy」
ApaxyはApacheのmod_autoindex用のデザインテーマです。Apacheでmod_autoindexを使うと自動でディレクトリ内のファイル一覧が作成されます。それをカスタマイズし、格好いい表示にしてくれるのがApaxyです。かつてここまで格好いいファイル一覧を見たことがあっただろうか…。もちろんディレク...
欲しいものがあるならそれに合わせて貯金を開始!「CempeiChokin」
CempeiChokinはiPhone用の家計簿です。目標額をきめて徐々に貯金していきます。秋から冬にかけて色々なデジタルガジェットが出てきてつい散財してしまっていないでしょうか(筆者は散財してしまっています)。そんな浪費癖を防ぐために使えるiPhoneアプリがCempeiChokinです。起動しました。最初に目標を設...
iPhoneのホーム画面風アプリはいかが「SESpringBoard」
SESpringBoardはSpringBoard風UIのランチャーアプリです。多数の機能を持ち合わせたiOSアプリを提供する場合、ホーム画面風にアイコンを並べて表示すると都合がいいかも知れません。そのUIの参考にSESpringBoardを紹介します。起動しました。多数のアイコンがSpringBoardのように並んで...
Webブラウザ上で音楽を奏でよう!「Oscillator」
Oscillatorは波長を選んで鍵盤を使ってWebブラウザ上で音楽を奏でるソフトウェアです。Web Music Developers JPというグループではWeb上で音楽制作する環境を開発する人たちが集っています。そんな彼らが生み出したソフトウェアの一つがOscillatorです。鍵盤と波長を指定できます。タップして...
面白いテクニックを発見。ポイの挙動をシミュレート「Poitune」
Poituneはジャグリングのポイのテクニックをシミュレートできるソフトウェアです。ポイというのはジャグリングの一種で、紐の先にボールがついており、それを投げて様々なパフォーマンスを行います。書いてしまえばシンプルですが、その技は多彩です。そのトリック用のシミュレータがPoituneです。上で設定を行うと、その結果が下...
奇麗なデザインのタグによるフィルタリングライブラリ「Filtrify」
Filtrifyはタグ情報をつけたアイテムをフィルタリングして表示するJavaScriptライブラリです。データをタグで管理するケースはよくありますが、その見せ方は様々です。一例としてFiltrifyを紹介します。とてもエレガントにタグ付けされた情報を一覧化、フィルタリングできます。全て表示されている場合です。メニュー...
レガシーなWebブラウザでもsessionStorageを「sessionStorage」
sessionStorageはHTML5非対応のWebブラウザでもsessionStorageを使えるようにするライブラリです。HTML5の機能の一つ、Web Storage。その一つであるsessionStorageをレガシーなWebブラウザでも使えるようにするソフトウェアがsessionStorage(名称が紛らわ...
業務で使えるオープンソース(61)「正規表現」
テキストの処理において正規表現を使うか否かで生産性が大きく変わってくると思います。そこで今回は正規表現を勉強するためのツールや、共有できるサービスを紹介します。
カスタマイズが容易なWebベースのペイント「Sketch.js」
Sketch.jsはCanvasを使ったWebベースのイラストソフトウェアです。Web上でお絵描きをしようと思ったらCanvasタグを使うのが良さそうです。そのためチュートリアルとしても役立ちそうなのがSketch.js、超シンプルなお絵描きソフトウェアです。中央に真っ白なキャンパスがあります。マウスで書けます。こちら...