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

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

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

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

もっと見る

List

  • 2015/10/29

PHPBack - PHP製のフィードバックシステム

今はユーザの声を聞き、それを運営に活かしていくサービスが生き残っていく傾向にあります。運営側の思った形にサービスが進むことは少なく、むしろ予想外の使われ方をして、それに慌てて追従しているのではないでしょうか。そんなユーザからのフィードバックを受け取れるシステムがPHPBackです。PHPで作られていますので多くの環境で...

List

  • 2015/10/29

Fayde - HTML5でもSilverlightを活かす

FlashがHTML5の普及によってシェアを失っていく中、同様にMicrosoftの開発してきたSilverlightも勢いがなくなっています。MicrosoftとしてもHTML5への移行を進めているようで、今後は開発もぐっと減っていくでしょう。そんな中、すでに身につけているSilverlightの技術をHTML5でも...

None

  • Premium_s 2015/10/29

OSCONで聞いた日本/EU/USの違いによる日本の可能性について

現在(2015年10月末現在)、OSCONが開催されています。多くの技術動向が知れるとあって参加しているのですが、そんなセッションではなく、ランチタイムで交流した中で聞いた話がとてもユニークだったので紹介します。## 全体の利益を考えるEUこれがすべてのEUの人たちに当てはまるかは分かりませんが、その場にいた人たちはこ...

List

  • 2015/10/28

Relax - React × MongoDBのCMS

CMS(コンテンツ・マネジメント・システム)はWebサイトの基本とも言える存在です。それだけに様々なプログラミング言語、新しいフレームワーク、技術の組み合わせで数多く作られています。今回はそんな技術の新しいトレンドとしてReact/node.jsとMongoDBを組み合わせたCMS、Relaxを紹介します。## Rel...

None

  • 2015/10/28

wiki - Wikipediaのサマリーを返すコマンド

Wikipediaを使うと様々な情報を素早く調べることができます。しかし読んでいる内に面白くなって、ついついリンク先まで調べてはじめて気がついたら数時間経っていた…なんてことも少なくありません。そんなミスを防止するために使ってみたいのがwikiというコマンドです。Wikipediaのコンテンツをサマリーにして取得できま...

List

  • 2015/10/27

AppRTC - WebRTCを使った動画チャット実装を学ぼう

Webブラウザベースで動画、音声チャットを行うときに使うのがWebRTCです。P2Pで接続する技術でもあり、興味を持っている人も多いのではないでしょうか。もしWebRTCの実装に興味がある方がいればAppRTCを見てみてはいかがでしょう。実際に動画チャットができるサンプルとして使えるコードになっています。## AppR...

List

  • 2015/10/27

Accelerated Mobile Pages - モバイルのWeb体験を加速化する

スマートフォンの世界ではとにかく表示の高速さが問われています。少し詰まっただけでもユーザは嫌がってしまうでしょう。そのためにはレスポンスを高速に返すのは基本として、他にもできることが幾つかあります。GoogleやTwitterが考え出したのがAccelerated Mobile Pages(AMP)です。外部サイトのコ...

List

  • 2015/10/26

Kickstart - Bootstrap/Foundation対抗のCSSフレームワーク

今ではスタイルシートをゼロから組むことは減ってきているかも知れません。レスポンシブな対応であったり、全体的な見た目の統一感を考えるとフレームワークをベースにした方が楽だからです。とはいえ、大型なフレームワークを使うと束縛が強くなります。BootstrapやFoundationが有名ですが、今回はそれらに対抗していこうと...

List

  • 2015/10/26

clipboard.js - Flashなしでも使えるクリップボード操作ライブラリ

Web画面上に表示されている文字列をコピーするのは意外と面倒ですが、クリップボードの操作ができないために色々な工夫が考えられてきました。Flashを使ったものが多かったのですが、HTML5になってFlashは使われなくなってきています。そこで代替として使ってみたいのがclipboard.jsです。Flashなしでクリッ...

List

  • 2015/10/25

Dasherize - GitHubリポジトリをかっこうよく表示

せっかくはじめたオープンソース・プロジェクトがあるならば、その見せ方にもこだわる必要があります。単純にGitHubにリポジトリを作成しただけでは意味がありません。そこで使ってみたいのがDasherize、マテリアルなデザインのダッシュボード表示ライブラリです。## Dasherizeの使い方Dasherizeを使うとこ...

List

  • 2015/10/25

