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

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

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

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

もっと見る

List

  • 2017/11/12

Cica - 日本語向け等幅プログラミングフォント

効率的なプログラミングのためには適切なフォントが必要です。見やすく、区別が付きづらい1とlといった文字の判別がしやすいフォントが良いでしょう。また、等幅のが好きな方が多いようです。そんな方に使ってみて欲しいのがCicaです。日本語向けに作られたプログラミングフォントです。## Cicaの使い方コードを表示しているところ...

List

  • 2017/11/09

KanjiVG - 漢字/平仮名/カタカナ/アルファベット/数字の書き順付きSVG集

コツコツと続けるのは大変ですが大事なことです。ソフトウェアはコードという中身で見れば同じようなものですが、結果として異なる動きがあるので楽しいでしょう。しかしあまり変化の多くないものを作り続けるのは根気が必要です。今回は日本語の漢字をSVG化したKanjiVGを紹介します。しかも書き順付きです。## KanjiVGの使...

List

  • 2017/09/06

SketchCode - オフラインで使えるJSFiddle/CodePen/JSBin代替

JSFiddleやCodePenなど、オンライン上でHTML/JavaScript/CSSを書いた結果をすぐに確認できるサービスがあります。非常に便利なサービスなのですが、インターネットに繋がっていないと使えないという欠点があります。そこで使ってみたいのがSketchCodeです。ローカルで利用でき、さらにGUIアプリ...

List

  • 2017/08/22

Electron Code Editor - Electron製のごく基本的なプログラミングエディタ

AtomはElectronというWeb技術でデスクトップアプリケーションが開発できるフレームワークを基盤としています。HTML/JavaScript/CSSであっても、十分にプログラミングできるレベルの性能が発揮できるようになっているのです。自分でもそんなエディタを作ってみたいと考えるならばElectron Code ...

List

  • 2017/06/13

EmojiOne Color SVGinOT Font - カラフルな絵文字フォント!

SVG in Open Typeという技術が現在開発されています。これはAdobeとMozillaが推し進めているもので、Open Typeの中にSVGを埋め込んでしまうと言う規格です。これによってOpen Typeのフォントがフルカラーで表現されたり、アニメーションできるようになります。EmojiOneという絵文字フ...

List

  • 2017/04/13

Onion Packer - デザイナー向け。テクスチャ管理ソフトウェア

プログラマーであればスニペット、デザイナーであればよく使うデザインを手元に置いておくのは大事なことでしょう。一つのフォルダに入れておいても良いですが、もっと一覧で分かりやすく管理したいと思うでしょう。そこで使ってみたいのがOnion Packer、テクスチャデザイン管理です。## Onion Packerの使い方メイン...

List

  • 2017/03/28

HTML5 Bombergirl - HTML5製のボンバーマン

最近のゲームはやり方を覚えるまでにそれなりに時間がかかります。そのため、時間がない人は遊びたくともなかなかできません。その点、昔ながらの古典的ゲームであれば操作もシンプルですぐに遊べます。今回は昔懐かしいボンバーマンをWeb上で再現したHTML5 Bombergirlを紹介します。## HTML5 Bombergirl...

List

  • 2017/01/13

slack-inviteviz - Slackの招待状況を可視化

Slackを使って会社はもちろんコミュニティなどのコミュニケーションで使っている人たちは多いです。その中では多くの会話が日々交わされています。基本的にフローなので、メッセージがどんどん交わされているとお互いの関係性も分からなくなるかも知れません。そこで使ってみたいのがslack-invitevizです。Slackへの招...

None

  • 2016/11/27

Forgiva - 動物を組み合わせるパスワード管理

パスワードは頭が覚えようとしてはいけません。専用のソフトウェアを使って、マスターパスワード一つだけで管理すべきです。しかしマスターパスワードが簡単すぎると一気にすべて見破られてしまう可能性があります。防ぐためにはどうするのが良いでしょうか。今回紹介するForgivaはマスターパスワードの他に、ユーザ自身が好きな動物を組...

List

  • 2016/10/12

AnotherNote - EvernoteにインスパイアされたMarkdownエディタ

Markdownエディタはここ1、2年で一気に増えました。皆さん、何らかのソフトウェアを使っているのではないかと思います。そんな中新しいソフトウェアが出てくるということは既存のものに物足りないところがあったり、新しいトレンドを取り込んでいるということでしょう。もちろん新参者には更新を重ねた既存のソフトウェアが持っている...

List

  • 2016/09/11

