MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近はサーバサイドではHTMLレンダリングせず、RESTfulなWeb APIを使ってデータを取得、表示するといったWebアプリケーションが増えています。そうした中、運営側の管理画面においても求められるものが変わってきています。 そこで今回は次世代の管理画面、ng-adminを紹介します。AngularJSを使ったWeb管理画面になります。 ng-adminの使い方 Web APIを用意しておくことで、ユーザ向けはもちろんのこと管理画面においてもスムーズな操作ができるようになります。pushStateにも対応していますので、URLはユニークになるようです。 ng-adminはJavascript/HTML5製のオープンソース・ソフトウェア（MIT License）です。 Angul

今回はWebアプリケーションの画面作成に関する話です。かつて業務システムというのはエンジニア自身が画面を作ってロジックを実装して提供していました。UIがただコンポーネントを貼付ける程度だったからです。 しかしWebアプリケーションの時代になって、UIの制作が難しくなってきています。デザインの自由度が高いためです。しかし今後さらにWebアプリケーションが活用されていく中ではエンジニアもそれなりの画面を素早く開発できるようになっていかないといけない時代になっています。 そこで今回はUIフレームワーク、多彩なコンポーネントを備えたデザインフレームワークをまとめて紹介します。 iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク「ChocolateChip」 モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版

こだわれば未来的な生活が実現できるかも！ 家に帰る前にエアコンの電源を入れ、電気を明るくしたり、ガレージのシャッターを開けてスムーズに車庫入れをする。会社であれば警備システムの電源を入れたり、各種センサーと連携してログを取るなど家や会社、公共施設などにおいてオートメーション化する試みが多数あります。 個別に様々なデバイスが販売されていますが、それらを統合して管理するのがFreedomoticです。様々なセンサーと組み合わせ、実行できるオートメーション化統合ソフトウェアです。 Freedomoticの使い方 一例です。自宅の図面と多数のセンサー、ライトが書かれています。 センサーの状態と、そのイベントをどう処理するかを管理できます。 表示法を変更しました。プラグインを使って拡張できます。 FreedomoticはWindows/Mac OSX/Linuxの他、iOSやAndroidといったス

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発はみんなでやると楽しいですよね！ チャットワークなど企業向けにオンラインでコミュニケーションを促進しようとするサービスが多数あります。個人向けであればLINEやTwitter、Skypeもその一つといえるでしょう。しかし開発者にとってはどうも手に馴染まないものが多いです。 プログラマ、デザイナにとって必要な機能に特化させられれば、より開発がスムーズになるかも知れません。その一つになるかも知れないのがDevHubです。 DevHubの使い方 外部サービスから通知を受け取れるようになっており、JenkinsやSubversionからコミット時などに通知を受け取るための設定が書かれています。もちろん他のシステムからもWeb APIを叩けば通知が使えます。 # Subversionの例

Redmineをプロジェクト管理に使っている企業は多いです。アジャイル開発のみならず必要十分な管理項目があることで従来のプロジェクト管理においても活躍します。 しかしWebブラウザからアクセスするのに対して若干の不便さを感じることもあります。もっと素早くアクセスできれば良いのに…そう思う方はRedmine Desktop Clientを使ってみましょう。 Redmine Desktop ClientはオリジナルのRedmineClientからフォークし、REST APIを使うようにしたソフトウェアです。 接続設定です。RedmineのURLとID/パスワードを入力します。Redmineのバージョンも指定する必要があります。 タイムトラッキング機能があります。タスクを選んでトラッキングを開始します。 タスクの編集や追加もここからできます。 RedmineのWeb UIから操作するよりもRed

GitHubは各自がリポジトリを持つ分散型ソースコード管理システムになっています。そして各自が差分を受け取ることでコラボレーションを実現しています。 同じような仕組みをデータについても行おうとしているのがDatです。まだはじまったばかりのプロジェクトではありますが非常に興味深いソフトウェアになります。 インストールはnpmを使って行いますので簡単に完了します。 $ npm install dat -g インストールが完了したら、最も基本的な使い方を試してみます。 $ mkdir foo $ cd foo $ dat init これで初期化が終わります。Gitに似ていますね。次にデータを追加します。 # 一例 $ echo '{"hello": "world"}' | dat --json # CSVからも可能 $ cat some_csv.csv | dat --csv データの読み込みは

