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

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

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

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

もっと見る

List

  • 2013/08/23

XP/7でもWindows 8風のダッシュボード「Omnimo UI for Rainmeter」

Omnimo UI for RainmeterはWindows用Creative Commonsのオープンソース・ソフトウェアです。Windows 8スタイルは賛否両論はあれど情報の一元化と言う意味においては便利なUIだと思います(デスクトップと二つ存在するのは嫌ですが)。そんなWindows 8スタイルなダッシュボー...

List

  • 2013/06/11

GitHubのREADMEを可読性高く変換「Flatdoc」

FlatdocはHTML/JavaScript製、Creative Commonsのオープンソース・ソフトウェアです。ソフトウェアを作るのは好きでも意外と面倒に感じてしまうのがドキュメントです。さらにHTMLで、Webブラウザでも見えるようにしておかないと使ってもらうこともないでしょう。そこでREADMEファイルから見...

List

  • 2013/06/07

Windowsのネットワーク接続トラブルを解決「NetChecker」

NetCheckerはWindows用、Creative Commonsのオープンソース・ソフトウェアです。ちょっと前であれば有線LANでインターネットに接続が当たり前でしたが、今では無線LANやPLC、モバイルネットワークなど様々なネットワーク接続形態ができています。そんな中ではネットワーク接続がちゃんとできているか...

List

  • 2013/05/22

サーバサイドは不要で使えるコードスニペット共有「Shortly」

Shortlyはサーバレスなコードスニペット共有サービスです。GitHubのGistのようにちょっとしたコードを共有するサービスが流行っています。今回はその一つ、Shortlyを紹介します。ユニークなのはShortlyはサーバサイドの仕組みを一切持たない点にあります。テキストエリアにコードを書きます。Save as U...

List

  • 2013/04/11

WebRTCを使ってファイルを送受信「webRTC Copy」

webRTC CopyはWebRTCを使ってチャットやファイルの送受信ができるWebチャットシステムです。WebRTCは主に動画チャットや音声通話など多少の劣化があっても許されるようなデータを授受するのに向いていますが、今回はWebRTCを用いたファイル共有であるwebRTC Copyを紹介します。トップページです。最...

List

  • 2013/03/22

幅を狭くしてもグリッドを極力活かすデザインフレームワーク「Responsable Grid System」

Responsable Grid SystemはレスポンシブWebデザインに対応したグリッドデザインフレームワークです。レスポンシブなデザインフレームワークでは幅を縮めるとグリッドの数が一気に減るのが多いようです。しかしResponsable Grid Systemを使えばPCレベルのデザインを極力活かしたグリッドデザ...

List

  • 2013/03/15

シンプルなフラットを追求したデザインテンプレート「Flat UI」

Flat UIはプラスチック的質感を持った柔らかいデザインのテンプレートです。格好いいUIのWebサービスを作るかどうかで最初のウケは全く違ってくるでしょう。Bootstrapで作るとどうも臭いがとれなくて…とお悩みの方はFlat UIを使ってみましょう。基本的なオブジェクト。ボタンやメニューです。フォーム系。タグやト...

List

  • 2013/02/15

想像力を限界まで引き上げろ!フォントを使ったプロトタイプ作成「BLOKK」

BLOKKは全て塗りつぶしたフォントで、ワイヤーフレームを表現するのに利用できます。BLOKKはフォントですが、単純に真っ黒に塗りつぶしただけのフォントです。さらに言えばどれを入力しても真っ黒な四角が出るだけです。さて、何に使えるのでしょうか。真っ黒です。スペースキーだけは空白文字が出ます。お、何かに見えてきましたか?...

List

  • 2013/01/23

CSS3で作られた音声付きアニメーション「The Good Man」

The Good Manはスーパーマンを題材にしたCSS3アニメーションです。2013年、スーパーマンの新作であるマン・オブ・スティールが公開されます。スーパーマン誕生を描いた本作を表現しているかのようなCSS3アニメーションとしてThe Good Manを紹介します。トップページです。字幕付きです。滑らかなアニメーシ...

List

  • 2013/01/07

Nanika ARchiveを読み込んでWeb上で表示する「Nar.js」

Nar.jsは伺かのデータファイルを読み込んでデータ表示を行うJavaScriptライブラリです。伺か(うかがか)というデスクトップマスコットおよびコミュニティがあります。そこで使われているキャラクターであるGhostのデータであるNanika ARchiveの読み込みができるのがNar.jsです。Nanika ARc...

