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

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

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

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

もっと見る

None

  • 2015/12/29

Tailor - マルチプラットフォーム対応のSwift解析

Swiftがオープンソース化されたことで、多くのオープンソース・ソフトウェアが生み出されています。かつ、それらはMac OSX以外のプラットフォームでも使えるようになっています。Tailorもそんなオープンソース化に伴って生まれたソフトウェアで、Swiftのコードを静的解析してくれます。## Tailorの使い方Tai...

List

  • 2015/12/28

Valiant360 - Webベースの全天球動画プレーヤー

全天球動画が人気です。RICOH THETA Sやfly 360など全天球動画が撮影できるレコーダーも数多く出てきています。さらにFacebook、YouTube、Flickrなどが再生に対応しています。今回紹介するValiant360はWebブラウザベースの全天球動画プレーヤーになります。デスクトップのブラウザで見ら...

List

  • 2015/12/28

embed.js - 各種サイトの埋め込み表示をサポート

今は数多くのサービスが埋め込み表示に対応しています。外部サイトに埋め込んでもらうことで閲覧数を増やしたり、結果としてバイラルしていくきっかけになります。とはいえ、各サイトによって埋め込み方が違うのでいちいち覚えるのが面倒です。そこで使ってみたいのがembed.jsです。embed.jsを読み込むだけで多くのサイトの埋め...

None

  • 2015/12/27

You-Dont-Need-jQuery - jQueryを使わない書き方教えます

jQuery、便利ですよね。すぐに使ってしまうのですが、サイズは肥大化していますし、実際に使うのはそのごく一部でしかなかったりします。そこで参考にしたいのがYou-Dont-Need-jQueryです。その名の通り、jQueryを使わない標準的な記法を教えてくれるプロジェクトです。## You-Dont-Need-jQ...

List

  • 2015/12/27

ShareDoc - Rails製のSlideShare/SpeakDeckクローン

プレゼンで使ったスライドはどうしているでしょうか。せっかく作ったものなので、そのままにしておくのは勿体ないでしょう。SlideShareやSpeakDeckにアップロードする人が多いかと思います。しかし自社のブランディングであれば自分たちのサイトにアップしておく方がいいという話もあります。そこで使ってみたいのがShar...

List

  • 2015/12/26

pdf.js-controller - PDF.jsを使ったWebスライド

FirefoxではPDFビューワーをJavaScriptで実装しています。それがPDF.js

None

  • 2015/12/26

story-graph - プログラマブルに文章を作り上げる

話をゼロから創作するというのは大変なことです。頭の中で世界を描き、それに合わせてキャラクターを動かしていきます。慣れると想像のキャラクターたちが自分で勝手に動き出すかも知れません。そんなストーリーをプログラマブルに作れるのがstory-graphです。## story-graphの使い方サンプルを実行します。実行するた...

None

  • 2015/12/25

base65536 - Base64ならぬ65536の文字種でエンコード/デコード

バイナリデータをテキストフォーマットにする際に昔から使われているのがBase64です。メール添付や画像をHTMLに埋め込んだりする際にも使われているのがポピュラーなフォーマットです。Base64の欠点として、エンコードするとバイト数が1.5倍くらいになってしまうというのがあります。もしかするとそれを解決できるかも知れな...

None

  • Premium_s 2015/12/25

2015年の振り返り(その6)「Web」

2015年のWeb系としてはEvernote、Slackなどのクローンサービスがあったり、Bootstrap管理画面系テンプレートが数多くありました。今取りかかっている開発案件にも使えるライブラリも多数ありますのでぜひチェックしてみてください。### Paperwork – PHP製のEvernoteクローンWindo...

List

  • 2015/12/25

Davros - Sandstormで使えるクラウドストレージ

Dropbox、Google Driveなど多くのベンダーがクラウドストレージサービスをリリースしています。確かに便利なのですが、ファイルというは企業の根幹を担うファイルなのでベンダーロックインを気にする声は多く聞かれます。そこで多くのオープンソース・ソフトウェアが開発されています。今回はSandstorm

List

  • 2015/12/24

Labella.js - タイムラインのラベル表示デザインが欲しければ