Blocky – Windows/Mac OSX対応のスクリーンセーバー起動防止

プレゼンでちょっとパソコンを放置しているとスクリーンセーバーがはじまってしまったことはないでしょうか。さらに解除しようと思ったらパスワードを入力しなければならなくてストレスに感じたりします。そんな面倒さから解放してくれるのがBlockyです。起動しておけばスクリーンセーバーがはじまるのを未然に防いでくれます。## Bl...

List

  • 2015/10/24

React Native for Web - React NativeのUIコンポーネントをWebで

Reactを使ってWebアプリケーションを作っていたのに対して、その技術を使ってスマートフォンアプリを開発できるようにしたのがReact Nativeです。元々iOS向けでしたが、最近Androidにも対応しました。そんなReact Nativeが先祖返りしたとも言えるのがReact Native for Webです。...

List

  • 2015/10/24

3030 - 失敗するとすごいことが起こるイライラ棒

昔懐かしのイライラ棒。ステージに沿って棒を進めて、壁に触れると電流が流れると言ったゲームです。テレビで一度は見たことがあるかも知れません。それを現代風に復刻したのが3030です。失敗した時のアクションが面白い、そんなゲームです。## 3030の使い方熊が通り道で、木に触れてはいけません。!

List

  • 2015/10/23

GitHub Hovercard - GitHubのユーザ/リポジトリ情報をフローティング表示

GitHubでの活動はプログラマにとっての一つのステータスになってきています。知り合った人がGitHubでどれくらい開発を行っているか見たり、寄せられたIssueに対して発言している人が誰か見たりしたことはないでしょうか。そんなGitHub上での人となりを確認するのに便利なのがGitHub Hovercardです。わざ...

List

  • Premium_s 2015/10/23

業務で使えるオープンソース(172)「健康管理」

IT業界ではなぜか地獄のミサワよろしく、不健康度合いを誇るきらいがあるのですが、実に間違ったことです。健康は何にも代えがたい、個人にとって最重要な資産であり、適当に扱っていいものではありません。ということで今回は健康に関する施策と、関連オープンソース・ソフトウェアを紹介します。## 適度な休憩エンジニア、デザイナは特に...

List

  • 2015/10/23

Crypton - サービス運営者でも分からない暗号化をしてデータを保存

Webの世界ではいつでもセキュリティが問題になります。もしデータベースにパスワードをつけていたとしても、そのパスワードが漏れたら終わりというのでは危険です。そのためパスワード管理サービスなどではユーザが指定するキーを使って暗号化しておくことでサービス事業者も元データが分からないようにしています。今回紹介するCrypto...

List

  • 2015/10/22

Popmotion - ごく小さなアニメーションライブラリ

Web上での多彩な表現を支える存在がアニメーションです。マテリアルデザインのようなちょっとしたアニメーションもありますし、目を引くためにも動かしながら表示するのは大事な効果と言えるでしょう。今回はそんなアニメーションを実現するライブラリ、Popmotionを紹介します。わずか12KB(ミニファイ、圧縮後)のJavaSc...

List

  • 2015/10/22

3D Touch JavaScript - iPhone6sの3D TouchをWeb上で扱う

iPhone6sから追加された機能が3D Touchです。まだまだ公式アプリくらいしか提供していないこと、UXとして非常に分かりづらいこともあって使うケースは多くないのですが、今後広まっていくことでしょう。そんな3D TouchをWeb上でも試せるのが3D Touch JavaScriptです。Webの世界でも3D T...

List

  • 2015/10/21

GoogleGIFs - Google画像検索のアニメーションGIFを動かす

最近プレゼン資料の中でアニメーションGIFを使うようになっています。他にもフォーラムのコメントに使ったり、チャットでも貼り付けたりとアニメーションGIFの活躍の幅は大きいです。そんな面白いアニメーションGIFを探す際に使えるのがGoogleGIFsです。Googleの画像検索でアニメーションGIFが動くようにしてくれる...

List

  • 2015/10/21

schedulerjs - スケジュール調整に使えそうな横向き予定表

Web上で様々な作業を行えるようになったことで、UIに求められる多様性も増しています。特に面倒だと感じるのは時間関係ではないでしょうか。カレンダー、ウィークリー、デイリーなどいずれにおいても時間に合わせた表示、処理は大変です。そこで様々なライブラリを知っておくことでいざとなった時に役立ちます。今回は横型のスケジュール選...