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

ライセンス - Creative Commonsの記事一覧

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

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

もっと見る

List

  • 2015/03/13

wavesurfer.js - HTML5で音楽の波形を表示

Web上で音楽を楽しむ環境は整いつつあります。SoundCloudにアップしている人も多いですし、YouTube上にある音楽を聴く人も多いでしょう。そんな音楽メディアに欲しい情報として波形があります。wavesurfer.jsは音楽ファイルを読み込み、波形を表示してくれるJavaScriptライブラリです。JavaSc...

List

  • 2015/03/01

Subway – iOS/Windows Phone/BlackBerryでの利用を想定したシャープなアイコンセット

素敵なアイコンを探す旅は永遠に終わりません。ある時には小さくて可愛らしいものが流行ったかと思うと、次はシンプルでフラットなものが流行になります。古くさいデザインにならないためにも常に先進的デザインを追いかけなければなりません。今回は新しいアイコンセット、Subwayを紹介します。多数のモバイルデバイスに合わせたサイズが...

List

  • 2014/11/07

Material Icons - マテリアルデザイン向けに作られたGoogle製アイコン集

Googleが提唱しているフラットUIを発展させたデザインがマテリアルデザインです。アイコンを単純化して情報構造を明確にするだけでなく、さらにマウスオーバーやタップ時のアニメーション、色の変化をつけることでシステムがどういう状態にいるかが明確になります。そんなマテリアルデザインにフォーカスして作られたアイコン集がMat...

List

  • 2014/08/28

92five – 格好いいデザインのプロジェクト管理

プロジェクト管理、何を使っていますか。最近ではRedmineを使っている所が多いかも知れません。規模が大きくなるとMS Projectを使ったり、BasecampのようなWebサービスを使っている所もあるかも知れません。何となくプロジェクト管理は開発者向けのサービスとあって無骨なイメージがあります。今回はフラットなデザ...

List

  • 2014/07/31

HTML5 UP! - HTML5/CSS3製のレスポンシブHTMLテンプレート

新しいWebサービスを作ろうと思った時にはまずデザインにこだわりたいでしょう。最近ではスマートフォン、タブレットデバイスのサポートもあってデザインはさらに複雑になっています。これまでのデザインテンプレートでは対応できない場合も多いでしょう。そこで使ってみたいのがHTML5、レスポンシブWebデザインに対応したテンプレー...

List

  • 2014/07/10

RainLoop Webmail – PHP製のモダンなWebメールクライアント

Webメールはかつてフレームなどを使ったレガシーなUIからAjaxを使ったモダンなUIになって一気に進化しました。スパムフィルターや検索などを考慮すると個人のローカルよりもサーバサイドにある方が利便性は高いように思います。社内のセキュリティ上、Gmailなどは使えないケースもあるでしょう。そんな時にはモダンなWebメー...

List

  • 2014/06/02

WonderCMS - 大きなCMSに辟易しているなら試して欲しいDBいらずのCMS

Webサイトを作る際、殆どの場合CMSが欲しくなりますよね。かといって大型なものは入れるとデザインを変更するのも大変ですし、運用も面倒です。もっとシンプルに扱えるものが欲しいと思うのではないでしょうか。そこで試して欲しいのがWonderCMS、ごくごく小さなPHP製のCMSです。データベース不要で、手軽に使えそうです。...

None

  • 2014/06/01

おしえて!恋のプロトコル – プログラミングができるアイドル“ハックガールズ”デビュー曲

筆者はテレビを見ないのでアイドルなどは全然分かっていないのですが、皆さんはどのアイドルが好きでしょうか。自分の手の届かない存在としてのアイドルが好きな人も多いですが、最近ではAKB48のように会いにいけるアイドルというのが人気を集めています。そんな中、さらに自分たちと同じ話ができてしまうアイドル、ハックガールズが誕生し...

List

  • 2014/03/14

Google Docs writing tracker - Evernoteにも記録するGoogleドキュメントの作業ログ蓄積スクリプト

Google DriveはともあれGoogleドキュメントやスプレッドシートを使っているという人は多いかと思います。Googleドキュメントを使って日々文章を書いている方に使ってみて欲しいのがGoogle Docs writing trackerです。その名の通り、Googleドキュメントでの文章作成をトラッキングし、...

