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

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

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

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

もっと見る

List

  • 2019/06/09

drawgon - Web上でドロー

Web上で絵を描こうと思うとCanvasタグを使って行います。そして、そこに描かれた情報は画像としてダウンロード可能です。しかし、ベクターデータとして(SVGとして)欲しい場合もあるでしょう。そこで使ってみたいのがdrawgonです。Web上で使えるドローイングアプリケーションです。## drawgonの使い方最初にサ...

None

  • 2019/06/09

watchexec - ファイルが変更されたらコマンド実行

ファイルを編集したら何かを実行したい、というのは良くあるニーズです。webpackやgulpなどを使えばできますが、JavaScriptが関係ないところでは用意が面倒だったり、大げさに感じてしまうでしょう。Shellスクリプトでもできますが、開発者でないと使いづらそうです。そこで使ってみたいのがwatchexecです。...

List

  • 2019/06/08

a2hs.js - iOSでもAdd to Home Screen

PWAに注目が集まっていますが、Androidに比べてiOSの対応は今なお微妙です。アプリケーションのようにインストールできるのですが、その手順も分かりづらく、インストールを促すバナーも出せません。これではiOS向けにはなかなか普及しないでしょう。それを若干でも改善できるのがa2hs.jsです。iOS向けにユーザビリテ...

List

  • 2019/06/08

csvdiff - CSVに特化した差分ビューワー

CSVファイルは今なおシステムの中で現役ばりばりに利用されています。様々なシステムから出力されるCSVファイルに対して、差分を確認したいと考えることはないでしょうか。通常の差分表示では、CSVのようなフォーマットではうまく表示できないかも知れません。そこで使ってみたいのがcsvdiffです。CSVに特化した差分表示コマ...

List

  • 2019/06/07

get-browser - デスクトップ/スマートフォンのWebブラウザを特定

かつてあったブラウザ戦争はなくなり、ほぼWebKit一強になりつつあります。そんな中、スマートフォンやタブレットなど画面解像度やサイズの多様性が生まれており、その中で開発者が対応すべきことも増えています。どのWebブラウザからのアクセスなのか、特定に苦労している人も多いのではないでしょうか。そこで使ってみて欲しいのがg...

List

  • 2019/06/07

imfunniee - 開発者向けポートフォリオテンプレート

開発者であれば自分のポートフォリオを持つべきです。それは個人のアイデンティティになり、転職時などにも有利に働きます。幸いGitHubのリポジトリはポートフォリオに使えるコンテンツになります。後は自己紹介やブログなどがあれば完璧でしょう。そこで使ってみたいのがimfunnieeです。GitHub Pagesで公開できるポ...

List

  • 2019/06/05

iru - Markdownをそのまま使うCMS

これまで、MarkdownをベースにWebサイトを作るソフトウェアは多数ありました。その多くはコマンドが用意されており、MarkdownコンテンツをHTMLに変換するものだったと思います。つまり静的サイト向けの使い方でした。今回紹介するiruはMarkdownファイルを読み込んで表示するタイプのWebサイトです。システ...

List

  • 2019/06/05

Hovercraft - Preziのようにページが切り替わるHTMLスライド

プレゼンテーションというと、退屈なスライドが並んでいて、切り替え時にちょっとしたアニメーションが起きる程度と思っているかも知れません。もっと聴衆の目を引くスライドを作ってみたいと思う方はPreziを使っていたりします。しかし、あれはデスクトップで動作するソフトウェアです。Webならもっと公開やシェアも手軽にできるのに…...

List

  • 2019/06/04

ぺぺロミア - React Native製の旅行計画アプリ

旅行の計画を立てるのはとても楽しいですよね。計画を立て始めた時、実際にでかける前から旅行ははじまっていると言えるでしょう。それはプライベートに限らず、出張なども同様です。移動などでミスして出張した意味がなくなるようなことがないよう、きちんとした計画を立てるべきでしょう。そんな旅行計画を立て、Web上でも共有できるスマー...

None

  • 2019/06/03

gibo - プロジェクト用の.gitignoreを生成

Gitでソースコードを管理する際、必ず必要になるのが.gitignoreでしょう。これがないと余計なビルドファイルやログファイル、OSの隠しファイルなどが入り込んでしまいます。かといって、.gitignoreの設定をプロジェクトごとに個別に設定するのは面倒なものです。そこで使ってみたいのがgiboです。プログラミング言...

List

  • 2019/06/03

hackaru - シンプルな作業時間測定アプリ