List

  • 2012/12/11

男性歓喜!クリックするとおっぱいが揺れる「oppai.js」

oppai.jsはタップ(クリック)するとおっぱいが揺れる画像を作り出すJavaScriptライブラリです。Webというのは基本的に静的なものが多いので、一部でも動いているとインパクトがあります。アニメーションGIFしかり、動画しかり、そしておっぱいしかり。何もしていない場合ちょっと揺れているのが分かるでしょうか?こん...

List

  • 2012/12/05

iGoogleみたいなガジェットポータルを構築するのに使えそうな「iGoogle-like Drag & Drop Portal」

iGoogle-like Drag & Drop PortalはiGoogleライクにウィジェットをドラッグアンドドロップできるWebライブラリです。Googleでは既に提供終了を宣言しているiGoogleですが(2013年10月末まで)、インタフェースを含めて根強い人気があります。そんなiGoogleライクな操作を実...

List

  • 2012/11/08

GoogleWeb検索結果にソーシャルカウントを表示「Social bookmark counter on Google search」

Social bookmark counter on Google searchはGoogleの検索結果に各種ソーシャルサービスのカウントを表示するUserScriptsです。Googleの検索結果は信頼性が高いと思いますが、それでもなお自分なりの指標を加えたいならばSocial bookmark counter on...

List

  • 2012/10/27

画面の文字変更を担当者自ら行ってもらう「WhowishWord」

WhowishWordは画面上の文字を一部変更し、その差分をYAMLファイルとしてダウンロードできるソフトウェアです。システム開発をしていて、ちょっとした文字の変更を何度も要求してくる人がいます(大抵社内で権力のある人たちです)。そうした人たちに関わるとろくなことがないのでWhowishWordを使って自分たちでメンテ...

41106?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-24-10.51.12_thumb

  • 2012/08/02

Wikipediaの編集状況をストリーミング「wikistream」

Wikipediaをぱっと見ると既にできあがってテキストコンテンツが並んでいますが、実際には日々刻々と編集者によってコンテンツがアップデートされています。そんなどんどん成長していくWikipediaのコンテンツをストリームとして楽しめるのがwikistreamです。トップページです。そのまま放置しているだけでどんどん編...

40707?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-09-16.42.10_thumb

  • 2012/07/20

猫必見。いいねボタンを猫仕様に「いいニャ」

いいニャはGoogle ChromeでFacebookを見た時にいいねをいいニャに変更し、クリックで猫の鳴き声が流れるようにする機能拡張です。Facebookが隆盛とあって、どんなWebサイトにもいいねボタンが表示されるようになりました。しかしどこもかしこもいいねばかりでは面白くありません。自分は猫だと思う人(?)なら...

40567?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f07%2fscreenshot-2012-07-03-13.32.41_thumb

  • 2012/07/15

Google Chromeでスマートフォンサイトを閲覧するユーザエージェントスイッチャー「ctouch」

ctouchは選択式でユーザエージェントをiOS向けに切り替えられるGoogle Chrome機能拡張です。Google ChromeはWebKitをレンダリングエンジンに使っています。なのでiOSのMobile Safariとほぼ変わらない表示ができるようになっています。そこでctouchを使ってスマホサイトの開発に...

39525?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f06%2fscreenshot-2012-06-05-11.26.52_thumb

  • 2012/06/16

200を越えるアイコンが揃ったBootstrap向けWeb Font「Font Awesome」

Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeで...

39208?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-28-14.19.51_thumb

  • 2012/06/07

Web Fontを使ったソーシャル系サービスアイコン集「OpenWeb Icons」

OpenWeb Iconsはソーシャル系サービスを表現するのに使えそうなWeb Fontです。文字の横にちょっとしたアイコンを載せるとその意味がぐっと分かりやすくなることがあります。そんな時にはこれまでごく小さなアイコン画像を使うのが一般的でしたが、今回はWeb Fontを使ったOpenWeb Iconsを紹介します。...

38990?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot-2012-05-21-15.39.10_thumb

  • 2012/06/01

スムーズなアニメーションが格好いい、埋め込み型プレゼンテーション「Presenteer.js」

Presenteer.jsはページ内の一部をクリックで動作するプレゼンテーションにするライブラリです。Web上で動くスライドライブラリは多数あります。大抵プレゼンテーションを前提に大画面で表示されるものですが、Presenteer.jsはちょっと違います。Webサイト内に埋め込んでサービスを紹介したりするのに使えるプレ...