Webの表現力が向上するのに合わせて、高度な表現を実現して欲しいと頼まれることが多くなっています。CanvasやWebGLを駆使すればできるのが分かっていても、それをメンテナンス性や拡張性を維持しながら作っていくというのは大変です。そこで表現したいものに合わせてライブラリを探すのが一番早い解決策になります。今回は年表表...

List

  • 2015/12/24

Solid - BuzFeedで使われているデザインテンプレート

多くのWebサービスがデザインテンプレートを公開するようになっています。その恩恵はとても大きく、デザインテンプレートをベースにすれば格好良いデザインのサイトが簡単に立ち上げられるようになっています。今回はその一つ、BuzzFeedが公開したテンプレートSolidを紹介します。## Solidの使い方スクリーンショット多...

None

  • 2015/12/23

kanjilint - 可読性向上に。平仮名の方がいい漢字を抽出

文章というのは読みやすくあるべきで、難しい漢字を使えばいいというものではありません。むしろ普段使わないような漢字を使うと全体的に固く、読みづらい文章になります。自分で文章を書いたら、kanjilintを使って自動チェックしてみるといいでしょう。kanjilintは漢字を平仮名にすると読みやすくなる単語を抽出してくれるソ...

List

  • 2015/12/23

Luapress - Lua製の静的サイトジェネレータ

静的サイトジェネレータは種類が増えましたが、その多くはnode.jsまたはRubyといった雰囲気があります。自分で拡張できることを考えると、普段使い慣れたプログラミング言語がいいという方も多いでしょう。もしあなたがLuaを得意としているならば、Luapressを使ってみましょう。pressとついている通り、静的サイト&...

List

  • 2015/12/22

Code in the Dark Editor - イベント用のプログラミングエディタ

Code in the Darkは約2年前からはじまったイベントで、暗い部屋の中で20分間コーディングを行います。HTML5/JavaScript/CSSを使ってコーディングするのですが、ルールの一つのプレビュー禁止というのがあるのが肝となっています。そんなCode in the Darkの中で使うとエディタがCode...

List

  • 2015/12/22

phina.js - tmlib.js後継の国産ゲーム開発ライブラリ

ゲーム開発の難しいところは、単にライブラリを使ったからできるというわけではないということです。他の開発と違い、専用の覚えるべきポイントがたくさん存在します。そうしたノウハウを詰め込んだ国産ゲームライブラリがphina.jsです。tmlib.jsの後継ライブラリとして開発されているゲームライブラリです。## phina....

List

  • 2015/12/21

ResponsifyJS - 画像の表示をレスポンシブに変化

レスポンシブコンテンツの中で最も扱いづらいのは画像と言えます。バイナリファイルであるために画面の大きさに関わらず同じサイズですし、画面幅の変更に対してレスポンシブに変化することができません。そこで使ってみたいのがResponsifyJSです。画像をレスポンシブにするjQueryプラグインで、単に縮小されてしまう表示とは...

List

  • 2015/12/21

Mautic - マーケティングオートメーションツール

最近のIT業界ではオートメーションが一つのトレンドになっています。開発現場であればCIやクラウドのように処理を自動化したり、省力化を行っています。マーケティング業界でも同様です。選択肢がどんどん増える中、自動化が進められています。そんなマーケティング業界でもオートメーションを支えるのがMauticです。## Mauti...

List

  • 2015/12/20

jQuery formBuilder - jQueryによる動的フォームが作成

マーケターの人たちはアンケートフォームを数多く作成します。そんな時に一回一回プログラマに依頼して作成してもらうのでは時間もかかりますし面倒です。そこで使ってみたいのがjQuery formBuilderです。jQuery formBuilderを使えば自由にフォームが作れるので、後はそのデータを保存できるようにすればい...

List

  • 2015/12/20

ThetaViewer.js - RICOH THETAの画像をアニメーションGIF化

全天球写真、動画は大きな可能性を秘めていると思っています。その可能性を感じさせてくれるデバイスの一つがRICOH THETAです。最新機種では1080pに対応し、高画質な動画を作成できるようになっています。そんなRICOH THETAで撮影した写真をアニメーションGIFで楽しめるのがThetaViewer.jsです。つ...