集中して仕事をするためには、時間に厳しくなくてはいけません。単位時間のパフォーマンスを上げていくことで、より生産性を高められるようになります。そのためにはまず、現在の時間の使い方を可視化しなければなりません。そのために時間管理ソフトウェアがあります。実行しているアプリケーション単位で厳しく時間測定できるものもありますが...

List

  • 2019/06/02

SwiftWasm - Webブラウザ上でSwiftを実行

WebAssemblyへの注目が集まっており、それ故に様々な試みが行われています。計算処理の高速化、Canvasを書き換えることでゲームに用いたり、JavaScriptを全く書かずにWebアプリケーションも開発できるようになります。そんな中、プログラミング言語をWebブラウザ上で動かそうと言う試みも増えています。今回は...

List

  • 2019/06/02

Fusuma - Markdownを使ったHTMLスライド

HTMLでスライドを作る場合、アニメーションやロゴの配置ではなく、コンテンツに集中して作れます。さらに記法がMarkdownであればスライドを作るのが苦手な人であっても問題ありません。さくさくと作れるでしょう。今回は新しいHTMLスライドのFusumaを紹介します。便利な機能がたくさん詰まっています。## Fusuma...

List

  • 2019/06/01

Gameboy.Live - クラウドゲームに対応したゲームボーイ・エミュレータ

Googleがクラウドゲームプラットフォーム、Stadiaを発表して以来、クラウドゲーム市場が盛り上がっています。専用端末不要で、インターネット回線さえあればどこでも遊べるというのは大きな魅力です。そんな中、ゲームボーイをクラウドで提供してしまおうというのがGameboy.Liveになります。## Gameboy.Li...

None

  • 2019/06/01

legit - Gitでプログラミング

プログラミングとバージョン管理は切っても切り離せないものです。それは開発者であれば誰しもが納得するでしょう。しかし、プログラミングとバージョン管理を一つにして、学習すべき要素を減らしてしまおうという発想はなかなか出てこないはずです。それを実現してしまったのがlegitです。何を言っているのかよく分からないと思いますが、...

List

  • 2019/05/31

Windows Auto Night Mode - Windowsにナイトモードを導入

macOS Mojaviから導入されたダークモードに注目が集まっています。時間によってUIを変えることで時間を意識したり、画面の輝度を調整することで目に優しい環境が作れます。開発者であれば画面を見続ける時間が長いのでぜひ欲しい機能でしょう。Windowsでは自動的に変わってくれる機能はありませんが、Windows Au...

List

  • 2019/05/30

ken-burns-slideshow - ケン・バーンズ効果を実現できるWebコンポーネント

ケン・バーンズ効果という演出を知っていますか。複数を写真がある時、それを単に差し替えるだけでなく、ズームや左右上下にゆっくりとアニメーションしながら切り替えることで、単なる写真に命を与えると言われています。ケン・バーンズ監督が映画の中で使っていたことでそう呼ばれています。そんなケン・バーンズ効果を手軽に実現できるWeb...

55270?type=list&url=https%3a%2f%2fimages.moongift.jp%2f2019%2f05%2fopen-source-medium+zoom-3.9bb82b39ed6f6eecc793a99f01393d86

  • 2019/05/29

Medium Zoom - Medium風に画像をズーム

Mediumは人にとって読みやすい、使いやすいUI/UXにこだわっています。様々な工夫がされており、それははっきりと分かるものもあれば、細かすぎて気付かないものもあるでしょう。しかしそういった細部にこそ神が宿るものです。今回紹介するMedium Zoomは画像のズーム表示をMediumライクに表現してくれるライブラリで...

List

  • 2019/05/28

HumanizeDuration.js - ミリ秒を読みやすい文字列に変換

JavaScriptではstrftimeのような関数もなく、日付を文字列で出力するのは面倒です。他の言語とは異なり、時間はミリ秒単位で、換算するのも手間がかかります。そのため、日付を扱うライブラリが充実しています。今回はミリ秒を人が読みやすい形にしてくれるライブラリ、HumanizeDuration.jsを紹介します。...

List

  • 2019/05/28

quinesnake - ソースコードを使ったスネークゲーム

スネークゲームは知っていますか。餌を食べて徐々に長くなっていく蛇を操作します。囲みに当たったり、自分の体に当たったらゲームオーバーになります。ルールがシンプルなだけにすぐに遊べるのが良いところです。今回紹介するquinesnakeは一風変わっていて、餌がソースコードになっています。## quinesnakeの使い方ゲー...