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

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

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

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

もっと見る

List

  • 2019/01/13

Wikipedia Dark - Wikipediaをよく使う人こそぜひ!

ダークモードに注目が集まっています。元々エンジニアはエディタのテーマなどを暗く設定することが多かったですが、それが通常のアプリはもちろん、Webサイトにまで広がってきました。目の疲れを軽減したり、集中できる、暗い場所でもコンテンツが読みやすくなると言ったメリットがあります。そんなダークモードをWikipediaに適用す...

None

  • 2018/08/27

kanjivg-radical - 漢字の構成要素を学ぶ

漢字はそれ単体で意味をなすものよりも、部首や造りなど、小さな部品が集まって漢字を構成しています。それ故、その構成を学ぶことで漢字の意味であったり、形などを理解しやすくなります。そんな漢字の造りなどを学べるのがkanjivg-radicalです。## kanjivg-radicalの使い方kanjivg-radicalの...

List

  • 2018/08/25

Twemoji - Twitter製の絵文字集

AppleやAndroidなど各社が絵文字を作成していますが、それはOSに限りません。例えばFacebook、Slack、Twitterなども絵文字を利用します。その際には彼ら独自の絵文字も使われます。今回紹介するTwemojiはTwitter社がオープンソースで公開した自社の絵文字になります。## Twemojiの使...

List

  • 2018/08/23

SurveyJS - 入力項目が多彩なアンケート生成

Webベースでアンケートをとる時、どんなツールを使っているでしょうか。Googleスプレッドシートであったり、Zohoサーベイ、SurveyMonkeyなどの外部サービスを使うのも良いですが、すべて自分たちでコントロールしたいと考える方も多いでしょう。そんな時に使ってみたいのがSurveyJSです。アンケートフォームを...

List

  • 2018/07/16

BoxIcons - シンプルで使いやすいアイコンセット

テキストによる説明よりもアイコンの方が分かりやすいケースは多いです(逆もありますが)。アイコンは言語を超えて使えるので、多言語対応しなければならない場合にもほぼ同じものが使えます。今回は400を超えるシンプルなアイコンセットを提供するBoxIconsを紹介します。## BoxIconsの使い方一例です。単色で分かりやす...

List

  • 2018/06/26

Entanglion - 世界初!オープンソースのボードゲーム

パソコンやスマートフォン、専用デバイスでやるゲームも楽しいですが、ボードゲームはまた違う魅力があります。筆者の家にも多数のボードゲームがあります。その一つにカタンがあります。資源を奪い合う、昔から楽しまれてきたボードゲームです。そんなカタンを宇宙時代で楽しめるボードゲームがEntanglionです。## Entangl...

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はマスターパスワードの他に、ユーザ自身が好きな動物を組...