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

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

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

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

もっと見る

List

  • 2017/06/14

png2svg - PNGをSVGに変換

SVGもドロー系フォーマットとして一般的になりつつあります。モダンなWebブラウザは表示に対応していますし、JavaScriptと組み合わせればFlash風なインタラクティブ性を持ったコンテンツも作成できます。そんな中紹介したいのが画像をSVGに変換するというpng2svgです。## png2svgの使い方png2sv...

List

  • 2017/06/13

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

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

List

  • 2017/06/13

Mocka - モックアップの作成に使えそうなplaceholder

Webサイトのデザインを行う際などにとりあえずアテの画像が必要になることは多々あります。画像だけでなくテキストも必要でしょう。そうした時、あまり適当な文字だと実感がわきませんし、かといって作り込みすぎるのもよくありません。そこで使ってみたいのがMockaです。Mockaはシンプルで格好良いplaceholderを提供し...

None

  • 2017/06/12

GitTown - GitワークフローをサポートしたGitプラグイン

Gitリポジトリを使って開発を行っている場合、Git Flowなどを取り入れることが多いでしょう。そうすることでmasterへの直接の変更を禁止したり、ステージングを意識した開発が可能になります。しかしGit Flowの仕組みは手間が多いと感じることもあります。そこで使ってみたいのがGitTownです。Git Flow...

List

  • 2017/06/12

PathFinding.js - 様々なアルゴリズムで最適な経路を探索

ある点からある点までの最短距離を調べるアルゴリズムがあります。簡単なものであれば人間の目で見た方が早いですが、込み入った図になると最短距離を見つけるのも容易ではありません。そこで使ってみたいのがPathFinding.jsです。最短経路の調査を様々なアルゴリズムを用いて検証できます。## PathFinding.jsの...

List

  • 2017/06/11

svgbob - アスキーアートをSVGに変換

READMEなどテキストファイルには罫線を駆使したアスキーアートが載ることが多々あります。一度だけであれば良いのですが、メンテナンスもしづらいですし、見やすいものではありません。しかし技術者としてはドローソフトウェアでいちいち描いたりするのも面倒です。そこで使ってみたいのがsvgbobです。## svgbobの使い方一...

None

  • 2017/06/11

obstructed.js - JavaScriptのメインスレッド停止を感知

JavaScriptはシングルスレッドで動作しているので、ロックされてしまう処理があると他の処理まで影響を受けてしまいます。なるべく処理は短く終われるのが理想で、そのためには既存の状態を調査しなければなりません。今回紹介するobstructed.jsはそうした処理のロックを感知するソフトウェアです。## obstruc...

List

  • 2017/06/09

Shop.js - Eコマース用のUIコンポーネント

Webデザインフレームワークは多数ありますが、多機能なものほど縛りが強く、自分の思うようにデザインできないことがあります。そんな中、最近ではWeb Componentという概念によって、一つのコンポーネント単位でのUIも出てきています。今回紹介するShop.jsはECサイトで使われる要素を小さなUIコンポーネントとして...

List

  • 2017/06/08

TodoTxtMac - macOS用、キーボード入力メインのTodo.txt管理

Todo.txtというTodo管理記法があります。その名の通りテキストファイルなので管理がとても簡単ですし、任意のテキストエディタが利用できます。多くのテキストエディタでは機能拡張によってTodo.txtの入力、メンテナンスが簡単にできるようになっています。そんなTodo.txtをよりリッチに使いこなしたいという方はT...

List

  • 2017/06/08

SQLite Web - SQLiteをWebベースで管理

開発時においてSQLiteを使うケースが増えています。MySQLなどと比べても大差ない使い勝手ですし、わざわざサーバを立ち上げることなく使えるのが手軽です。O/Rマッパーを使っているならばデータベースの違いを意識することもないでしょう。そんなSQLiteにWebベースの管理画面を提供するのがSQLite Webです。コ...

List

  • 2017/06/07

YouPHPTube - PHP製のYouTubeクローン

