タグ

ブックマーク / www.moongift.jp (26)

  • PHPでもWebSocketを。チャットデモはこちら·PHPWebSocket Chat MOONGIFT

    PHPWebSocket ChatはPHP製のWebSocketサーバによるチャットデモです。 WebSocketというとnode.jsというイメージがありますが、実際はそんなことはありません。他の言語だってWebSocketサーバになりえます。今回はPHPで作られたPHPWebSocket Chatを紹介します。 接続しました。 発言しました。 こちらはサーバ側。 PHPWebSocket ChatはHTMLファイルのチャット画面とPHP製のサーバスクリプトになっています。サーバをPHPコマンドで実行すれば後はHTMLを表示させるだけでチャットができる仕組みです。PHPプログラマーにとってはより手軽にWebSocketが使えるようになるのではないでしょうか。なおソースに最大接続数は100と設定されています。 PHPWebSocket ChatはPHP製のソフトウェア(ソースコードは公開さ

    PHPでもWebSocketを。チャットデモはこちら·PHPWebSocket Chat MOONGIFT
  • ネイティブアプリ風の操作ができるスマートフォン用Webフレームワーク·Sidetap MOONGIFT

    Sidetapはネイティブアプリライクな操作性が特徴のWebアプリケーションフレームワークです。 iOS向けにサービスを提供する場合ネイティブアプリを使うのとWebアプリケーションとの二つが選択肢になります。よりユーザがアクセスしやすいのはWebアプリケーションでしょう。そこでユーザ体験を良いものにすべくSidetapを使ってみてはいかがでしょうか。 最初の画面です。写真がたくさん並んでいます。 タップして拡大。横にスライドするのがネイティブアプリのようです。 左側にメニュー。Facebookのアプリのようです。 アプリの情報も出せます。 デモ動画です。滑らかな動きが特徴です。 Sidetapは写真のタイル表示、詳細表示、メニュー、インフォメーションウィンドウといった画面が特徴になります。全てのコンテンツは1つのHTMLファイル内に記述されるのも特徴です。あまり大きすぎないWebアプリケー

  • 多数の言語のAPIドキュメントを一元管理·DocHub MOONGIFT

    DocHubはHTMLJavaScriptPHPなどに対応したAPIドキュメントサーバです。 プログラミングをある程度やっていると、解決法を探すのにAPIドキュメントを当たるのが一番早くなっていきます。そこで社内でも使えるAPIドキュメントサーバとしてDocHubを紹介します。 メイン画面です。今はCSS/HTML/JavaScript/DOM/jQuery/PHP/Pythonに対応しています。 検索はインクリメンタルです。入力するたびに絞り込まれていきます。 後は関数名を選択すればその説明が表示されます。 こちらはJavaScript。ユニークなURLが付くので後で見直すのも簡単です。 DocHubの特徴としてデータは常にオンラインにあるものを使用しているということがあります。そのためデータの更新を行う必要はなく、常に最新のドキュメントが参照できます。問題はインターネットを使う分、

  • iOSの画面デザインに。ビジュアルデバッガー·iOS Hierarchy Viewer MOONGIFT

    iOS Hierarchy ViewerはiOSアプリのコンポーネント配置を数値でデバッグできるソフトウェアです。 iOSアプリのデザインは人気が出るかどうかを握る重要な要素の一つです。それだけに時間をかけて設計をしたい所ですが、都度コンパイルして確認を繰り返しているのは非常に手間です。そこでビジュアル的にデバッグできるiOS Hierarchy Viewerを使ってみましょう。 こちらはiOS側。同時にサーバが4994で立ち上がっています。 Webブラウザからアクセスした所です。 コンポーネントを選択すると一気に階層が表示されます。 別なオブジェクトを選択すればそちらの赤線が引かれます。 右側のツリーから選択するとハイライトされます。 画面を遷移すれば表示も変わります(再読み込みが必要です)。 拡大表示もできます。 全てのラインを表示できます。 iOS Hierarchy Viewerは

  • Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT

    gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます

    Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT
  • Redmineについて知ろう。おすすめな点と関連ソフトウェア×7選 MOONGIFT

    特集「オープンソース×10年」 予算ゼロからのIT環境整備2014/01/30 特別寄稿:センチメンタル・ジャーニー ~OSSはまだ16だから~2014/01/30 EC-CUBE – オープンソース・Eコマースの雄の進化を見る!2014/01/30 Zabbix Japanに聞いたオープンソース×ビジネスを成功させるための3つの基2014/01/30 MOONGIFTの運営で大事にしている3つのこと2014/01/30 2007〜8年の大きな変動まとめ!2014/01/30 なぜプレミアム?そこから得られた経験教えます2014/01/30 2006〜09年、各年の人気オープンソース・ソフトウェアベスト52014/01/30 狙われやすいサイトはどんなサイト?オープンソース×セキュリティについてペンタセキュリティシステムズに聞く2014/01/30 aegifが考える企業でOSSを開発す

    Redmineについて知ろう。おすすめな点と関連ソフトウェア×7選 MOONGIFT
  • iOS向け最適化サイトを作る際に便利なJavaScriptライブラリ·iOS.js MOONGIFT

    iOS.jsはiOS対応のWebサイトを作る際に役立つ機能を提供するJavaScriptライブラリです。 iOS向け最適化サイトを作る際には二種類の方法があります。jQuery MobileやUiUIKitのようなテーマを使って作っていく方法と、フルスクラッチです。もしフルスクラッチで作っていくならば一緒に使ってみてほしいライブラリがiOS.jsです。 通常だとこんな感じに表示されてしまうページが… iOS.jsを通すことでマックス表示にできます。 こんな感じに重なってしまうページも… iOS.jsを通すと適切に分かれて表示されます。 その他、こうやって画面サイズの取得もできます。 iOS.jsではその他、Webアプリモードとして動かしている場合はリンクのターゲットを指定してMobile Safariに飛ばないようにしたり、iOSデバイス限定のスタイルシート設定を加えられたり、iPhone

  • Bootstrapを使おう!様々なカラーテーマ、プラグインを用意·Kickstrap MOONGIFT

    KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。 最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 色が変わると随分印象が違います。 テーマ機能があります。 青と白。 こんな感じのシンプルなテーマも。 逆にカラフルなものもあります。 基は同じですが、印象は違いますね。 好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML

  • これからHTML5をはじめるならぜひ読みたい·Dive Into HTML5 MOONGIFT

    Dive Into HTML5はHTML5の何たるかを著したオンラインブックです。 これからHTML5の勉強をはじめよう、そう思い始めた人に読んでほしいのがDive Into HTML5です。HTML5の機能、特徴などについて網羅されたコンテンツです。 トップページです。ePubやPDFといった電子書籍ではないですが、書籍風に整った構成になっています。 段落分けされていて読みやすいです。 アクションのデモと、そのWebブラウザごとのサポート状況についても書かれています。 位置情報系のデモを試すと実際に有効にするかどうかの確認が出ます。 Dive Into HTML5は章ごとに分かれているので、自分の気になる部分だけを読んでも良いでしょう。ダウンロードしてオフラインでも読んでみたい便利なコンテンツです。 Dive Into HTML5はHTML5製のオープンソース・ソフトウェア(Creati

  • 変化に強い、コードの見通しが良いTitaniumアプリを開発する·Titanium MVC MOONGIFT

    Titanium MVCはTitaniumをMVCに沿って開発できるフレームワークです。 Titaniumアプリはちょっとしたアプリを作るのに適していますが、大型なものになるとコードが見通し悪くなってしまうイメージがありました。だからこそベースになるTitanium MVCを使って頻繁な更新にも耐えられるしっかりとした作りにしましょう。 デモアプリです。ログイン画面が表示されます。 OKな場合のダイアログ。 入力エラーの場合のダイアログ。 app.jsの内容です。 MVC.jsの内容です。Controller、Viewを読み込んでいるのが分かります。 StartupControllerの内容です。initを実行して、ログイン画面を返しています。 ログイン画面のビューです。ここでは画面のデザインのみを行っています。 ログイン処理のコントローラーです。見やすいです。 Titanium MVCで

  • iPhone/iPadで使えるHTMLソースビューワー·Snoopy MOONGIFT

    SnoopyはJavaScript製のフリーウェア(ソースコードは公開されている)。iPadiPhoneの最適化サイトを構築していて面倒なのが、HTMLソースの閲覧機能がないことだ。シミュレータですら閲覧できないのでデバッグがしづらい。ユーザエージェントを変えればPCからでも見られるが、完全に真似する訳ではない。 プロパティ 必要なのは、iPhone/iPad上でその場でHTMLソースを見る機能だ。今表示されている内容をそのままソース表示する、そんなブックマークレット型ソフトウェアがSnoopyになる。 Snoopyは自分でサーバを立てても良いし、Snoopy配布サイトにあるブックマークレットを使っても良い。いずれにしてもiPhone/iPad上で実行するとフローティングウィンドウが表示される。文字コードやHTML構成についての情報が閲覧できる。 こちらは生成されたHTMLソース そして

  • Gitをさらに便利にする·Git Extras MOONGIFT

    Git ExtrasはGit用のフリーウェア(ソースコードは公開されている)。GitGUIよりもCUIから操作することの方が多い。まだGUIフロントエンドの決定版のようなものが存在しないというのもあるが、普段の操作であればターミナル操作で十分ということもある。 カウントオプション そんなGitではあるが、コマンドを色々使うと情報が取れるものの手軽に使うのは難しいという問題がある。それを解決してくれるかも知れないのがGit Extrasだ。Gitユーザはインストール必須と言えるだろう。 Git ExtrasはGitコマンドに新しい機能を追加してくれる。全部で10個のオプションが追加される。例えば「git summary」はリポジトリのサマリーをアウトプットするコマンドだ。他にもchangelog、commits-since、count、delete-branch、delete-tag、ig

    Gitをさらに便利にする·Git Extras MOONGIFT
  • XCodeを開発しやすくカラー設定を変更する·XCode themes MOONGIFT

    XCode themesはMac OSX/XCode用のフリーウェア。XCodeはiPhoneアプリMac OSXアプリを開発するのに必須とも言える開発環境(IDE)だ。IDEはテキストエディタ同様に個々人によって設定を変え、使いやすさを追求するのが基だ。 XCodeの生産性を上げる 色やフォントを自分向きに設定するだけで生産性は大きく変わってくる。デフォルトのままでは白ベースなので長時間見続けるのは辛く、個人的には黒ベースが良い。そんなカラー設定を提供するのがXCode themesだ。 XCode themesはXCodeのカラー設定を保存している。「~/Library/Application\ Support/Xcode/Color\ Themes/」にダウンロードしたファイルを保存すると、XCodeの設定画面のフォントとカラーで「GHDark」「ColorBlind」「GDTw

    XCodeを開発しやすくカラー設定を変更する·XCode themes MOONGIFT
  • Mac OSX用Gitクライアント·Gity MOONGIFT

    GityはMac OSX用のオープンソース・ソフトウェア。分散化バージョン管理システムであるGitの人気は高い。サーバ集中型の場合、個々人が自由にリポジトリを操作するのは難しいが、Gitの場合はフォークしてしまえば自由にコミットできるのが魅力だ。 Mac OSX(10.6以降)用のGitクライアント だが現状、必須と呼べるレベルのクライアントソフトウェアが存在しない。Subversionがあれだけ受け入れられたのはTortoiseSVNによるところが大きい。Finder連携型ではないけれども使い勝手の良いGitクライアントとしてGityを紹介しよう。 GityはGit操作に関して一通りの作業ができるクライアントソフトウェアだ。リポジトリの閲覧に加えてブランチを一覧したり、追加することもできる。タグやサブモジュールの追加も可能だ。差分の閲覧やコミット、Push、Pullなどの操作もできるので

    Mac OSX用Gitクライアント·Gity MOONGIFT
  • CakePHPによるGitリポジトリブラウザ·Fatty MOONGIFT

    FattyはCakePHP/PHP製のフリーウェア(ソースコードは公開されている)。Gitは便利なバージョン管理システムだ。チームで使うのはもちろん、個人でリポジトリを作っておいても便利だ。だが今のところGUIの決定打は出てきていないように思える。 コミット履歴 普段のファイル追加、コミットくらいであればコマンドラインで良いが、コミット履歴を見たり差分を見る時にはやはり専用インタフェースがあると便利だ。そんな機能が欲しいならばFattyを使ってみよう。 FattyはCakePHP製のソフトウェアであり、app/pluginsディレクトリ以下に配置して実行する。リポジトリのパスを設定すれば、後はブラウザからコミット履歴の一覧が見られる。もちろんその内容や変更点を閲覧することも可能だ。 差分 さらにコミット一覧をドラッグして別なコミットにドロップすると、指定したコミット同士の差分を見ることもで

    CakePHPによるGitリポジトリブラウザ·Fatty MOONGIFT
  • Finderを綺麗に·FinderClean MOONGIFT

    FinderCleanはMac OSX向けのフリーウェア。Mac OSXWindowsよりも安定している、なんて言われることがあるが(Windows7は分からないが)それでも時に調子が悪くなったり、キャッシュをリストアしたりする必要がある。 メニュー WindowsであればThumb.dbといったファイルが余計なファイルになったりするが、Mac OSXでも同様に.DS_Storeというファイルが邪魔者扱いされる。その他Mac OSXの調子が悪くなった時に使えるTipsをまとめたのがFinderCleanだ。 FinderCleanはメニューバーから項目を選択して実行するユーティリティだ。例えばSpotlightの検索インデックスを最適化または再構築したり、FinderやDockを強制的に再起動することもできる。ゴミ箱を強制的に空にすることもできる。 メイン画面 .DS_Storeが邪魔で

    Finderを綺麗に·FinderClean MOONGIFT
  • FirefoxをEmacs風に操作·KeySnail MOONGIFT

    KeySnailはFirefox用のオープンソース・ソフトウェア。個人的にEmacsが好きだ。一時期Vimにチャレンジもしたが、やはりEmacsに戻ってきた。もう手がEmacsのバインドに慣れてしまっているのでどうしようもない。他のソフトウェアでも同じキーバインドが欲しいくらいだ。 設定画面。Emacs風! Mac OSXはかろうじてテキストの移動にEmacs風バインドが使えることがあるのでまだ良い。だがWebブラウジングはマウス操作が中心でとても不便だ。そんなストレスからあなたを解放し、Emacsの世界へ誘ってくれるのがKeySnailだ。 KeySnailは非常に柔軟なキーボード設定を可能にする。予め設定されているものはもちろん、JavaScriptを使って関数を書き、任意のキーに設定することもできる。キーボード操作を記録するマクロもある。複数クリップボードも提供され、ヤンクと同様に使

    FirefoxをEmacs風に操作·KeySnail MOONGIFT
  • 先進的。HTML5/CSS3対応のデザインフレームワーク·52Framework MOONGIFT

    52FrameworkはHTML/JavaScript/CSS製のオープンソース・ソフトウェア。これまでのWebデザインが今後、大きく変わっていく可能性を秘めているのがHTML5やCSS3だ。まだ実験段階というイメージが強いが、GoogleやYoutubeをはじめとする大手サイトでも取り入れられ始めている。 Safari4での表示 最大シェアを持つIEの対応がいまいちなため、積極的に取り入れていくのは難しいと感じているかも知れない。しかし時代は進んでいる。ついにHTML5/CSS3をターゲットにしたデザインフレームワークが登場した。それが52frameworkだ。 52frameworkはHTML5でコーディングされ、CSS3を使った角丸やテキストの影、ボックスの影、グリッド表示、CSSリセットなどを行っている。グリッドはウィンドウを16のブロックに分割する。一つのブロックはフレームワーク

    先進的。HTML5/CSS3対応のデザインフレームワーク·52Framework MOONGIFT
  • 音楽&iTunesを大事にしている方に·iTSfv MOONGIFT

    iTSfvはWindows向けのオープンソース・ソフトウェア。MP3やそれに類する音楽ファイルにはタグという仕組みがあるお陰で音楽データに正確な情報が埋め込めるようになっている。これは音楽を楽しむ上では重要な仕組みで、制作年やアルバムアートなど収集する人にとっても楽しめる要素だ。 検証 CDからiTunesへ取り込んだり、iTSで購入したりすればまず問題のない状態になるが、それでも移し替えたり長い間使っている内にデータが古くなったりするかも知れない。そんな時に使ってみたいのがiTSfvだ。あなたのライブラリに入っている音楽を検証してくれるソフトウェアだ。 選択しているトラックについてアルバムアートの有無やタグの情報を検証したり、聴いた回数やレーティングをバックアップしてくれる機能もある。歌詞情報やアートワークなどで抜け落ちている情報に関するレポート機能が便利だ。 ディスクブラウザ 操作は設

    音楽&iTunesを大事にしている方に·iTSfv MOONGIFT
  • Last.fmのiPhoneクライアント·Last.fm iPhone MOONGIFT

    Last.fm iPhoneiPhone向けのフリーウェア(ソースコードは公開されている)。日では有料化が発表されているのでWebからは聴けなくなっているが、Last.fmが提供するiPhoneアプリからであればストリーミングが楽しめるようになっている。 iPhoneからLast.fmを楽しむ(こちらは無料で公開されているiPhoneアプリより) そんなLast.fmのiPhoneアプリはソースコードが公開されている。自分独自の作り込みもできるかも知れないし、Last.fmと連携したiPhoneアプリを開発する際にもきっと役立つことだろう。参考になる点は色々とあるはずだ。 アーティストを検索したり、タグやユーザを指定してストリーミングを聴くことができる。曲にはお馴染みのレーティングが可能で、気に入った曲であればプレイリストに追加したりiTunesで購入することもできるようになっている。

    Last.fmのiPhoneクライアント·Last.fm iPhone MOONGIFT