Flow.js - 巨大なファイルもリジューム付きで簡単アップロード MOONGIFT
巨大なファイルをアップロードする際に欲しくなるのがリジューム機能です。万一途中でネットワークエラーになったりして最初からやり直し、なんてことになったらもはや二度とアップロードする気にならなくなるでしょう。 今後Webの利用範囲が広がっていく中で、動画をはじめサイズの大きいファイルをアップロードしようと思ったらリジューム機能は欠かせなくなります。そこで使ってみたいのがFlow.jsです。 Flow.jsの使い方 Flow.jsは通常のファイルアップロードの代わりに使えるようになっています。 デモです。ボックスにファイルを追加します。 アップロード中… 途中で止めたり、一つだけ再開もできます。 タネを明かすと、Flow.jsではFile APIを使ってファイルを読み込み、小さく分割（チャンク）してアップロードを行っています。その分ネットワーク接続の回数が多くなりますが、巨大なファイルによるネッ
Rebass - Reactで使えるUIコンポーネント集
ユーザ向けに使うライブラリを使いたいと思うかどうかは、UIが優れているかどうかに大きく左右されます。特にBootstrapが出てきてから、その傾向が強くなっているように感じます。 今回はReactと組み合わせて使うUIライブラリRebassを紹介します。実に57種類（執筆時点）もある、UIライブラリです。 Rebassの使い方 スクリーンショットを多めに、主立ったUIコンポーネントを紹介します。まずはアロー。 アバター。 ラベル。 ブロック。 引用。 パンくず。 ボタン。 丸形ボタン。 ドーナッツ型。 YouTubeの埋め込み。 フォームもあります。インプット。 パネル。 プログレスバー。 レーティング。 ウィザード風に。 スイッチ。 テーブル。 ツールチップ。 Rebassはこの他にもたくさんのUIコンポーネントが揃っています。これだけあれば、Webサイトを自由に作成できることでしょう。
Mattermost - Go製のSlack代替サーバ MOONGIFT
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Slackが急成長しています。多くの企業でSlackが使われており、遠隔地（または社内であっても）のコミュニケーションに役立てられています。しかし企業によってはセキュリティ上の理由などで導入できないこともあります。 そんな企業が使ってみたいのはSlackクローンになるでしょう。今回はDockerを使って簡単に導入できるMattermostを紹介します。 Mattermostの使い方 既にDockerが入っているならば、以下のコマンドを実行するだけです。 docker run --name mattermost-dev -d --publish 8065:80 mattermost/platform:helium 後はサーバにアクセスするだけですが、サブドメインを使うのでhostsな
開発者でなくともGAEの凄さが体感できるオープンソース・ソフトウェア×28選 MOONGIFT
Googleの提供するクラウドWebアプリケーションプラットフォーム、Google App Engine。PythonとJavaが利用可能で、ストレージもついて一定規模までは無料で利用できる開発者にとっては理想的なシステムとなっている。が、それでも日本において利用がもの凄く増加しているかというとそうでもないようだ。 要因の一つとしては、Python人口が少ないこと（現在はJavaも使えるが）、Data Storeが特殊に感じてしまうこと等が考えられる。そのため若干距離が空いてしまい、はじめられず仕舞いという人も多いのではないだろうか。 そこで今回は非開発者でも利用できるGoogle App Engineを使ったソフトウェアを取り上げてみた。もちろん開発者でも問題ない。ここで紹介するソフトウェアをダウンロードし、実際にGoogle App Engine上で立ち上げてみればその魅力が分かるはず
Yahoo! Inc.製のストリームコンピューティングプラットフォーム·S4 MOONGIFT
S4はYahoo! Inc.製の分散処理プラットフォーム。 [/s2If] S4はJava製のオープンソース・ソフトウェア。インターネット上には膨大なテキストコンテンツが存在する。さらにブログやソーシャルメディアを通じて刻々とデータ量は増大している。そうしたテキストコンテンツを解析し、意味を見いだしていくのが得意なのがMapReduceだ。 膨大なデータを細分化し、並列処理していくことで高速処理を可能にしている。今ではAmazon Web ServiceでAmazon Elastic MapReduceが提供されていたり、Yahoo! Inc.はHadoopの開発にも積極的に関わってきた。その次世代型とも言えるのがS4だ。 S4を開発し、公開したのもまたYahoo! Inc.だ。MapReduceの欠点として、予めプログラムを組みバッチ処理にしか使えなかったのだが、S4では適宜タスクとして
PhoneGapを使った開発に必須！「PhoneGap Simulator」
PhoneGap SimulatorはPhoneGapを使ったスマートフォンアプリ開発のエミュレータ。 MOONGIFTはこう見る PhoneGap Simulatorは実に機能が多い。デモには簡単なゲームもあるが、デバッグパネルを使ってダイナミックに動きを変更できる。バイブレーションも実際に震える等細かい点で気が利いている。スキンは単純に見た目を変更するだけだが、iPhone/Androidの他、BlackberryやPalm Preも用意されている。PhoneGapの可能性をさらに高める便利な存在だ。 Mobile Safariではカメラやファイルのアップロード等、幾つか不可能な機能もPhoneGapでラッピングすれば可能になる。今後、さらに需要が高まるはずだ。 PhoneGap SimulatorはAdobe AIR製のフリーウェア。iPhoneやiPad向けの開発を行う上でObje
複数人で同時に書けるnode.js製ホワイトボード·whiteboard MOONGIFT
whiteboardはWebSocketを使ったリアルタイムドローソフトウェア。 whiteboardはnode.js/JavaScript製のオープンソース・ソフトウェア。node.jsが熱い。サーバサイドJavaScriptという珍しさもあって、先進的な技術を試すのにぴったりな環境となっている。HTML5を使ったソフトウェアはとても多い。 Safariでお絵描き HTML5と言えば多数の新機能を備えているが、最も特殊なものとしてはWebSocketが挙げられるかも知れない。使い勝手が難しいが、新たなWebの可能性も見いだせそうだ。そんなWebSocket + node.jsで開発されたのがwhiteboardだ。 whiteboardは複数人同時に編集が可能なホワイトボードシステムだ。マウスでクリックして線を引くことが出来る。その内容はリアルタイムに別なブラウザに反映される。クリアボタ
スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、本家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画
MOONGIFTプレミアムにぜひご登録を！ MOONGIFT
いつもMOONGIFTをご覧いただきありがとうございます。MOONGIFTプレミアム（有料）の紹介になります。 MOONGIFTは2004年01月の運営開始以来、一人で運営しています（記事も全て一人で書いています）。ぜひMOONGIFTプレミアムへ登録し、ご支援ください。 MOONGIFTでは現在、緊急の仕事募集を行っております。システム開発（Ruby on Rails/PHP、iOSなど）、Webサービス企画、ビジネスモデル立案、プロジェクト管理、コンサルティング、技術市場調査を承っております。どうぞご用命ください。ご用命はinfo@moongift.jpまでお願いいたします。 MOONGIFTプレミアムでは、ゲストユーザ（無料）とは以下のような機能差があります。 1. 記事の電子書籍版ダウンロード！ 2010年各月版で記事を全て電子書籍化しました。ePubファイル形式でダウンロード後、
MOONGIFT Windowsでファイルへのアクセス状況を可視化する「Moo0 FileMonitor」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
Moo0 FileMonitorはWindows用のフリーウェア。コンピュータを操作していると突然HDDへのファイルアクセスが発生し、速度が低下したり、しばらく操作が待たされたりすることがある。これは相当なストレスに感じることだろう。 意外とアクセスは多い 大抵はウィルスチェックやセキュリティアップデートが行われた時などだが、ファイル共有への不正なアクセスや、思っても見なかったプログラムがファイルを作成しているかも知れない。それをモニタリングできるのがMoo0 FileMonitorだ。 Moo0 FileMonitorは起動しておくだけでHDDへのファイル作成、書き込み、リネーム、削除といったアクションをモニタリングできる。予想以上にアクションが行われると思われるので、常時起動しておくものではなさそうだ。 ドライブやアクションごとにモニタリングを有効/無効にすることもできる。さらにログを
Node.JSによるターミナルエミュレータ·jsTerm MOONGIFT
jsTermはNode.JS/JavaScript製のオープンソース・ソフトウェア。Webアプリケーションは多数あれど、移行しがたい分野のアプリケーションは存在する。その一つがターミナルだろう。システム管理に用いるのが基本なので、Webベースへの移行は難しい。 一応入力も可能 だがターミナルはテキスト情報のみがやり取りされるとあって、システム管理分野以外でも利用されている。そんな時にはWebベースでも使えそうだ。利用するのはjsTerm、Node.JSを使ったターミナルエミュレータだ。 jsTermはHTML5のCanvas、Web Socketを使ってターミナルを使えるようにしている。デモでは各種サーバに実際に接続して、アクションを起こすことができる。主な用途としてゲームサーバへの接続が想定されているようだ。 入力カーソルが分かりづらいという問題と、バックスペースを押すとブラウザの履歴を
Node.jsを使ったWebベースのJavaScript IDE·Cloud9 IDE MOONGIFT
Cloud9 IDEはJavaScript製のオープンソース・ソフトウェア。Webアプリケーション化が進んでいながらも、なかなかこれといった決め手が出てこないのが開発環境のWebアプリケーションだ。やはりローカルのテキストエディタ以上の環境は出てこないのだろうか。 Webブラウザとは思えないほどリッチなUI 乗り換えるメリットがあれば可能性はあるだろう。ローカルでコーディングしてビルドして配布するといったものは難しい。そうではなくサーバサイドで全てが完結するものが良い。そこで登場したのがCloud9 IDEだ。 Cloud9 IDEはNode.JSで作られたNode.JS用の開発環境だ。JavaScriptとあってWebブラウザとの親和性も高い。基本は2ペインの構成で、左側にファイルやフォルダのブラウザ、右側に選択したファイルの内容が表示される。行番号やハイライトにも対応している。 機能拡
開発環境を一気に整えたい、そんな方は·Cinderella MOONGIFT
CinderellaはMac OSX用のオープンソース・ソフトウェア。シンデレラのお話は、継母や姉にいじめられるシンデレラが魔法使いの協力によって豪華なドレスをまとって舞踏会に参加し、最終的に王子と結婚に至るサクセス（ミラクル？）ストーリーだ。 インストールも1行で開始する そんなシンデレラから名前をもらったCinderellaもまた、あなたのMac OSXを変身させてくれるソフトウェアだ。開発者になりたいけれど、環境を整えるのが大変だ…そう考える人はCinderellaの魔法にかかってみよう。 Cinderellaが提供するのはRuby(1.8.7）、Python（2.7）、Erlang、node.jsといったプログラム言語、MySQL、PostgreSQL、MongoDB、Redisといったデータベース、そしてmemcachedとなっている。さらにRails、Sinatraといったフレ
MOONGIFT : 今日の作業したファイルをまとめる「TodayFolder」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
TodayFolderはMac OSX用のフリーウェア。日々パソコンを使って作業をしていると、デスクトップ上にファイルやフォルダが散乱し、非常に汚い状態になってしまうことがある。これでは作業効率が落ちてしまう。かといって整理するのも時間を要するだろう。 ボタン一つで整理 日々作業が終わったらデスクトップを奇麗にする習慣をつけよう。ファイルの分別が面倒だったら、TodayFolderを使えば良い。朝を迎えた時に奇麗になっていれば、新たな気持ちで作業に入れるはずだ。 TodayFolderは言ってみれば机の上に並んだ書類を一つの段ボールにいれ、年月日を書いておいていくツールだ。実行するとデスクトップにあるファイルをDocumentsフォルダに内に年月日のフォルダを作って格納する。これを繰り返すのだ。 いざとなっても作業した日がだいたい分かればファイルを探せるだろうし、Spotlightを使う手
iPad用Webサイトを構築するの使えるテンプレート·jQPad MOONGIFT
jQPadはHTML/JavaScript製のオープンソース・ソフトウェア。iPadはPCを使うほどでないライトやネット利用者や逆にギークを軸に売れている。毛嫌いする人も多いが、個人的には気に入っているデバイスだ。iPhoneとは違って大きな画面でWebブラウジングできるのが良い。 iPadに最適化されたサイトを構築する 通常サイトがそのまま使えるとは言え、全く問題がないかと言われるとそうでもない。やはり最適化されているとより使いやすくなるはずだ。そこで利用したいのが専用テンプレートであるjQPadだ。 jQPadはその名の通り、jQueryを使って構築されているiPad専用テンプレートだ。左右に分かれて表示されるようになっており、左側でメニューを、右側でコンテンツを表示できる。設定アプリに近い画面構成になっている。 ページはまだ若干足りない 左側ではメニューの他にログインウィンドウを表示
Rails3製の時間管理·Punchy MOONGIFT
PunchyはRuby on Rails製のフリーウェア（ソースコードは公開されている）。時間管理は重要だ。時間というリソースは決して取り戻せず、かつ万人に平等だ。怠惰に過ごしても過密スケジュールで過ごしても一日は変わらない。それだけに日々改善が必要なのだ。 Twitter風のシンプルな画面 改善の他にも、費やした時間によってプロジェクトの正否を見たりもする。その際には費やした時間を記録し、蓄積していく必要がある。そんな時に使えそうなのがPunchyだ。 一般的な時間管理としては、リアルタイムに時間を入力（ボタンを押すなど）するものが多いが、Punchyは後付けでの入力が出来る。Twitterに似たインタフェースで、とてもシンプルだ。「*」「#」「@」の記号を使って管理する。 サマライズ 例えば「*会員登録開発 #Xプロジェクト @Aクライアント for 2 hours」といった具合に入力
色々なWebアプリケーションで使えそうなアイコン集·gcons MOONGIFT
gconsは画像のフリーウェア（オープンソース・ソフトウェアとなっているがライセンスは不明）。WebサイトやWebアプリケーションを開発する時にデザインが成功するか否かを握る割合はとても大きい。文字で一つ一つ説明するのではなく、アイコンをうまく配置することで誤解が避けられたり、ユーザビリティが高くなる効果がある。 こんな2色のアイコンが多数 とは言え、色々なサイトから個々のアイコンを集めてきて使うのはあまりスマートではない。統一感がなく、かえってごちゃごちゃなイメージになってしまう。一つの統一されたテーマの元に提供されているアイコン群、それがgconsだ。 gconsは多彩な画像フォーマット（PNG/JPG/GIF/PSDなど）、かつ12色のアイコンが100個も提供されている。サイズは32×32となっている。バッヂやブックマーク、コンピュータ、ハート、フラグなど多彩な種類が揃っている。これ
シンプルなタイムトラッキング·Thyme MOONGIFT
ThymeはMac OSX用のオープンソース・ソフトウェア。作業の効率的な進め方において、時間管理の概念は欠かせない。各作業における時間を測定することで無駄なコストを費やしていないか、もっと効率的な方法はないかと探ることが出来るようになる。 これだけ！ そのための時間管理ソフトウェアは多数あるが、細かく作られていてはじめるまでの心の障壁が高いものが多かった。もっとカジュアルに手軽にはじめられるのが良い、そう考える方はThymeを使ってみよう。 Thymeはとてもシンプルなタイムトラッキングソフトウェアだ。起動するとメニューバーに常駐し、スタートを押すと計測を開始する。次にストップを押せば測定が停止し、その間の時間がメニュー項目として表示される。ただこれだけのアプリだ。 特に作業名を付けたり、エクスポートする機能もない。気の向いた時にスタートして、終わった時にストップするだけだ。シンプルなの
Seleniumを使ったリアルタイムのデザイン確認·Cqstyle MOONGIFT
CqstyleはWindows用のオープンソース・ソフトウェア。Webサイトのデザインでターゲットブラウザになることが多いのはIE、そしてFirefoxだろう。さらにSafariやGoogle Chromeも考えるべきだが、シェアを考慮するとこの二つがまず大事になる。 IEとFirefox向けのデザインを同時に確認 各ブラウザによってレンダリング結果が多少異なるため、その調整作業が必要になる。だがFirefox向けに徹底的に調整した後、IEで確認したら思い切りずれていたなんてこともある。そんな悲惨な結果を避けるために使ってみたいのがCqstyleだ。 Cqstyleはいくつかのパターンがあるが、まずWindows向けのプログラムが基本になる。CqstyleがSeleniumサーバとなり、IEとFirefoxを立ち上げる。さらにデフォルトブラウザ向けにCSS編集ウィンドウが開くので、そのテキ
iPhone向け最適化Webサイトを構築するjQueryライブラリ·jQuery iPhone UI MOONGIFT
jQuery iPhone UIはHTML/JavaScript製のオープンソース・ソフトウェア。iPhone用のWebサイトを構築するニーズが増えてきている。既に幾つかテンプレートもリリースされており、それらを使えば最適化されたインタフェースのサイトが作りやすくなる。 アイコンリスト そうしたライブラリを使う時に重要なのが、どれくらいの機能に対応しているかだ。単純なリストはもちろん、プロフィールページ、画像付きリスト、フォームなど多数のニーズがある。その一つ、JavaScriptを使ったパターンに適合できそうなのがjQuery iPhone UIだ。 jQuery iPhone UIの特徴は名前の通りjQueryを使っていることだろう。同種のライブラリとしてjQTouchがあるが、あちらはがちがちに固まっている雰囲気があるがjQuery iPhone UIは切り離して使えそうだ。HTML
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