SpikaはiOS/Android用のオープンソース・ソフトウェア（MIT License）です。 iOSやAndroidアプリの中にチャット機能を組み込みたいと思ったら試して欲しいのがSpikaです。一から構築しようと思うと大変な様々な機能を網羅的に提供してくれます。 最初の起動時にはダイアログが。 左にはメニューがあります。 チャット画面。一対一、またはグループチャットがサポートされています。 パスコードロック機能もあります。 プロフィール設定画面です。 SpikaのデザインはフラットUIになっており、iOS7ともマッチしそうです。機能はチャット、グループチャット、友人検索、画像/動画/音声共有、ティッカー送信、位置情報共有、ユーザ/グループの検索、未読管理、プッシュ通知となっています。 これだけの機能が揃っていれば大抵のメッセージアプリであれば事足りるのではないでしょうか。システムと

Vim TouchはAndroid用のVimです。 タブレットがPCのシェアを大きく浸食しています。そのような中ではタブレットをもっと活用できる道を模索すべきです。そのためにまず用意したいのがテキストエディタ、今回はVimのAndroid版であるVim Touchを紹介します。 立ち上げました。 こんな感じに編集します。コマンドも普通に使えます。 メニューです。コマンドの編集もできます。 Vim Touchではよく使われるコマンドが予めメニューに登録されています。外付けキーボードを使う場合はさして問題にはならないでしょうが、ソフトウェアキーボードの場合はこちらを使う方が便利かもしれません。 Vim TouchはAndroid用のオープンソース・ソフトウェア（GPL）です。 MOONGIFTはこう見る PCとタブレットで大きく違うのは、変更したファイルの扱い方です。つまりAndroid上で編

VromeはGoogle Chrome機能拡張のオープンソース・ソフトウェア（G）です。 キーボード操作主体のテキストエディタを使っているプログラマーはWebブラウザの操作にストレスを感じることが少なくありません。そこでVimユーザの方にお勧めなChrome機能拡張がVromeです。 インストールします。Chromeウェブストアで配布されています。 インストール確認です。色々な権限が必要なようです。 オプション画面です。オンラインに設定ファイルを置けるという変わった仕様です。GitHubやDropboxを使うのが良いかも知れません。 キーバインド。かなり多いです。こちらはURLを移動する系統。 マークを使うとブックマークのようにURLを記録しておけます。 例えばMOONGIFTをmとしてマークします。そうするとgomと入力するといつでもMOONGIFTにジャンプできるようになります。 ヒン

Webサイトを構築する際に、ストレージについて頭を悩ませることがある。そもそもそうしたことに悩んだり、スケーラビリティを考えるならばAmazon S3を使ってしまう方が早いのではないだろうか。画像やアップロードしたファイルなどであれば速度もそれほど気にせず利用できるはずだ。 FTP風のAmazon S3フロントエンド その他、ファイルのバックアップやファイルアップローダーとしてAmazon S3は利用できる。そのためのフロントエンドとしてCloudBerry Explorerを紹介しよう。 今回紹介するフリーウェアはCloudBerry Explorer、Windows用のAmazon S3フロントエンドだ。 CloudBerry Explorerは二画面ファイラーの表示になっている。FTPソフトウェアの感覚で使えるので分かりやすい。左右どちらをAmazon S3にすることもでき、両側をA

ソースコードのレビューはシステムの品質を高めるのに大切な作業だ。GoogleやVMWareでも使われており、ブラウザを使って差分を確認してコメントができるようになっている。社内向けには拙作のSubversionソースコードレビューシステムの宍道湖がある（Rails製）。 Git向けソースコードレビューシステム この手のツールはSubversion向けのものが多かったが、Gitでも使いたいならGerritに挑戦してみよう。 今回紹介するオープンソース・ソフトウェアはGerrit、Git向けソースコードレビューシステムだ。 GerritはGoogleが大々的に発表している訳ではないが、Google社員が開発しておりAndroidのオープンソースプロジェクトにおけるソースコードレビューにも利用されている。他のシステム同様に差分を見て、そこにコメントすることが可能だ。 差分を見てコメントする 差分

