PHP専用のデバッグツールバー·DebugBar MOONGIFT
DebugBarはPHP製のオープンソース・ソフトウェア（MIT License）です。 PHPのデバッグと言えばvar_dumpが最も良く知られていると思いますが、画面上にメッセージが出てデザインが狂いますし、連想配列などは見づらくなります。そこでもっとスマートにデバッグできるDebugBarを紹介します。 画面下に出ているバーがDebugBarです。 クリックすると内容が表示されます。これはメッセージです。 配列を見やすく整形もできます。 リクエストの内容も確認できます。 ある処理における経過時間をグラフ化しています。 エラーがあればその捕捉もできます。 最後に実行されたSQLについてです。こちらもエラーがあればその内容が表示されます。 こちらはデモのコード。 DebugBarの使い方は簡単で、AddMessageで出力したいメッセージを追加していきます。そして最後にHTMLに専用のス
Bashプロンプト表示をWeb上でカスタマイズ·HalloweenBash MOONGIFT
HalloweenBashはHTML/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 Bashシェルのプロンプト表示（PS1）は変更ができます。が、大抵は設定を調べるのが面倒で素のまま使っているのではないでしょうか。そこで使ってみたいのがHalloweenBashです。ドラッグ&ドロップで簡単に環境設定ができます。 設定画面です。最初にあるのが現在の設定、次にあるのが追加できる設定になります。 追加したりするとリアルタイムに設定が反映されます。 背景色、文字色の変更もできます。 できあがった設定をそのまま.bash_profileなどに貼付けて読み込めば完了です。 ユーザ名やパス、ホスト名などはよく使われますが、それ以外でも時間やBashのバージョンなど様々な変数が表示できます。ちょっとしたカスタマイズで愛着も全く変わってくると
時計をモチーフにした近未来的スクリーンセーバ·clockSaver MOONGIFT
clockSaverはObjective-C/HTML製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 日々の生活の中で時計を目にする機会はとても多いです。それもあってかスクリーンセーバに時刻が表示されるのを使っている方は大勢います。そんな方はclockSaverを試してみましょう。近未来的でかなり格好いいです。 テストします。 最初の表示です。時計と日付が表示されています。 そこからぐわっと動きます。この動きがまた格好いいです。 clockSaverはHTML/JavaScript/SVGで作られており、Webブラウザでそのまま実行もできます。 clockSaverの表示は立体的で、データが重なり合って表示されているのが格好いいです。何となく攻殻機動隊のような近未来的な雰囲気があります。 MOONGIFTはこう見る スクリーンセーバはそれ単体で独自
Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
格好いいjQueryギャラリープラグイン·Galleriffic MOONGIFT
GallerifficはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 ブログなどで写真コンテンツを格好よく魅せるのに使えるのがギャラリーソフトウェアです。今回紹介するGallerifficは見せ方や機能が格好よく、おすすめです。 デモ。上にサムネイルが並んで、下に写真とその説明文が表示されます。 別なデモ。ページネーション付きのサムネイルが表示されます。 写真の切り替えもスムーズで格好いいです。 写真を一覧したタイプ。こちらもシンプルでいい感じです。 オプション。相当多機能です。 Gallerifficの主な機能として画像の先読み、jQueryヒストリーによる画像ごとのパーマリンク、スライドショー、キーボードナビゲーション、独自のイフェクト追加、画像のキャプションサポート、1つのページ中に複数のギャラリー設置があげられています。 MOO
任意のWebサイトのFaviconをゲット·getFavicon MOONGIFT
getFaviconはPython/Google App Engine製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 Webサイトのお気に入りアイコンとして知られるFavicon。小さな四角い画像でサイトのロゴを表現するなど凝ったものが多いです。そんな各サイトのFaviconをゲットするAPIを提供しているのがgetFaviconです。 Googleの場合。http://g.etfv.co/http://www.google.com/のようにアクセスします。 MOONGIFTの場合。サイズが小さいです。16×16。 Yahoo! Japanは大きめ。48×48となっています。 getFaviconはHTTPだけでなく、HTTPSに対しても利用できます。画像としてそのまま埋め込めますので、リンクの横にFaviconを表示するといったワンポイントを施し
WebRTCを使ったP2Pファイル送受信·Sharefest MOONGIFT
Sharefestはnode.js/JavaScript製のオープンソース・ソフトウェア（Apache License 2.0）です。 ネットワークを介してファイルを送ろうと思ったらよく使われるのがファイルアップローダー系のサービスです。今回はサーバ上にファイルを保存することなく複数人への同時配信を可能にする、Sharefestを紹介します。 トップページです。まず共有したいファイルをドロップします。 そうするとURLが生成されます。この時点ではファイルはオンラインで送られていませんので、すぐにURLが表示されます。 別なブラウザからアクセスすると、すぐにダウンロードが開始されます。これはWebRTCを使ってリアルタイムに送受信が行われます。 SharefestはWebRTCを使って指定したファイルをP2Pで送信します。その際の共通のセッションとしてサーバを使っています。WebRTCなので
時限削除にも対応したスニペット·Stikked MOONGIFT
StikkedはPHP製のソフトウェア（）です。 スニペット系のサービスはちょっとしたコードや、エラーメッセージなどを記録しておくのに便利です。今回はPHPで作られた多機能なスニペットサービス、Stikkedを紹介します。 メイン画面です。ユーザ名を入れたり、言語の指定、削除までの日数を決められます。 貼付けたスニペットです。行番号がついていたり、構文のハイライトも行われていますので見やすいです。 拡張して横幅を広げています。 埋め込み用のタグを取得する事もできます。 スニペットの一覧が取れます。 元のスニペットをフォークしたり、返信する形で別なスニペットに展開もできます。 Web APIも提供されていますので拡張もできます。 Stikkedが面白いのはスニペットをコンテンツとしてコミュニティを形成しているような雰囲気がある事でしょう。社内において、プログラミングを介して会話を楽しんでみる
node.jsがなくとも使えるように。node.js製ソフトウェアをバイナリ化·nexe MOONGIFT
nexeはnode.js/JavaScript製のソフトウェア（）です。 node.jsで開発したソフトウェアを配布する際には相手にもnode.jsをインストールしてもらわなければなりません。今時点ではこれは相当な面倒な作業に感じられるでしょう。そこで使ってみたいのがネイティブソフトウェア化してくれるnexeです。 実行中です。指定したnode.jsをダウンロードしてコンパイル、そしてラッピングまでを行ってくれます。 実行結果です。約10MBのバイナリができあがります。 Webサーバであればそのまま実行するだけでサーバが立ち上がります。 もちろんブラウザからもアクセス可能です。 ソースコードです。必要なライブラリもちゃんとラッピングしてバイナリ化されます。 nexeは今のところWindows向けのバイナリ生成はできません。しかしMac OSXであれば後は簡易的なGUIを付けてアプリ化するの
マルチプラットフォームで動作するマインクラフトクローン·Minetest MOONGIFT
MinetestはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア（LGPL）です。 世界中で人気のマインクラフト。日本でも何十人もの人たちが一つの巨大な街を作り上げたりと話題になっています。そんなマインクラフトのオープンソースクローンがMinetestです。 立ち上げました。まず外部のサーバにつなぎます。 コンテンツをダウンロードします。結構長いです。 開始しました。WASDキーやマウスを使って操作します。 ここは既に立派な街が作られているワールドのようです。 なんかショッピングモールのようです。すごい…。 Minetestでは掘ったり歩き回ったりして原料からクラフトを作れます。ユーザ主催のサーバに何十人も同時に接続して遊ぶ事もできます。Windows/Mac OSX/Linux/FreeBSDがサポートされており、みんなで遊べます。 MOONGIFTはこう見る
PythonからJavaScriptに変換·PythonScript MOONGIFT
PythonScriptはPython製のオープンソース・ソフトウェア（LGPL）です。 Pythonプログラマーがふと思った（と思う）。なぜWebブラウザでPythonが動かないのか。PythonのエンジンをJavaScriptにしてしまう手もあるだろうが、実行速度が問題になる。そこで（多分）作られたのがPythonのコードをJavaScriptに変換してしまうPythonScriptだ。 インストール。これで全ての準備は完了。 別途pythonscript.jsというのをダウンロードする必要があるらしい。wgetで取得。 ごく単純に。Hello WorldをPythonとして出力。 そしてそれをPythonScriptを使ってJavaScriptに変換！ 内容を見ると確かにJavaScriptになっているのが分かる。 PythonScriptがサポートしているのはfor/while/t
フォームの入力をもっと快適にする·jq-idealforms MOONGIFT
jq-idealformsはjQuery/JavaScript製、GPL/MIT Licenseのオープンソース・ソフトウェアです。 Webサイトでフォーム入力を行う機会はとても多いです。だからこそ変な作りのフォームでは入力途中で嫌になってしまって閲覧者が逃げてしまいます。そんな勿体ない取りこぼしのようにできるフォームがjq-idealformsです。 レスポンシブWebデザインなフォームです。入力時にリアルタイムチェックしてくれます。 OKだと青くなります。 カレンダーは選択式です。 チェックボックスなどのデザインがカスタマイズされています。 ドロップダウンも色がついています。 jq-idealformsではステップごとに表示を分けたり、キーボードの入力をリアルタイムにサポートしていたりと便利な機能がたくさんついています。ブラウザはIE8以降の他メジャーなブラウザに対応し、Android
Web上でアニメーションGIFを作成·gifkobo MOONGIFT
gifkoboはnode.js/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 ここ最近また人気を取り戻しつつあるのがGIFアニメーションです。動画とはまた違う楽しみ方、趣があり映画やテレビの一場面をアップロードするような使い方も行われています。そんなGIFアニメーションを写真から簡単に作成できるのがgifkoboです。 起動する際に写真のあるディレクトリを指定します。そうすると自動的にサムネイルの生成が開始されます。 こちらがメイン画面。サムネイルが左に並んでいますので生成するフレームの順番でクリックしていきます。 そうすると右側にリアルタイムにプレビューが表示されます。 速度の設定もできます。 後はサイズを決めてGET GIFボタンを押すと画像が生成される仕組みです。 gifkoboはGifBoomというアプリに似た画像選択のUIになっています。ま
Yahoo製、軽量なレスポンシブWebデザインフレームワーク·Pure MOONGIFT
Pureはスタイルシート製、BSD Licenseのオープンソース・ソフトウェアです。 Webサービスのデザインテンプレートとして一躍有名になっているBootstrap。そのライバルとも言える存在、Pureが登場しました。開発元はあの米Yahooです。 様々なテンプレートが登録されています。こちらはフォーム。 ボタン。フラット系の色合いです。 メニュー。ドロップダウン付きのメニューもサポートされています。 もちろんページネーションも用意されています。 サンプルデザイン。メール風。 Pureは短縮化およびGzip圧縮して5.7KBと小さいサイズなのが特徴です。もちろんレスポンシブWebデザインをサポートしています。ガチガチなデザインテンプレートではなく、必要な場所だけをピックアップしたり、自分なりのカスタマイズが行えるのが特徴に上がっています。 MOONGIFTはこう見る Boostrapは
やってみよう！疲れた頭をリフレッシュできるゲーム·WEBack MOONGIFT
WEBackはWeb/JavaScript製のソフトウェア（）です。 短期記憶は随時上書きされます。そのため、一つ前、二つ前に見た情報はなんだったかと言われると簡単でなかったりします。しかし脳の活性化にはきっと役立ちます。そんなゲームがWEBackです。ぜひトライしてみてください！ ゲーム開始です。 ゲーム中の画面です。出てくる数字の1〜3個前（最初に設定します）の数字をクリックしていきます。 1バック（1つ前の数字）は簡単ですね（速度は遅い、ですが…）。 2バックになると途端にスコアががた落ち…。 見て覚える力と、それ以前に覚えた記憶からクリックするという二つの力が鍛えられるはずです。コツがあると思いますので、何度も繰り返していく内にスムーズになっていくでしょう。 MOONGIFTはこう見る WEBackはBrain Workshopの簡易版と言えます。主な効果としては流動性知能のトレー
iOSの開発効率化に。高機能デバッガー·SuperDB MOONGIFT
SuperDBはiOS/Mac OSX用のオープンソース・ソフトウェア（BSD License）です。 iOSのデバッグや、ちょっとした調整をしてはコンパイルし直して確認する…といった開発で苦労した覚えはないでしょうか。そこで今回はiOSアプリのインタラクティブなデバッガーSuperDBを紹介します。 Mac OSXアプリをコンパイルすると、iOSシミュレータで立ち上がっているアプリ名が表示されます。ダブルクリックして接続します。 そうするとコンソールが開くので、例えばselfと打ちます。 こちらはiOSアプリの画面です。 角に丸みをつけました。これはコンソールから実行するのみで、iOSアプリは立ち上げたままになっています。 この44という部分が丸み指定場所で、マウスでドラッグして数値を変更できるのがユニークです。 SuperDBはiOSアプリの操作をF-Scriptのようなシンタックスで
node.jsで作られた静的ファイル生成型ブログ·Hexo MOONGIFT
Hexoはnode.js/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 ブログを立てる際に何も考えずにとりあえず有名なブログエンジンをダウンロードして使っていないでしょうか。プログラマーたるもの、もっと自分好みのブログエンジンを選定すべきです。もしあなたがnode.jsが好きだったり学習したいと思っているならば、ブログエンジンもまたそれに合わせるのが良いでしょう。今回はHexoを紹介します。 インストールです。npmコマンド一つなので簡単ですね。 まずinitオプションでベースを作ります。 ベースはこんな感じです。 続いてnewオプションで新規投稿のベースを作ります。最後の引数はタイトルです。 投稿を書きました。 最後にgenerateオプションです。静的ファイルが一気に生成されます。 ローカルで表示の確認ができます。serverオプションを実行する
Ruby製のPomodoro時間管理術·Pomo MOONGIFT
PomoはRuby製のオープンソース・ソフトウェア（MIT License）です。 人間の集中力は25分程度しか継続しません。プログラマーなどで乗ってくると寝食を忘れてしまうこともありますが、それは稀なケースです。そんな集中力の波を活かした時間管理法がPomodoroであり、PomoはRubyを使ってPomodoroを実践できるソフトウェアになります。 インストールはRubygemsを使ってコマンド一つでできます。 ヘルプです。基本的にはadd/start/complete/breakがよく使われるものになるでしょう。 まず最初に設定ファイルを生成します。これで準備は完了です。 タスクを追加します。説明はなくても大丈夫です。 listやlsでタスクの一覧を出せます。 startでタスクを実行します。Mac OSXであれば通知が表示されます。 休憩が終わったという通知です。また作業開始です。
モバイルファーストを推進するHTML5デザインフレームワーク·Kraken MOONGIFT
KrakenはHTML5/CSS/JavaScript製のソフトウェア（ライセンスはWTFPL）です。 多数のHTML5テンプレートが登場しています。あまりに多くて選択に困ってしまうくらいです。そこでモバイルファーストを選択した際に候補に挙げたいテンプレートとしてKrakenを紹介します。 こちらはグリッドのデザイン。基本は6で、それぞれ分割して配置できます。 オフセットを指定することでスペースを設けられます。 イメージギャラリー。サムネイル画像を並べられます。 ネストしたブロックも作成できます。 基本的なタイポグラフィ。 リストです。もちろんレスポンシブです。 ボタン。文字サイズや幅を変更できます。 フォームです。 コードの記述です。 主な特徴としてはクロスブラウザ対応のためのCSSリセット、レスポンシブグリッド、アドオン対応があります。アドオンは既にアイコンフォント、メニュー、スライダ
レスポンシブ、CSS3を使ったクールなギャラリー·least.js MOONGIFT
least.jsはJavaScript製のソフトウェア（）です。 スマートフォンの時代になって写真コンテンツが増えています。そして求められるのは写真コンテンツをいかに格好よく見せるかです。今回はレスポンシブWebデザインのギャラリー、least.jsを紹介します。 デスクトップサイズ。写真が5列で整然と並んでいます。 マウスオーバーで半透明なフィルタがかかります。 クリックで拡大。キャプションも下に表示されます。 タブレットくらいのサイズ。写真の列が3列に変わりました。 写真の拡大は変わらず。 さらにスマートフォンサイズ。写真は縦1列になります。 この場合は拡大してもさほど変わらないですね。 least.jsのアニメーションは格好が良く、一旦前の写真が引っ込んだ後に次の写真が読み込まれるようになっています。大きな写真を奇麗に見せたい時に使ってみたいライブラリです。 MOONGIFTはこう見
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
