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

オープンソースの記事一覧

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

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

もっと見る

List

  • 2018/01/02

PowerMode - 文字入力を華やかに

細部に神は宿ると言いますが、小さな機能にこだわることでユーザビリティであったり、操作性がぐっと向上することがあります。それはフォーカスを当てることだったり、文字の削除の仕方だったりします。今回は文字入力時がほんの少しだけ楽しくなる、そんなライブラリPowerModeを紹介します。## PowerModeの使い方テキスト...

List

  • 2018/01/02

Walt - WebAssemblyに変換できるJavaScriptライクなプログラミング言語

WebAssemblyはRust、C、C++を使って作成します。しかしJavaScriptに慣れた人にすれば、わざわざ別な言語を利用するのに躊躇してしまうでしょう。管理上も別な言語に分かれるのは不便です。そこで使ってみたいのがWaltです。Waltは WebAssemblyに変換できるJavaScriptライクな言語で...

List

  • 2018/01/01

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

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

List

  • 2018/01/01

Vue2 editor - Vueを使ったテキストエディタ

Web上で文章を書く機会が増えています。しかし多くの場合、テキストエリアそのままであったり、普段使っているエディタに比べて操作性が格段に落ちるものばかりです。これでは生産性が損なわれてしまうため、結局エディタで書いてコピー&ペーストせざるを得ません。より使いやすいWebベースのエディタを目指すならVue2 editor...

List

  • 2017/12/31

Fish-UI - Vue向けのUIコンポーネント集

React/Angular/Vueといった新しい形のライブラリが登場したことで、これまで使えていたUIライブラリが使えなくなってしまいました。専用のタグを使っているため、それに合わせたUIデザインが必要になります。そこで、もしVueを使って開発を行っているならば使ってみたいのがFish-UIになります。## Fish-...

List

  • 2017/12/31

LeaderLine - 情報に関連性を持たせる線を描画

情報はただ並べただけではその関連性が分かりづらいものです。線を使って表現すると情報同士の関連性が分かるようになり、理解度が増します。多くの場合、そうした内容はプレゼンテーション用のソフトウェアで作ったり画像編集ソフトウェアを使います。しかしそれではメンテナンスが面倒になります。そこで使ってみたいのがLeaderLine...

None

  • 2017/12/30

js-webassembly-interpreter - WebAssemblyを解析/実行

WebAssemblyを使うことでコンパイルされたコードをWebブラウザ上で実行できるようになります。Safariでもサポートされたことで、実用的になってきたと言えます。そんな WebAssemblyはC/C++/Rustで書くのが基本です。そんな WebAssemblyのコードを解析したり、CUIで実行できるのがjs...

None

  • 2017/12/30

Joy - GoのコードをJavaScriptに変換

JavaScriptを嫌う方は一定層います。スクリプト言語なので型がなかったり、処理が非同期な部分があったりすることに起因するようです。サーバサイドを別言語で書いていたりすると、Webブラウザ向けだけJavaScriptを使わないといけないという制約も嫌がられます。サーバサイドをGoで書いているのであれば使ってみたいの...

List

  • 2017/12/29

Hubzilla - 分散型コミュニティシステム

インターネットの基本はコミュニケーションです。メールや掲示板であったりチャットなど、様々なコミュニケーション方法が存在します。コミュニティサイトを作りたいというニーズも根強くあります。そんなコミュニティサイトを作るためのシステムとしてHubzillaを紹介します。複数のコミュニティに所属できるシステムになっています。#...

List

  • 2017/12/28

Stopify - JavaScriptをフリーズせず安全に実行

Web IDEなどが流行っていく中で必要になるのが、ユーザが開発したコードを安全に実行できる仕組みです。セキュリティ的な意味合いはもちろん、無限ループしてしまった時であったり、重たい処理を実行している時に途中で止められる仕組みが必要です。今回はその一つ、Stopifyを紹介します。JavaScriptから安全な実行でき...

List

  • 2017/12/27

CoreUI - Vue/Bootstrap製の管理画面UI

管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレー...

