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

ホスティング - githubの記事一覧

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

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

もっと見る

List

  • 2017/06/15

roulette - 抽選で当てよう

集まった人たちに対して景品を出したりする時、その抽選をする仕組みが必要です。ビンゴであればビンゴマシーンが必要ですし、ごく少ない人数であればあみだくじでも良いでしょう。そこで使ってみたいのがrouletteです。何が当たるか楽しみな抽選ソフトウェアです。## rouletteの使い方最初の画面です。!

List

  • 2017/06/15

Gist HTML Preview - GistのHTMLを取得してプレビュー

Gistはちょっとしたコンテンツを載せておくのに便利ですが、セキュリティ上の制限も幾つかあります。例えばHTMLを書いてもソースが表示されるだけでHTMLページとして表示はできません。そこで使ってみたいのがGist HTML Previewです。Gistで書かれたHTMLを表示してくれるソフトウェアです。## Gist...

List

  • 2017/06/14

Ory - 段組まで変えられる高いカスタマイズ性を持ったWYSIWYGエディタ

一昔前のCMSというとユーザの見る画面と管理画面がはっきりと分かれていました。セキュリティ上はやりやすいかも知れませんが、管理者としてはユーザがどう見えているかを逐一確認する必要があって不便でした。最近ではユーザの見ている画面上でそのまま編集できるものが増えています。その最新作と言えるのがOryです。## Oryの使い...

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

SQLPlugin - iOSアプリのSQLiteにアクセス

iOSアプリの中ではSQLiteによってデータを管理しているものが多数あります。キャッシュなどでも使われていますので、開発時にはその中身を見ると様々な情報が分かるでしょう。そこで使ってみたいのがSQLPluginです。Xcode上から手軽にシミュレータ上のSQLiteにアクセスできます。## SQLPluginの使い方...

List

  • 2017/06/10

MacAssistant - macOS上で動くGoogleアシスタント

GoogleのAIアシスタント、Googleアシスタントがついに日本語対応します。現在利用できる端末が拡大中とのことです(筆者端末は執筆時点ではまだ未対応です)。Siri以上に優秀と聞きますので、非常に楽しみな技術です。そんなGoogleアシスタントをmacOSでも使えるようにするのがMacAssistantです。##...

List

  • 2017/06/09

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

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

List

  • 2017/06/09

glsl2img - GLSLファイルを画像に変換

3Dやグラフィックスを描くのに使われるのがシェーディング言語になります。その一つで知られるのがGLSL(OpenGL Shading Language)で、OpenGLの中で使われているシェーディング言語です。そんなGLSLが書かれたファイルを画像に変換するのがglsl2imgです。## glsl2imgの使い方まず一...

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/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の使い方こちらがメイン画...