ITエンジニア/デザイナ向けにオープンソースを毎日紹介

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

List

  • 2013/02/19

[SPONSOR] スポンサー企業の紹介

MOONGIFTでは運営を支えてくださるスポンサー企業/団体/個人を募集中です。この記事では現在のスポンサー企業様を紹介します。ぷらっとホームhttp://www.plathome.co.jp/ぷらっとホームは OpenBlocks Aファミリを中心とした手のひらサイズの小型Linuxサーバ(監視やDHCP、DNSなど...

List

  • 2013/02/19

コンパイルしてスタイルシートを生成する高機能代替言語「Roole」

Rooleはコンパイルしてスタイルシートに変換する独自のマークアップ言語です。スタイルシートについてScssやSass、Lessなど様々な代替マークアップが開発されています。今回もその一つ、Rooleを紹介します。例。波括弧は不要です。変数が使えます。条件分岐できます。繰り返しできます。mixi-inです。メディアごと...

List

  • 2013/02/19

Seleniumを使ったiPhoneアプリの自動操作テストツール「Appium」

AppiumはiOSのテストを自動化するSeleniumを使ったテストツールです。iOSのテストはユニットテストが基本と思われます。実際の操作については人が細かくテストを行っているのではないでしょうか。その面倒なUIテストを自動化してくれるのがAppiumです。実行中です。文字の入力などは自動で行ってくれます。テストコ...

List

  • 2013/02/18

Webページ内の画像をまとめて一つのタブで閲覧「img2tab」

img2tabはWebページ内にある画像をまとめて一つのページで見せてくれるGoogle Chrome/Firefoxアドオンです。キュレーションサイトなどでよくあるのが画像まとめです。そこにある無数の写真を順番に選んでいくのは面倒なので、img2tabを使って一気に表示させましょう。インストールします。例えばMOON...

None

  • 2013/02/18

サービス開発に参画してくれるメンバー募集!

いつもMOONGIFTをご覧頂きありがとうございます。こちらはMOONGIFTが行っている(行おうとしている)サービス開発のメンバー募集記事になります。MOONGIFTではWebサービスの開発を随時行っています。その中で企画している以下の3サービスにおいてプログラマー、デザイナーを募集中です。ご興味がありましたらぜひお...

List

  • 2013/02/18

Web Fontの新しい使い方!US地図をWeb Font/CSSで表現「Stately」

StatelyはWeb Font/CSSを使ってUS地図を表示するソフトウェアです。地図(ここではUS)をWeb上に描こうと思った場合、SVGを使ったり画像を使うのが一般的です。しかし今回は一風変わったやり方、Web Fontを使ったStatelyを紹介します。デモです。このアメリカの地図がフォントで作られています。一...

List

  • 2013/02/17

スクロールによって格好よく変化するWebページを作る際に「jQuery Parallax」

jQuery ParallaxはNikeのCSR活動報告ページを真似た、スクロールアニメーションを実現するライブラリです。NikeによるCSR活動をアピールする場として公開されているNike Better World。そんなNike Better Worldのような画面構成を実現しているjQueryプラグインがjQue...

List

  • 2013/02/17

Font Awesomeからサイズや色を指定して画像出力「Font Awesome to PNG」

Font Awesome to PNGはFont Awesomeの情報を画像アイコンとして出力するソフトウェアです。Web Fontを多数使えるようにしてくれるFont Awesomeはとても便利ですが、一つのアイコンのために全体のWeb Fontを読み込むのでは非効率的です。そんな時にはFont Awesome to...

List

  • 2013/02/16

node.jsとGoogle Chromeによるローカルアプリケーション開発「node-chrome」

node-chromeはnode.jsをバックエンドに、フロントエンドをChromeを使ってローカルアプリケーションを開発します。node.jsを使っていると何でもJavaScriptで完結したい気分になってきます。そこでターゲットになるのがローカルアプリケーションです。Gtkなどを使うことなく、何とChromeを使っ...

List

  • 2013/02/16

面白い!Webサイトが出来上がっていく様子を再生「Time Machine」

Time MachineはGitを使ってHTMLコーディングが仕上がっていく様子を画像、動画にするソフトウェアです。Webデザイナーの方がHTMLをコーディングしていく中で、後でその過程を見せたいと思ったことはないでしょうか。そこで使ってみたいのがTime Machineです。Time Machineを使うとphant...

