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

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

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

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

もっと見る

List

  • 2013/10/30

Ionicons – 必見!iOS 7風、ソーシャル系アイコンも取り揃えたWeb Font

またしても使い勝手の良さそうなアイコンフォントが出てきましたよ!Bootstrapはアイコンの表示に際して画像を使っています。しかしそれでは大きさの変化や色の変更に柔軟に対応できません。そこでFont AwesomeではWeb Fontを使ってアイコンを提供する形をとっています。今回紹介するIoniconsもまた同様に...

List

  • Premium_s 2013/10/29

忘れる技術

今回はタスク管理と一緒に習得すべき忘れる技術について紹介します。そして忘れるために役立つであろうタスク管理系のオープンソース・ソフトウェアも紹介します。

List

  • 2013/10/29

placeholderを使ってユーザビリティ向上を目指そう「JVFloat.js」

JVFloat.jsはHTML5/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。HTML5で実装されているplaceholder要素はあらかじめどういったデータを入力すれば良いか分かるのでユーザビリティが高くなります。しかしより優れたユーザビリティを目指すな...

List

  • 2013/10/29

Bootstrap Markdown - 使おう!BootstrapにマッチしたMarkdownエディタ

Markdownでコンテンツを編集するサイトでは採用必須ですね!最近はテキスト編集をさせようと思うとまずMarkdownが筆頭に上がってくるようになりました。さらにWebサービス開発にBootstrapをベースにする人たちもたくさんいます。であればその二つが合わさって欲しいと思っている人は多かったはず。Bootstra...

List

  • 2013/10/29

PCE.js - こいつ…動くぞ。JavaScriptで作られたWindows 3.0/Mac OSまで動くPCエミュレータ

すみません、こいつ…動くぞって言いたかっただけなんです。往年のPCを動作させるPCエミュレータは幾つか知られています。その一つがPCEです。それをEmscriptenを使ってJavaScriptにしてしまったのがPCE.jsになります。まずはMac OSから。System 7.0.1です。!懐かしのWelcome to...

List

  • 2013/10/29

シンプルで美しいnode製のブログエンジン「Ghost」

Ghostはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。今はソーシャルの時代であえてブログを書く人は少なくなっています。確かにソーシャルに投稿するのに比べると幾分面倒な感じがします。しかしシンプルなブログであればきっと使いたくなるはずです。それがGhostです。最初にサ...

List

  • 2013/10/28

タグを辿ってニコニコ動画を旅しよう「niconicoタグ回遊」

niconicoタグ回遊はnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。ニコニコ動画のタグはセンスあるユーザが自由につけるものだけあって、独特な面白さが存在します。そんなタグを使ったマッシュアップサービスがniconicoタグ回遊です。動画とそのタグが一覧で表示されます。...

List

  • 2013/10/28

試してみよう。背景の要素を自然にぼかす「Vague.js」

Vague.jsはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。iOS 7が登場した直後に一気に注目を集め始めたのが背景をぼかす表現ではないでしょうか。類似のライブラリは幾つかあると思いますが、今回はVague.jsを紹介します。一例。メインの画像以外はぼか...

List

  • 2013/10/27

IFTTTで使っているiOS用キーフレームアニメーションライブラリ「Jazz Hands」

Jazz HandsはiOS用、MIT Licenseのオープンソース・ソフトウェアです。iOSアプリの中でシンプルなアニメーションを実現したいと思ったらチェックして欲しいのがJazz Handsです。IFTTTで実際に使われているキーフレームベースのアニメーションライブラリです。最初の場面。スワイプ操作でアニメーショ...

List

  • 2013/10/27

積極的に使おう。画像サムネイル付きドロップ式アップローダ「Dropzone.js」

Dropzone.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。HTML5以前はファイルのアップロードフォームは一つずつしかファイルがアップロードできない寂しいものでした。しかしHTML5になって複数ファイル指定はもちろん、ドラッグ&ドロップによるファイルアップロードも行える...

List

  • 2013/10/26

スタイルシートの中にスタイルガイドを記述「styleguide.js」

styleguide.jsはnode/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。Webコーディングを行う際に複数人で作業する場合はスタイルシートのクラスをどのように使うべきか記す必要があるかと思います。そんな時に使ってみたいのがstyleguide.js...

List

  • 2013/10/26

iOS 7風のWebアプリを作ろう「ibox2」

ibox2はHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。iPhoneが登場した後、一気に出てきたのがスマートフォン対応のWebテンプレートです。今では見た目が随分変わってしまっているので導入が難しいかも知れません。そこで試してみたいのがibox2です。今のところ設定画...

List

  • 2013/10/26

Webアプリのクライアントサイドの多言語化に「i18next Editor」

i18next Editorはnode/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。Webアプリケーションの多言語化対応を考える中で注目したいのがi18nextです。JSONフォーマットで記述した翻訳ファイルをベースにjQueryを使って多言語対応します。...

List

  • Premium_s 2013/10/25

スマートフォンサイト構築する際のポイント&関連オープンソース・ソフトウェア

モバイルファーストという言葉はほぼバズになってきています。今回はそのモバイルファーストに注目し、モバイルサイトを構築する上でどういった点に注意しなければならないかを挙げてみたいと思います。

List

  • 2013/10/25

カスタマイズ可能なiOS用動画プレーヤ「ALMoviePlayerController」

ALMoviePlayerControllerはiOS用のオープンソース・ソフトウェア(MIT License)です。iOSでは元々多数のコントローラが提供されていますが、それをそのまま使っても面白いアプリが出来上がる訳ではありません。ちょっとしたカスタマイズが魅力を増幅します。今回はMPMoviePlayerCont...

List

  • 2013/10/25

O/Rマッパー当たり前な時代だからこそSQLテクニックを磨こう「SQL Fiddle」

SQL FiddleはColdFusion製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。開発環境をセットアップするというのは意外に面倒で、せっかく学習しようと思ってもその時点で頓挫してしまいます。もしあなたがSQLを学んでみたいと思うならばSQL Fiddleを使ってみましょう...

None

  • 2013/10/25

Webシステム企画、コンサルティング承ります

いつもMOONGIFTをご覧いただきありがとうございます。こちらは仕事募集記事になります。MOONGIFTでは以下のような案件を承っております。 Webシステムの企画から開発まで 技術系調査(マーケット含む)およびレポート作成 オープンソース・ソフトウェアを用いたWeb開発、提案 プロジェク...

List

  • 2013/10/25

没頭注意!あの名作をWebベースでリアルに再現「Full Screen Mario」

Full Screen MarioはJavaScript製、Creative Commonsのオープンソース・ソフトウェアです。今でも世界中で人気のあるスーパーマリオブラザーズ。あのゲームをWebブラウザで、それもHTML5で再現してしまった作品がFull Screen Marioです。いつも通りのマリオブラザーズの画...

List

  • 2013/10/24

既存ソフトウェアを組み合わせてMarkdownをスライドに変換「bandersnatch」

bandersnatchはnode製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。世の中なんでもMarkdownの流れがありますね。今回はプレゼンテーション用のスライドを生成してくれるbandersnatchを紹介します。プレゼンテーションエンジンにReveal.jsを使って格好...

List

  • 2013/10/24

長文をあっさり短く。テキスト要約エンジン「TextTeaser」

TextTeaserはScala製のオープンソース・ソフトウェア(MIT License)です。Webサイトの基本はテキストです。しかし長文を読み続けている余裕は現代人にはありません。そこで使ってみたいのがTextTeaser、テキストサマライズエンジンです。一例。文書が段落ごとにまとまって表示されました。日本語だとう...