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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

List

  • 2018/01/07

Octohint - GitHub上でインテリセンスを有効に

開発者であればIDEでよく提供されるインテリセンスの便利さを感じることでしょう。関数の概要であったり、引数を表示してくれることで開発のしやすさ、生産性が大きく変わってきます。そんなインテリセンスをGitHub上でで提供するのがOctohintになります。## Octohintの使い方Octohintをインストールすると...

None

  • 2018/01/05

Grasp - JavaScriptの構造を解釈した検索/置換コマンド

開発者であればGrepのお世話になることが非常に多いはずです。しかしただ文字列を検索するだけで、細かい部分は正規表現などを使って書かなければなりません。また、探し出した後の編集はエディタで行うことになります。そこで使ってみたいのがGraspです。JavaScriptに特化した、構造を解釈できる検索コマンドです。## G...

List

  • 2018/01/03

microlink.js - Webサイトのプレビュー表示を格好良く

最近、Webサイトのサムネイル表示を目にすることがよくあります。SlackでURLを投稿した場合、ソーシャルメディア、キュレーションサイトなど様々なケースで使われます。次に問題になるのがその見せ方です。サムネイルの画像を使ったり、サマリーの文字列をどう表示するかによってクリックされる可能性が変わってくるでしょう。そこで...

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

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

List

  • 2017/12/29

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

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

List

  • 2017/12/29

satella.io - オープンソース版Live2D!

まだ完成途中ですが、期待を込めて!Live2Dというサービスがあります。画像をアップロードすると動き出して、まるで3Dデータを作ったかのように扱えるサービスです。2D画像を分析することで、目を閉じたり口を開いたりと言った操作が可能になります。そんなLive2Dのオープンソース版がsatella.ioです。平面だったイラ...

List

  • 2017/12/27

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

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

List

  • 2017/12/26

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

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

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/24

node-git-server - node製のカスタマイズできるGitサーバ

Gitリポジトリを管理するサービスやソフトウェアは多いですが、そのGit管理の仕組みを自分のサービスでも取り入れたりと思う方は多いはずです。そうした場合、Git操作の仕組みをすべてすべて自分でイチから実装しなければなりません。しかしnode-git-serverを使えば幾分簡単になりそうです。node-git-serv...

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の構造を画像などで可視化してくれます。#...

List

  • 2017/12/19

Dashboards - 自由度の高いダッシュボードライブラリ

Webサービスや業務システムを通じて集められたデータを表示するのに必要なのがダッシュボードです。ダッシュボードは常に固定表示よりも、各自の使い方に合わせて情報の並び替えが求められます。そんなUIを作成できるのがDashboardsです。ユーザが自由に画面要素を変更できます。## Dashboardsの使い方最初の表示で...