List

  • 2013/02/16

Android用のスマートフォンサイトを作るなら「Holo Web」

Holo WebはAndroid 4系で使われているHoloをモチーフにしたHTMLテンプレートです。Android 4.0ではデフォルトのテーマとしてHoloが採用されています。そこで今回はHolo風のWebサイトが作れるテーマ、Holo Webを紹介します。ライトなテーマ。チェックボックスやスライダーも動きます。こ...

List

  • 2013/02/15

iPhoneアプリの紹介ページを作る際にどうぞ!「iPhone App Splash Page」

iPhone App Splash PageはiPhoneアプリの紹介ページ用HTMLテンプレートです。せっかくiPhoneアプリを作ったならば、格好いいアプリケーション紹介ページを作りたいものです。しかし開発リソースやデザインリソースがない場合もあります。そんな時にはiPhone App Splash Pageを使っ...

None

  • Premium_s 2013/02/15

これから必要とされる人材像とは?セルフマネージメントの勧めと関連ソフトウェア

今回はセルフマネージメントです。自己啓発的な内容ではなく、MOONGIFTがジョブボードのインタビューなどを通じて感じている企業が求める人材像になるための必要な要素とそれをサポートしてくれるソフトウェアを紹介します。

List

  • 2013/02/15

想像力を限界まで引き上げろ!フォントを使ったプロトタイプ作成「BLOKK」

BLOKKは全て塗りつぶしたフォントで、ワイヤーフレームを表現するのに利用できます。BLOKKはフォントですが、単純に真っ黒に塗りつぶしただけのフォントです。さらに言えばどれを入力しても真っ黒な四角が出るだけです。さて、何に使えるのでしょうか。真っ黒です。スペースキーだけは空白文字が出ます。お、何かに見えてきましたか?...

List

  • 2013/02/15

どんなセリフを言わせようか。ブラックジャックによろしくのセリフ変更アプリ「bjpost」

bjpostはブラックジャックによろしくの一コマのセリフを自由なテキストにできるiPhoneアプリです。マンガ“ブラックジャックによろしく”のコンテンツは二次利用がフリー化されています。そこで、コンテンツを利用して作られたアプリであるbjpostを紹介します。メイン画面です。no 1をタップします。テキストエリアが出る...

List

  • 2013/02/14

建物を真正面から撮ったかのように自動加工「PerspectiveImageCorrection」

PerspectiveImageCorrectionは建物の写真を真正面から撮ったように加工するソフトウェアです。建物の写真を撮影する場合、どうしても下から見上げるような角度の写真になってしまいます。そういった写真でちょっと残念な思いをした方であれば使ってみて欲しいのがPerspectiveImageCorrectio...

List

  • 2013/02/14

外部サービスにファイルをアップロードしてURLを挿入「drag2up」

drag2upは画像、テキスト、バイナリを外部サービスにアップロードして結果のURLを挿入するGoogle Chrome機能拡張です。Twitterに画像を投稿するならばTwitPicにアップロードしてそのURLを使ったり、テキストであればGistにアップしたりします。そうした一手間をなくして手軽にしてくれるGoogl...

List

  • 2013/02/14

みんなの意見は?ユーザ同士でアンケート「encuestame」

encuestameはJava製のオンラインアンケートソフトウェアです。Webサービスやアプリでの次の機能開発において何が望まれているか分かればどれほど開発がスムーズになるでしょうか。UserVoiceライクに投票を集められるサービスがencuestameです。アンケートが一覧になっています。アンケート詳細です。グラフ...

List

  • 2013/02/13

タスクを登録してステータスはドラッグ&ドロップで管理「queue_do」

queue_doはアジャイルのタスクリストに似たインタフェースのWebタスク管理です。アジャイルでのイテレーションを管理する上で、タスクリストを使った手法があります。やるべきもの、やっているもの、そしてやったものでタスクを管理します。それをシンプルに表現してくれるのがqueue_doです。トップページです。タスクを登録...

List

  • 2013/02/13

なんと!JavaScriptだけでテキスト読み上げ「Speak.js」

Speak.jsはJavaScriptだけでテキストを読み上げるソフトウェアです。Webブラウザで音声ファイルを指定してJavaScriptで解析、なんてソフトウェアもありますが今回は一から“音声”を生み出してしまう驚きのソフトウェア、Speak.jsを紹介します。ボタンを押すとHello Worldと話します。こんな...