NEditorJS - ビジュアルプログラミング環境の基盤にどうぞ

ビジュアルプログラミングの多くはノードがあり、それらをマウスでくっつけて処理を繋げていきます。各ノードには機能があり、必要に応じて処理判定を行うノード、繰り返し処理を行うノードを選択します。そういったビジュアル化された環境を提供するのがNEditorJSです。工夫次第で様々な使い方が考えられるでしょう。## NEdit...

List

  • 2016/06/22

Siggraph2016 Colorization - 大学発の機械学習による写真のカラーリング

機械学習は恐ろしいほどの速さで進化しています。特に画像などのオブジェクト認識は各社が力を入れており、Googleの画像検索であったり、Facebookのシェアした画像に対するタグ付けなど様々なサービスに用いられています。そんな機械学習を使って作られたソフトウェアがSiggraph2016 Colorizationです(...

List

  • 2016/05/06

superplaceholder.js - アニメーションするPlaceholder

Placeholderも当たり前のように使われるようになっています。入力部分にあらかじめ文字を出しておくことによって、何を入力すれば良いかを明示できるようになります。ユーザとしても嬉しい仕組みでしょう。そんなPlaceholderを一歩進めてみたのがsuperplaceholder.jsです。どこがスーパーなのか、それ...

List

  • 2016/04/24

ABCD-Animal-Book - ABCを覚えるための電子絵本

日本語で言えば平仮名、英語で言えばABCの学習は読み書きの基本です。間違ってもそこでつまずかないよう、分かりやすく楽しく学べるようにする工夫が必要です。絵本を通じて覚える人も多いでしょう。今回紹介するオープンソース・ソフトウェアはABCD-Animal-Bookです。タブレットを使った電子絵本とも言うべきソフトウェアで...

List

  • 2016/02/17

Pacman in HTML 5 Canvas - さぁ遊ぼう!HTML5製のパックマン

以前Googleがロゴをパックマンにしたことがありました。みんなそれに飛びついて遊び続け、経済的損失が1億2,048億ドルに達したと言われています。単純だけど、それだけにハマってしまう…それがパックマンの魅力と言えるでしょう。今回はそんなパックマンの恐怖再び、というHTML5ベースのパックマン、Pacman in HT...

List

  • 2015/12/10

Captain Icon - 手作り感あるアイコン集

Webサイトやアプリを作る際に必須なのがアイコンです。最近はフラットUIやマテリアルデザインの影響で、とてもシンプルなものが多くなっていますが、やはりアイコンは作りたいものに合わせて選ぶのが良いでしょう。今回はそんなアイコンを無償で公開しているCaptain Iconを紹介します。きっとぴったりくる時があるはずです。#...

List

  • 2015/11/26

Gridifier - アニメーションが格好良いグリッドライブラリ

コンピュータ上の表現としてグリッドは非常によく使われます。Excelのような表計算ソフトウェアはよく使われますし、テーブルや表もよく使われる表現です。しかしWeb上ではテーブルではなく、スタイルシートを駆使したグリッドが人気になっています。今回はグリッドのフィルタリング、並び替えが得意なGridifierを紹介します。...

List

  • 2015/11/23

Verreciel - どう遊ぶ?宇宙探索を楽しむiOSゲーム

宇宙にはロマンが溢れています。海底すら分かっていない人類ではありますが、遠い宇宙の先には心が躍るような経験が待ち受けているはずです。火星への移住計画もわくわくすることでしょう。そんな宇宙探索を体験できるアプリがVerrecielです。実際の遊び方はよく分かっていないのですが、分かる方はぜひお試しください。## Verr...

List

  • 2015/09/15

webm.js - Webブラウザ上でWebMエンコード

現在主流の動画フォーマットと言えばMPEG4ですが、オープンかつライセンス料無料で使える動画フォーマット、WebMも見逃せません。MPEG4よりもサイズが小さくなり、画質もほとんど変わらず利点の多いフォーマットです。問題はエンコーダーの存在であったり、再生するデバイスの多さにあるでしょう。そこで使ってみたいのがwebm...

List

  • 2015/09/13

Smoothslides - ケン・バーンズ効果を使ったカルーセル

最近はWebサイトにカルーセルを載せて写真をスライド表示するのを多く見かけるようになりました。大抵右から左に写真が流れていくものが多いのですが、あまり多いと見飽きてしまいます。これではせっかくの写真が印象に残りません。より写真を強調したカルーセルを考えるならばSmoothslidesを使ってみても面白そうです。## S...