Primer - GitHub製。みんなで使えるデザインフレームワーク MOONGIFT
企業やプロジェクトによってデザインガイドラインは自ずと必要になってきます。それが社で働くデザイナーの共通認識になる訳ですが、例えばFacebookアプリを作る際にはボタンやデザインをFacebookっぽくしたくなるのではないでしょうか。つまりデザインガイドラインは社内だけでなく社外の人にとっても有益なのです。 そこで登場したのがPrimerです。PrimerはGitHubが作り、使っているデザインガイドラインになります。 Primerの使い方 スクリーンショットを多めで紹介します。まずはグリッド。 ヘッダー。h1〜6まで対応。 テキスト。若干小さめ？ インラインテキストの装飾。 ボタン。ここはGitHubっぽいですね。 ボタングループ。こういうのもGitHubで使われていますよね。 フォーム。シンプルです。 フォームグループ。縦に並べる時に使えます。 メニュー。アイコンはオプションです。
mdr – ターミナルでもMarkdownを読みやすく
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownフォーマットがどこでも使われるようになっています。それだけ普及したこともあって、専用のエディタや各種エディタでのMarkdownフォーマットのハイライトサポートが当たり前になっています。 そこでターミナルでも同じようにMarkdownの可読性をあげてくれるのがmdrです。一度使うと意外と手放せない存在になりそうです。 mdrの使い方 インストールはnpmを使います。 $ npm install -g mdr 面白いのはローカル、オンラインのどちらでも読み込めることでしょう。 mdr # Show README.md from current directory mdr foo.md -i # Use dark-on-light style mdr http://ex
apm - Atomエディタをより便利にするパッケージ管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GitHubが開発している話題のAtomエディタ、あなたは使っていますか？最初はオープンソース・ソフトウェアではないことに悲観する声も聞かれましたが、それもあってか現在はオープンソースとして公開されています。 そんなAtomエディタをさらに便利にしてくれるライブラリ群を手軽にインストールできるソフトウェアがapm、Atomパッケージパネージャです。 apmの使い方 apmはGitHubからクローンして、ディレクトリ内でnpm installとするとインストールされます。最新のAtomエディタがアプリケーションフォルダ内にある必要があります。 まずヘルプから見てみましょう。 $ apm help apm - Atom Package Manager powered by https:
JavaScriptでExcelの関数をほぼ実装 MOONGIFT
世の中で最も食されているものが最も美味しいと定義するならば、マックのハンバーガーとコーラは世界で最も美味しいということになるというのは有名です。そんな原理でいくとExcelは世界最高のツールになるのかも知れません。 つまり他の言語でもExcelの関数を実装すれば、誰でもプログラミングができてしまう…そんな世の中になるのかも知れませんね！ということで第一弾としてJavaScriptでExcelの関数を実装したFormulaJSを紹介します。 FormulaJSの使い方 例えば配列系の関数。 テキスト系。 演算系。 例えばASINのような関数はこのようにラッピングで実現しています。 Formula.ASIN = function (number) { return Math.asin(number); }; 全ての関数を実装し直しという訳ではなく、ラッピングで実装しているものも数多くあります。
Bitcoinの仕組みを用いたP2P暗号化メッセージシステム·Bitmessage MOONGIFT
BitmessageはBitcoinの仕組みを用いたP2Pメッセージングシステムです。 電子メールはサーバ/クライアント型のシステムで、万一サーバが落ちれば受信できなくなったり、ドメインの失効は大きな問題につながります。またサーバがクラックされればデータが読み取られる危険もあります。そこで試してみたいのが次世代のメッセージシステムBitmessageです。 受信ボックスです。 まずアドレスを作成します。秘密鍵を生成するようです。 アドレスができました。 テストでメッセージを送ってみました。 ブラックリスト機能です。 設定画面です。 BitmessageはBitcoinの方式を使っており、P2Pによるメッセージ送受信システムになっています。サーバを介さず、送信元の改ざんができない仕組みになっています。メッセージは暗号化され、本人以外は読めない仕組みです。現在はまだ開発途上ですが、非常に楽しみ
Backbone-Eye·Backboneアプリを開発するならFirefoxでいこう！ MOONGIFT
これは面白い！ Webアプリを開発する際に注目を集めているフレームワークBackbone。あまり厚くない仕組みになっているので理解はしやすいのですが、それでも開発時には色々難問にぶつかることがあります。そこでDevtoolsのような開発ツールが役立ちます。 さらにそれを一歩進めてBackbone専用に特化させたのがBackbone-Eyeになります。Firebug専用のツールになっており、Firefoxに元々含まれている開発ツールでは動きませんのでご注意ください。 インストール インストールはMozilla Add-onsから行えます。Firebugも忘れずにインストールしましょう。 インストールしたらBackboneアプリケーションを開きます。 使い方 こちらはサンプルのBackboneアプリケーションです。Firebugを開きます。 Firebugを開くとBackbone-Eyeのタブ
Rubyを実行できるWebKitベースのブラウザ·Decaf MOONGIFT
DecafはWebKitからフォークし、Ruby実行エンジンを載せたWebブラウザです。 Webブラウザで使えるプログラミング言語はJavaScriptだけです。ActionScript/.NET/Javaも使えますが、それはプラグインを使わないといけません。そんな状況に反旗を翻し、Rubyが動くようにしてしまったのがDecafです。 サンプル。クライアントサイドでRubyを実行して、その結果を描画しています。 コンソールも使えます。 CSSやJavaScriptのURLやパスを指定して読み込んでいます。 AjaxのようにGETでファイルを取り込めます。 Hello Worldを出力した例。 DecafはWebKitからフォークし、Rubyを組み込んだWebブラウザです。scriptタグにおいて、typeをtext/rubyとしてRubyコードを実行することができます。今のところMac O
GitHubを閲覧するための専用iOSクライアント·OctSurfer MOONGIFT
OctSurferはGitHubリポジトリやソースコードを閲覧する専用クライアントアプリです。 GitHubに取り込まれてもう抜け出せない…そんなプログラマーに贈りたいのがOctSurferです。コードの更新はできませんがそれ以外のGitHubでやりたいことは大抵できるはずです。 ログインはもちろんGitHubアカウントで。 自分のリポジトリが一覧できます。 検索もできます。 ソースコードの閲覧。 ちゃんとハイライト対応です。 グループの一覧、そのグループのリポジトリも一覧できます。 OctSurferではGitHubのリポジトリを検索したり、スターをつける、ソースを見ると言った操作ができます。閲覧系がメインですが、移動中にコードを確認したいと言った場合に便利ではないでしょうか。 OctSurferはObjective-C製、MIT Licenseのオープンソース・ソフトウェアです。 MO
社内で立てられるGistサーバ·Gistub MOONGIFT
GistubはGitHubの提供するGistのクローンです。 GitHubの提供するスニペットサービスのGist。便利に使っている人も多いと思いますが、何となく会社で使うのは控えてしまっている…そんな人も多いでしょう。そこで社内で立てられるGistクローンGistubを使ってみましょう。 パブリックなGist一覧。 ソースコードハイライト付きです。 編集画面です。 編集すると履歴がつきます。 新しいGistの追加画面。 プライベートなGistも作成できます。 Gistubはエディター画面こそ単純なテキストボックスで、ハイライトする言語指定ができないものの他はGistと変わらず普通に使えるようになっています。社内で立ててチームで使ったりするのに良いのではないでしょうか。 GistubはRuby/Ruby on Rails製、MIT Licenseのオープンソース・ソフトウェアです。 MOON
ミュージシャン向けCMS·CASH Music MOONGIFT
CASH Musicはミュージシャン向けのCMSです。 WordPressはブロガーのためのCMSです。CASH MusicはミュージシャンのためのCMSを目指すソフトウェアです。 サンプルです。メールアドレスを入力すると音楽がダウンロードできる機能。メールアドレスを入力すると… ダウンロードリンクに変わりました。 イベント情報。 ソーシャルメディア。 こちらはインストーラー。 インストール中。 アカウント設定。 管理画面へのログインです。 管理画面ダッシュボード。 コネクション設定。 色々な表示が用意されています。 コマースもあります。 CASH Musicでは自分たちのライブ情報やグッズの販売、ソーシャルメディアと連携した情報の提供、情報発信、音楽ファイルのダウンロードができます。カスタマイズが必須と思われますが、それでもミュージシャンらしいデザインのサイトが作れるのではないでしょうか
Web上のコンソール風入力UI·cssConsole MOONGIFT
cssConsoleはCSS/JavaScriptを使ってコンソール風表示を行うソフトウェアです。 Webページ上でユーザに何か入力してもらってその結果を表示する際に使ってみたいのがcssConsoleです。まるでCUIの入力を実現します。 確かにコンソール風です。 コマンドを打って結果を得られます。 dirコマンドの結果。 こちらは管理画面風。 ログインします。 がーん。 cssConsoleを使うとちょっとレトロな感じのコンソール入力が実現します。オプションとして予め入力されている文字を指定したり、入力文字数の設定、エンターを押した際に実行する関数を指定できます。動作はIE6以上から可能です。 cssConsoleはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る 最近はJavaScript製のオープンソース・ソフトウェア
自分のサイトにTwitterのプロフィールを載せよう·jquery.twitter.profile.js MOONGIFT
jquery.twitter.profile.jsはブログのサイドバーなどに使えるプロフィールウィジェットです。 ブログのサイドバーなどに自分にプロフィールを載せているケースはよく見ます。しかしオンラインのプロフィールはサービスごとに存在すると言っていいでしょう。そこでTwitterに使っているプロフィールをそのままブログパーツとして使ってしまえるのがjquery.twitter.profile.jsです。 サンプル。開発者の@Alice1017氏です。 MOONGIFTです。背景も変わっています。 デモのコードです。ユーザ名を指定するくらいで簡単に使えます。 jquery.twitter.profile.jsはユーザ名、説明文、アイコンそして背景画像を適用してくれます。フォローするためのボタンも付いているのでブログやWebサイトを通じてフォロワーを増やすのにも使えるでしょう。手軽に使えて
Pinterest風に写真を並べて表示するiOSライブラリ·TMQuiltView MOONGIFT
TMQuiltViewはPinterest風に写真をカラムに並べて表示するiOSコンポーネントです。 写真はその見せ方一つで楽しさが変わってくるコンテンツです。コンピュータ上で一番面白くないのはタイル上にただ並べていくだけのやり方でしょう。最近ではPinterestのように列ごとに高さを変えつつ表示するのが人気です。同様の表示をiOSアプリで実現したいならばTMQuiltViewを使ってみると良さそうです。 iPadの縦型表示です。 横向きです。三段になった時のアニメーションが格好いいです。 こちらはiPhoneの縦型表示。 横型。こちらも三段になります。 TMQuiltViewはShoeboxというアプリで使われている表示をニットビューとして切り出したものになります。UITableViewに似せたインタフェース、NSFetchedResultsControllerとの互換性、複数カラム対
国際化対応した請求書管理システム·siwapp MOONGIFT
siwappはWebベースの請求管理システムです。 ビジネスをやっていたら忘れてはならないのが請求書です。月1回か2回かは会社によって違いますが、いずれにしても手作業で作っていてはかなり面倒なはずです。そこで使ってみたいのがオンラインの請求管理であるsiwappです。 トップページです。 ログインしました。都度の請求書と定期的に繰り返す請求書の二つがあります。 請求書の詳細です。 こちらは継続請求の一覧です。 請求書を作成する画面です。 入金処理を実行します。 設定画面です。 siwappは請求書をPDFで出力できます。税設定や複数の通貨単位にも対応しているので、英語版ながら日本でも使えるでしょう。 siwappはPHP製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る 個人的には請求書の管理を独自のシステムで行っていましたが、最近Make Lea
戦え企業戦士！·勤怠戦隊キンタイン MOONGIFT
勤怠戦隊キンタインは出社、帰宅などのアクションを記録し、ソーシャルサービスにメッセージを送るシンプルな勤怠管理サービスです。 TwitterやFacebookでよく「出社なう」「帰宅開始」といったメッセージを残す人がいる。そんな企業戦士のために生み出されたサービス、それが勤怠戦隊キンタインである！ シュッキーン！これが勤怠戦隊キンタインのメイン画面だ！ ログインしたぞ！レッド、ブルー、ピンク、グリーン、イエローからアクションを選ぶんだ！やはりイエローはピザキャラか！ クリックすれば自動でFBに投稿したりTwitterでツイートしてくれるのだ！ログも自動で蓄積されるぞ！これで逃げ道はないぞ！ 勤怠戦隊キンタインではクリックするだけでアクションを記録できる。食べている＝イエローにすると常にピザばかり食べている人になってしまうので注意が必要だ。もちろんフォークして自分で6人目のメンバー、勤怠ブラ
iA Writer風の物書き集中型Webテキストエディタ·WebWriter MOONGIFT
WebWriterはWebベースの物書き集中型のテキストエディタです。 ブログやコミュニティサイトなど、オンラインでテキストを書く機会は多いですが、テキストエリアの貧弱さには辟易します。そこで試したいのがWebWriter、Webベーステキストエディアです。 表示されているものがそのまま入力できます。 < を書くと自動で>を入力補完してくれます。他にも括弧が補完対象です。 1.を書いて改行すると自動で2.が追加されます。 -を行頭に書くとタスクになります。クリックすると+になって消し込まれます。 WebWriterはシンプルなUIで物を書くことに集中できます。ショートカットキーに対応しており、コマンド+Dでカーソル行以外を薄くするフォーカスモードやSで保存（ローカルストレージに保存されます）、タブやShift+タブによるインデントにも対応しています。元ネタはiA WriterというMac
Basecamp Nextでも使われている絵文字のUnicodeを取得·named_emoji MOONGIFT
named_emojiは絵文字をシンボルで指定しつつ、Unicodeを返してくれるライブラリです。 絵文字は日本の携帯電話から広がり、Googleでも採用されるなど徐々に浸透されてきています。さらにCampfireやBasecamp Next、GitHubでも採用されています。そんな絵文字を手軽に使えるようにするRubyライブラリがnamed_emojiです。 インストールしました。RubyGemsを使って簡単にインストールできます。 NamedEmoji[:smile]といった具合に実行するとUnicodeが出力されます。この:smileというのはBasecamp Nextなどで使われているチートシートのものを使っています。 コマンドとして実行もできます。 絵文字は画像ではなくUnicodeの中で定義されています。デスクトップではまだ表示できませんが、アイコン画像に変換してくれるサービス
JRubyのコードをラッピングしてネイティブアプリ化·Rawr MOONGIFT
RawrはJRubyのコードをラッピングして各OS向けの実行ファイルを生成するソフトウェアです。 JRubyで書いたコードはJRubyさえあればWindowsでもMac OSXでも動くのが魅力ですが、そもそも環境を用意するというのが面倒です。そこで作成したJRubyソフトウェアをラッピングして実行ファイル化してくれるのがRawrです。 インストールします。JRubyのRubygemsから一発です。 rake rawr:bundle:appでMac OSX用、rake rawr:bundle:exeでWindows用実行ファイルを生成します。ただし生成するのはそれぞれのOS上で行う必要があります。 生成されました。 生成されたアプリです。 ファイルの内容です。やはりJavaをラッピングする形になっています。 この手のコンセプトのソフトウェアは昔からありましたが、Rawrもまた実行環境をそのま
1,000のサーバでも監視できるnode.js製死活チェッカー·uptime MOONGIFT
uptimeはnode.jsで作られたWebサーバ死活チェッカーです。 Webサーバがきちんと正常に動き続けているかどうか一番簡単にチェックするのは定期的にアクセスしてレスポンスタイムを見ることです。そんなWebサービスの死活チェックに使えるのがuptimeです。 サーバを立ち上げました。最初に監視するWebサーバを設定します。 URLと監視する間隔を指定するくらいです。 監視を開始しました。グラフは自動更新されないのでご注意ください。 イベントがあればこちらに出力されます。 グラフではなく一覧で結果を確認できます。 徐々にグラフが更新されていきます。 uptimeは1000以上のWebサーバを一括で監視できるパフォーマンスを持っています。またダウンしている際にはWebアラートを表示できます。エラーがあった際にはHTTPステータスやその内容を記録してくれます。サーバはタグを使ってグループ管
これは便利だ。アプリのインストールもできるAndroid on Windows·BlueStacks MOONGIFT
BlueStacksはWindows上でAndroidを動作させるエミュレータです。 Androidアプリも多数出揃ってきました。中にはデスクトップでも使いたいと思うアプリがあるかも知れません。そんな時に使えるのがWindows上でAndroidを動作させるBlueStacksです。 インストーラーを使ってインストールできます。 起動しました。まずチュートリアルを読みます。 日本語設定もあります。 ホーム画面です。 設定画面です。 Evernoteを起動しました。Androidアプリとして特に問題なく使えます。 認証なども問題ありません。 アプリのダウンロードもできます。 デモ動画 BlueStacksはAndroidエミュレータと異なり、AmazonやGetJarを使ってアプリのインストールを行うことが出来ます。数多あるAndroidアプリをWindows上で楽しんでみてください。 Bl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
