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

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

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

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

もっと見る

List

  • 2018/04/13

CSS ICON - ピュアなCSSだけで作られたアイコンセット

アイコンセットはいくらあっても便利です。昔は小さな画像の集まり、その後はCSSスプライト、そして最近ではアイコンフォントを使うパターンが多くなっています。アイコンフォントは便利ですが、読み込みに失敗するとトウフだらけになってしまうのが難点です。そこで使ってみたいのがCSS ICONです。ピュアなCSSだけで作られたアイ...

List

  • 2018/03/09

View Image - Google画像検索でなくなった画像表示をブックマークレットで再現

Google画像検索が方針を変更し、画像を直接表示できなくなりました。恐らくコンテンツホルダーに気遣ったのだと思いますが、利用者としては画像に素早くアクセスしたいと考えるはずです。そこで使ってみたいのがView Imageです。フルサイズ画像へアクセスできるブックマークレットになります。## View Imageの使い...

List

  • 2018/02/19

Reacteroids - React製のアステロイド

新しい言語やフレームワークを覚えるのに、まず何か作ってみるのはお勧めです。書籍を見るだけでなく、実際に手を動かしてみると分かることがたくさんあります。脳の刺激にもなり、記憶定着に役立つでしょう。今回紹介するのはReacteroids、Reactを使ったアステロイドです。## Reacteroidsの使い方ゲーム画面です...

List

  • 2018/02/04

LuLu - 外向きのネットワークトラフィックを監視するファイアウォール

ウィルスやマルウェアに感染を防ぐ方法としてファイアウォールを通じて内部ネットワークに入られないということが挙げられますが、USBなどを通じて感染するケースもあります。次に感染した時を想定すると大事なのはネットワークを外に出さないことになるでしょう。そこで使ってみたいのがLuLuです。外向きのネットワークトラフィックを管...

List

  • 2018/01/01

Manta - デスクトップで請求書を作成

ビジネスの基本となるのが帳票です。その中でも特に大事なのが請求書です。請求書がなかったらお金の受け渡しもできず、生活が成り立ちません。電子化されていたとしても、PDFで送ったりするのはよくあることでしょう。そんな請求書をデスクトップアプリで設計、出力できるのがMantaです。## Mantaの使い方チュートリアル付きで...

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...