Node GHはnode.js/JavaScript製、BSD Licenseのオープンソース・ソフトウェアです。 オープンソースをよく使うプログラマーであればGitHubを便利に使っているのではないでしょうか。そんな方にお勧めしたいのがNode GHです。GitHubのAPIを使ってより便利なコマンドを提供してくれるソフトウェアです。 インストールします。npmを使ってできるので簡単です。 最初に認証が求められます。IDとパスワードを入力します。 GitHubのリポジトリに移動して操作します。isコマンドは課題をリストアップする機能です。 isの後に文字をつけることで新しい課題を登録できます。 そして課題を一覧で確認します。この時の番号がコメントの時に使います。 さらにその課題番号に対して--commentを付ければコメントもできます。 ntでアクティビティを取れます。 その他、Node

AlcatrazはXcode向けのプラグイン、テーマ、テンプレートを配布するパッケージ管理ソフトウェアです。 iOS/Mac OSXアプリの開発IDEとして有名なXcode。その周辺にはXcodeをより便利にしてくれるソフトウェアが多数存在します。Alcatrazはそんなパッケージを管理するためのソフトウェアです。 インストールはターミナルでコマンドを実行するのみです。 立ち上げました。色設定系のパッケージがたくさんあります。 All Packagesを選べば、プラグイン系のパッケージが数多く並びます。 チェックボックスをクリックするとインストールが開始されます。 Xcodeのプラグインやテーマを探して個別にインストールするのは大変ですが、Alcatrazを使えばXcodeの中でインストールができるようになります。iOS/Mac OSXアプリの開発をより便利にしたい方は要チェックです。 A

neu.NodeはiOS上で動作するnode.jsサーバです。 iPhoneアプリ同士で通信しようと思った場合、幾つかの選択手段があります。Bluetoothを使うもよし、一台がサーバ化しても良いでしょう。そこで使ってみたいのがneu.Node、iOSで動作するnode.jsサーバです。 幾つかのデモが用意されています。 単純にHello Worldを返却するサンプル。 telnetでつなげられるサーバ。 入力した文字をそのまま返します。 こちらはチャットサーバの例。 デモ動画 neu.NodeはHTTPサーバ以外でも動作します。node.jsサーバとあって、Webサーバとはまた違う楽しみ方が見いだせそうです。 neu.NodeはObjective-C製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 何とも夢が広がりそうなツールです。アプリ内に組み

mmd.jsはMikuMikuDanceのファイルをJavaScriptでWeb上に描画するライブラリです。 初音ミクを踊らせることができるソフトウェア、MikuMikuDanceをWebブラウザ上で再現しようと試みるソフトウェアがmmd.jsです。まだまだ開発途上のようですが今後が楽しみです。 現状はこんな感じです。 理想的な形（公式サイトより）。 MMDのファイルは仕様が公開されていないらしく、実際のファイルから意味を読み取って実装しているというかなりマニアックなソフトウェアになります。初音ミクへの愛情がなければ、決してここまでできないでしょう。まだ特徴点を読み取るレベルですが、近い将来Webブラウザ上でも初音ミクが踊っているかも知れません。 mmd.jsはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこ

Learn Git BranchingはWebベースでGitの使い方を学べるソフトウェアです。 企業においてもバージョン管理にGitを利用するケースが増えてきました。しかしその機能を使いこなせていないことも多いのが事実です。そこでGitリポジトリ、特にブランチに関して学べるLearn Git Branchingを使って学習してみましょう。 トップページです。 自動的にコマンドが入力されて、右側のツリーが更新されていきます。 解決するとコミットが飛んでいきます。 ここからが本番です。 基本的にチュートリアルの通りに進んでいくのみです。 まずコミットから。 入力中は答えが見えないように隠されます。にくい演出です。 Learn Git Branchingは実際のコマンドを入力しながら、それがツリーにどういう影響を与えるかをビジュアル的に確認できます。Learn Git Branchingを通して

Nar.jsは伺かのデータファイルを読み込んでデータ表示を行うJavaScriptライブラリです。 伺か（うかがか）というデスクトップマスコットおよびコミュニティがあります。そこで使われているキャラクターであるGhostのデータであるNanika ARchiveの読み込みができるのがNar.jsです。 Nanika ARchiveを読み込んだ表示。画像もテキストも表示されています。 Nanika ARchiveは実体はZipファイルであり、Nar.jsにおいてもzip.jsが使われています。その中で読み込んだテキストはUTF-8に、画像はHTMLImageElementとして取得できます。その他はblob Objectとして受け取れるようになっています。Nanika ARchiveの配布とともに表示も行えると言った利点がありそうです。 Nar.jsはJavaScript製、Creative