YouTubeを使えば動画の配信がとても簡単にできる一方、動画は自分たちのコントロール下で配信したいと考える企業も多くあります。ネットワークリソースなどが潤沢であれば、もちろんそういった選択肢もありでしょう。そんな時に使えるのがYouPHPTubeです。PHPで作られたYouTubeクローンになります。## YouPH...

List

  • 2017/06/07

Naumanni - 日本製のMastodonクライアント

Mastodonが一気に注目を集めています。ブームは去った感がありますが、残った人たちが使い続けていくことでTwitterとは異なる生態系が形成されていくことでしょう。そんな中必要になるのが専用クライアントです。元々MastodonではTweetDeck風のUIが提供されていますが、より便利に使えるようになるのがNau...

List

  • 2017/06/06

Keypad Layout - キーボードでウィンドウの大きさ、配置を変更

ウィンドウの位置に悩んだ経験はないでしょうか。二つの画面を見なければならない時、幾つかの画面をタイル上に並べたいと思うときは多いものです。マウスでいちいち調整するのは面倒ですし、ストレスを感じます。そこで使ってみたいのがKeypad Layoutです。キーボードでウィンドウの位置や大きさを調整できます。## Keypa...

None

  • 2017/06/06

git-labelmaker - GitHubのラベルをコマンドラインで作成

GitHubではIssueやPull requestを送る際などにラベルを設定できます。しかしこのラベルのメンテナンスが以外と面倒です。とあるメソッドによれば、十何種類ものラベルが望ましいそうですが、これを一から作成するのは面倒です。そこで使ってみたいのがgit-labelmakerです。CUIでラベルを作成できます。...

List

  • 2017/06/05

Kaleidoscope - Webサイトに埋め込める360度写真/動画ビューワー

THETAなどのデバイスと、各ソーシャルサービスが対応したことで360度写真、360度動画が使われるようになっています。スマートフォンの写真とは違って、普段は見られない部分まで自分で自由に視点を変えられるのが魅力です。しかしフォーマットが特殊なので、専用のビューワーが必要になります。今回紹介するKaleidoscope...

List

  • 2017/06/05

Data Pixels - プログラマブルなドット絵エディタ

ドット絵は今なお人気のあるジャンルです。そのためのエディタも多数あります。大抵一つ一つのドットを書いて作っていくのですが、同じ図形を幾つも組み合わせたりする際に面倒に感じるのではないでしょうか。Data Pixelsになります。プログラマブルなドット絵エディターです。## Data Pixelsの使い方こちらがメイン画...

List

  • 2017/06/04

FireEdit - Firebaseを使ったリアルタイム同期エディタ

リアルタイムに同期してくれるエディタは意外と便利です。会社で議事録を取っている場合、ペアプログラミング、ちょっとしたメモであっても同じディスプレイを見ずに共有できていると情報伝達が素早くなります。今回はFirebaseを用いることでサーバレスでリアルタイム同期できるエディタ環境を提供するFireEditを紹介します。#...

List

  • 2017/06/04

Mavo - Webアプリケーションを作る新しいアプローチ

最近、ReactやVueなどのビューエンジンに人気が集まっています。双方向更新が可能で、データをアップデートすれば自動的にUI側も更新されます。これにより、DOM周りのステータス管理から解放されるようになります。今回紹介するMavoもビューエンジンですが、半分ロジックも加わったような作りになっています。## Mavoの...

List

  • 2017/06/03

Apache Allura - Apache製のGit管理サーバ

GitHubやGitlabなどGitリポジトリを管理するサービスは多数あります。そんな中、企業内部でGitリポジトリを管理するサーバを立てたいという声もあります。Gitlabは良い選択肢になりますし、GitHub Enterpriseを使う手もあります。そんな中、別な選択肢としてApache Alluraを紹介します。...

None

  • 2017/06/03

Gixy - nginxの設定ファイルを静的解析して改善提案

HTTPサーバとしてnginxを使っているケースは多いかと思います。しかし設定に関する情報はまだまだ多くはなく、動くように設定はしても、それがベストなのかどうか判断できない方も多いのではないでしょうか。そんな方にお勧めなのがGixyです。nginxの設定ファイルを解析して改善案を提示してくれます。## Gixyの使い方...