List

  • 2017/12/27

alltube - YouTube-DLのWeb UI

YouTube動画やユーザや運営元の判断によって動画を削除したり、非公開にできます。いつも楽しく見ていた動画がなくなってしまってショックを受けた経験も一度や二度ではないでしょう。そこで使ってみたいのがalltubeです。YouTube-DLをラッピングしたWebアプリケーションです。## alltubeの使い方まず動画...

List

  • 2017/12/26

Tobu Tobu Girl - 飛んでいった猫を目指せ。ゲームボーイ新作ゲームがオープンソース化

昔懐かしのゲームボーイ。おっさんであれば誰もが一度は遊んだことがあるのではないでしょうか。過去の遺産と思われるそんなゲームボーイですが、今なお新作が作られているのです。今回紹介するのはTobu Tobu Girl(飛ぶ飛ぶガール)です。ハード版もありますが、ROM版は自由にダウンロードして遊べます。## Tobu To...

List

  • 2017/12/25

じゃぱりうぉっち - 某アニメのキャラクターを使った懐かしいUIのゲーム

最近のゲーム専用デバイスではリッチなゲームばかりになり、スマートフォンでは予算ばかりかかる割に結局ポチゲーといったものが増えています。そんな中、インディーゲームはアイディアがこらされた面白いものが出ています。今回はノスタルジックで面白い、某アニメのキャラクターが題材になったゲーム、じゃぱりうぉっちを紹介します。## じ...

List

  • 2017/12/25

WebDNN - Web上で試せる機械学習環境

機械学習は今、人気のある技術です。様々な使い方が考えられていますが、問題なのはトレーニングでしょう。GPUが積まれていないと速度面で問題があったり、大量のデータをあらかじめ学習しないと期待した結果が返ってきません。とは言え、まずは機械学習を試してみたいという方はWebDNNを使ってみましょう。Webブラウザ上で手軽に試...

List

  • 2017/12/24

emoji-awesome - 絵文字版Font Awesome

Font Awesomeを使うと手軽にアイコンを差し込めるとあって利用者はとても多いです。最近よくある単色系のモダンなWebページを作ろうと思ったらとりあえず入れておくという方も多いのではないでしょうか。そんなFont Awesomeの絵文字版を目指すのがemoji-awesomeです。JavaScriptは使わず、ク...

None

  • 2017/12/23

Parcel - 高速さが売りのWebアプリケーションバンドラー

JavaScriptの周辺環境の進化は早く、一部はGulpと言われていたのがWebPackになったりして、どんどん新しい技術が出てきては廃れるといったことを繰り返しています。さらにここで紹介するのは心苦しいのですがParcelを知っておきましょう。とても簡単に使えるWebアプリケーションバンドラーです。## Parce...

List

  • 2017/12/23

Rocket wasm - WebAssemblyで作られたシューティングゲーム

WebAssemblyが実用的になってきています。今のところWebAssemblyが書ける言語としてはC/C++またはRustといった感じですが、Rustが個人的には分かりやすくて好きです。そんなRustで作られたゲームがRocket wasmになります。WebAssemblyなのでストレスなく遊べます。## Rock...

List

  • 2017/12/22

Muuri - ソート、フィルタリング、D&Dできるレスポンシブグリッドライブラリ

レスポンシブWebデザインが広く一般的になっていく中でグリッドデザインもまた多用されるようになっています。グリッドデザインにすることでデバイスの画面幅に応じた情報が表示しやすくなっています。そうした中で紹介したいのがMuuriです。ソートやフィルタリングをサポートしたグリッドレイアウトライブラリです。## Muuriの...

List

  • 2017/12/20

graphqlviz - GraphQLのスキーマを可視化

GraphQLはデータ構造がスキーマとして定義されています。それらを読み解くことで、あらかじめデータ構造を把握してクエリを投げられるようになっています。しかしJSONから内容を正しく見極めるのはなかなか難しいでしょう。そこで使ってみたいのがgraphqlvizです。GraphQLの構造を画像などで可視化してくれます。#...