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

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

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

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

もっと見る

List

  • 2013/11/01

pokemon_zukan - 最新XYにも対応したRubyで使えるポケモン図鑑

ピカチュウってねずみポケモンだったのか…。ポケモンセンター東京は築地、東京ディズニーランドに続く海外からの注目が高い観光名所として知られています。それくらいポケモンは人気であり、XYの放送も開始してさらにパワーアップしています。そんなポケモン好きは見逃しちゃ行けないのがpokemon_zukanです。pokemon_z...

List

  • Premium_s 2013/11/01

業務で使えるオープンソース(93)「WYSIWYG」

今回のテーマはWYSIWYGです。FCKEditorなどからはじまった歴史は今もなお止まらずに進化し続けています。そうした最近の流行や選定基準について、さらにこれまでに紹介してきたWYSIWYGエディタをまとめて紹介します。

List

  • 2013/11/01

Resumable.js - HTML5で実現したリジューム付きファイルアップローダー

アップロード途中で止まると相当なストレスですよね。そこで使ってみたいライブラリです。HTML5を使うとファイルをドラッグ&ドロップでアップロードできるようになってとても便利になっています。しかしごく小さなファイルのアップロードであればまだしも、巨大なファイルをアップロードするとなるとまだ大きな問題が残っています。それが...

List

  • 2013/11/01

Ifvisible.js - 色々な場面で役立ちそう。JavaScriptでアイドル状態、タブの状態を管理

Facebookをはじめチャット系のソフトウェアで良くあるのですが、現在のタブでチャットしていると特に何も通知は出ないのに別タブを開いていると音を出したりタイトルを変化させたりする機能があります。あれはどうやっているのかなと思っていたのですが、Ifvisible.jsを簡単に実現できそうです。ついでに(?)操作せずに放...

List

  • 2013/10/31

Snap.svg – アニメーションもサポートしたJavaScript連携可能なSVGライブラリ

HTML5の時代になってSVGにも注目が集まっていますが、個人的に思うのはAdobeはその何年も前からSVGに取り組んでいたなということです。IEで使えるSVGプラグインビューワーも早い段階から出していましたし、IllustratorもSVG書き出しを相当前のバージョンからサポートしています。そんな中、Adobeがさら...

List

  • 2013/10/31

Scrollback - サイト内に設置するごくごく小さな掲示板

Scrollbackはnode/JavaScript製、GNU Affero General Public Licenseのオープンソース・ソフトウェアです。Webサイト内でコミュニケーション機能を提供するなら何を使うでしょうか。掲示板、チャット、コメント機能などが考えられます。今回はその一つ、ごく小さなフォーラム機能...

List

  • 2013/10/31

Sticky Kit - 簡単に使えるスクロール追従型コンテンツを実現するjQueryライブラリ

ここまで簡単にできると嬉しいですね!最近のWebサイトで見かけるサイドバーが追従するコンテンツですが、単純に位置が固定になるだけでなく、縦に長いサイドバーやフッターがある場合にも適切に動作させようと思うと多少工夫が必要です。そんなデザインのサイトを実現したいと思ったならば使ってみたいjQueryライブラリがSticky...

List

  • 2013/10/30

chainchomp.js – 危険なコードも何のその。任意のJavaScriptをセキュアに実行させるサンドボックスライブラリ

JSFiddleやjsdo.itのようにユーザに自由にJavaScriptを入力してもらって遊んでもらいたいと思っても、セキュリティを考えると二の足を踏んでしまいがちです。そこで使ってみたいのがchainchomp.jsになります。JavaScriptをサンドボックス化して実行できるライブラリになります。!デモで実行が...

List

  • 2013/10/30

Cozic - YouTubeも使えるnode製のクラウドミュージックプレイヤー

CozicはCoffeeScript/node製のオープンソース・ソフトウェア(MIT License)です。音楽コンテンツはいつだって人気です。デスクトップ、スマートフォン、タブレット…どこでも音楽を楽しみたいと思うはずです。そこで紹介したいのがCozic、Webベースのミュージックサーバです。トップページです。音楽...

List

  • 2013/10/30

Free PixelKit Bootstrap UI Kits - Bootstrapを一変させるフラットUIテーマ

Bootstrapは良いのだけれど、Bootstrapっぽさが如実に感じられるのが嫌だなぁと思っているプログラマーの方は多いはず。そこで使ってみて欲しいのがFree PixelKit Bootstrap UI Kitsです。フラットなUIでがらっと雰囲気を変えてくれること請け合いです!見てもらうのが一番だと思うので、ま...

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になって複数ファイル指定はもちろん、ドラッグ&ドロップによるファイルアップロードも行える...