List

  • 2014/03/06

Glyphr - ここまで出来るとは!Webベースのフォントエディタ

フォントエディタとしては十分な機能ですね!Web Fontの影響もあって、フォント自体の魅力が見直されています。特徴的なフォントはもちろん、プログラミングしやすいフォントや可読性高いフォントなど普段使いできるものを知っていると重宝するでしょう。そんなフォントをWebベースで作成、編集できるのがGlyphrです。HTML...

List

  • 2014/02/04

i-am-cc.org – Instagramに投稿した写真をCreative Commonsで公開しよう

Instagramにあるいい感じの写真を使わせてもらいたいと思ったことはないでしょうか。しかしInstagramの写真はライセンスが明記されていないため使うのは控えてしまうでしょう。そんな問題を解決するために作られたのがi-am-cc.orgです。Instagramの写真を取り込み、Creative Commonsのも...

List

  • 2013/12/24

Unfolding the Box Model – 3Dを使ったCSS3テクニックのお手本にどうぞ!

CSS3の妙技満載!スタイルシートというとWeb上のテキスト装飾や配置を決定するものというイメージがありますがCSS3によってアニメーションや表示上のイフェクトをサポートするなどプログラミング並のことができるようになっています。そのためにはCSS3を駆使すれば何ができるのかを知らなければなりません。知った上でどこで活か...

List

  • 2013/12/18

Startup Framework: Demo Version - 新しくプロジェクトを開始するならベースにしよう!

デザイナー、開発者双方にとって嬉しいパッケージです。Webサイトをオープンして、アプリと絡めたイメージ写真を用意して…スタートアップはやることがたくさんあります。そんなスタートアップで必要とされるデザイン、HTMLをパッケージとして提供してくれるのがStartup Design Frameworkです。249ドルの有料...

List

  • 2013/12/17

opaai-motion - Leap Motion × oppai.js = 未来の技術!

未来がきたぜ、ひゃっはー!今年現れたLeap Motionは試してみましたか。空中にある指先のモーションを感知してゲームをしたり、コンピュータの操作ができるまさに未来的なデバイスです。様々なアイディアをこらしたソフトウェアが出てきている訳ですが、日本人と言えばヘンタイ×二次元なわけです(褒め言葉)。ということで生み出さ...

List

  • 2013/11/19

xchema - 素のHTMLタグを活かしたシンプルなデザインフレームワーク

これはこれで使い道がありそう。BootstrapでWebサイトを組む機会が増えているのですが、バージョン3になってから徐々に作法が増えてきたように感じます。機能が増えるということはそれだけ覚えるべきことが増えるということです。そうなるとシンプルに作れるという利点からはちょっと外れてくるかも知れません。そこでほぼ素のタグ...

List

  • 2013/11/10

Eve of Impact – 隕石から地球を防衛せよ!iPhone用オープンソースのゲーム

あなたの使命は地球防衛!かつて地球の隆盛を極めた恐竜が滅びた原因は巨大隕石の墜落であったと言われています。そんな隕石群が次々と地球に襲いかかってきたら、どうしたら良いでしょう。あなたは地球防衛のため、そして人々が地球を脱出するのを援護しなければなりません。Eve of Impactのストーリーは恐らくこのような感じです...

List

  • 2013/11/06

Gistflow – コードを見て書いて学ぶ。ソーシャルラーニングブログ

GitHubに慣れてきた人はブログもGitHub風に楽しんでも良いのかもしれませんね!GitHubによって開発はソーシャルなものになっています。人の書いたコードを見て、さらに自分も活動しようと感化されるようになります。そこには開発が進む強力なエンジンが存在します。そんなGitHubアカウントを使ってソーシャルラーニング...

List

  • 2013/10/30

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

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

List

  • 2013/10/25

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

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

List

  • 2013/09/01

iOS 7アプリを開発するのに必携のワイヤーフレーム「iOS 7 Wireframe Kit」

iOS 7 Wireframe KitはCreative Commonsのオープンソース・ソフトウェアです。iOS 7の正式リリースは間もなくと思われますが、既に新しいアプリ開発においてはiOS 7のUIを模して行われていると思われます。そんな中で必要なのがUIを決める素材集です。今回はIllustratorベースのi...