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

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

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

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

もっと見る

List

  • 2020/06/02

CostBox - PWA対応のシンプルな支出管理

お金を管理する際の基本は、支出を把握することです。節約しているつもりではあっても、記録しないと意味がありません。記録することで可視化し、状態を把握できます。その次に改善するフェーズがあります。今回紹介するCostBoxは支出を記録するのに特化したアプリケーションになります。## CostBoxの使い方メイン画面です。!

List

  • 2020/06/01

AnyGrids - 高機能なテーブル表示ライブラリ

業務システムで最もよく使うのが一覧でのデータ表示ではないでしょうか。多くはテーブルタグを使って構築しますが、ソートや表示するデータの多様さによって、より多機能を求められます。今回紹介するAnyGridsはビジネスデータの表示に特化したライブラリとなっています。業務システムでのデータ表示に一役買ってくれそうです。## A...

List

  • 2020/06/01

React Flow - Reactでノード型インタフェースを実装する

ノード同士を連結するインタフェースは色々な場面で使えます。ビジュアルプログラミングであったり、マインドマップのような思考整理、ノーコーディングプラットフォームでも使えるでしょう。そうしたノードベースのビジュアルインタフェースを作る際に使えるのがReact Flowです。Reactで開発する際に便利でしょう。## Rea...

None

  • 2020/05/31

mac-cleanup - macOSの不要ファイルをまとめて削除してくれるスクリプト

コンピュータは使っている内に、徐々にゴミが溜まっていきます。分かりやすいファイルは自分で削除できますが、キャッシュや一時ファイルなど、ぱっと見では分かりづらいファイルの蓄積はなかなか削除できません。そういったファイルをまとめて消してくれるスクリプトがmac-cleanupです。## mac-cleanupの使い方mac...

List

  • 2020/05/30

japan-map-js - 日本のクリッカブルな地図を表示

集まったデータをただ一覧にしているだけではインパクトは薄くなってしまいます。どう可視化するかが問題です。時系列で比較する場合は棒グラフや折れ線グラフ、グループの場合は円グラフなど、データによって選ばれるグラフは異なります。もしデータが地域に合わせて作られるなら、地図上にマッピングするのがいいでしょう。日本地図にマッピン...

List

  • 2020/05/30

simpleParallax.js - 画像を使ったシンプルなパララックスエフェクト

パララックスエフェクトは見ている人にちょっとした違和感を与え、注目を集めるのに使えます。しかしスクロール時の処理を実装するのは大変で、後々のメンテナンスも面倒です。そこで専用ライブラリの利用をお勧めします。今回紹介するのはsimpleParallax.jsです。## simpleParallax.jsの使い方デモです。...

List

  • 2020/05/29

Gallery - 軽量、レスポンシブなWeb写真ギャラリー

写真をWebサイト上で並べて閲覧できるようにすることはよくあります。その際問題になるのが、各種Webブラウザ(スマートフォンなど含む)への対応や、サイズの異なる写真を綺麗に並べることです。そこで使ってみたいのがGalleryです。JavaScript製の軽量なギャラリーソフトウェアです。## Galleryの使い方一覧...

List

  • 2020/05/29

Mi Band 2 - Web Bluetooth APIを使ってアクティビティトラッカーと通信

スマートウォッチとしてApple Watchを使っている人は大勢いますが、個人的にはAmazfit Bipを使っています。一度充電すれば1ヶ月以上保つので、ずっと付けっぱなしにできるのが魅力です。そんなAmazfit Bipをはじめ、Mi Bandなどのアクティビティトラッカーを簡単にWebブラウザと通信させられるのが...

List

  • 2020/05/28

QR角印 - 現代風。QRコードを含んだ角印

コロナウィルスによって社会に大きな影響が出ています。その一つとして、ハンコ文化の見直しが行われています。ハンコを押すためだけに出社するといった愚策がなくなるかも知れません。しかし承認という問題に対するニーズに対する代案は必要です。そこで注目したいのがQR角印になります。## QR角印の使い方キーワード(発注番号など)を...

List

  • 2020/05/28

notes-cli - 毎日のメモを管理するコマンド

普段メモはどこに保存しているでしょうか。決まった場所に蓄積していればいいですが、思いつくままに適当に保存していたりしないでしょうか。そうするとどこに書いたかも忘れてしまい、毎回探すことになります。そうした経験のある方はnotes-cliを使ってみましょう。日ごとのメモを決まったディレクトリに蓄積してくれます。## no...

List

  • 2020/05/27

WebWormhole - WebRTCを使ってファイル送受信

デバイス間でファイルを送受信するのがなんと面倒なことか。同じLANで繋がっていればまだしも、隣にいる人にさえファイルを送るのも面倒だったり、PCとスマートフォンでの送受信したいと思ってもメールを使ったりします。これはとても面倒です。そこで使ってみたいのがWebWormholeです。WebRTCを使って手軽にファイルを送...

None

  • 2020/05/26

kmdr - コマンドの実行内容を教えてくれるCLI

開発者であれば、ターミナルを使って各種コマンドを入力するかと思います。コマンドを探す際に、Webで検索する人も多いでしょう。そんな時、各種オプションがすでに付いており、それぞれの説明がないために何となく実行してしまったりしていないでしょうか。きちんと把握していないコマンドを打つ際に使ってみて欲しいのがkmdrです。実行...

List

  • 2020/05/26

Marpit - MarkdownからHTML/PDFのスライドを作成

プレゼンテーション用のスライドを作る際には何を使っているでしょうか。PowerPointやKeynote、Googleスライドを使っている人が多いと思いますが、開発者であれば見た目の装飾よりも内容にこだわりたいはずです。そんな方に使ってみて欲しいのがMarpitです。Markdownからスライド、そしてPDFを生成する...

List

  • 2020/05/25

LightProxy - ネットワークをキャプチャ。Web開発用プロキシ

Webアプリケーションやスマートフォンアプリの開発時に、ネットワークのやり取りを確認したいことがあります。その手のソフトウェアとしてCharlesが知られていますが、有償であるために避けている人もいるかも知れません。そんな方に使ってみて欲しいのはLightProxyになります。Charles同様、ネットワークをキャプチ...

List

  • 2020/05/25

lit - 軽量なレスポンシブWebフレームワーク

CSSフレームワークは大型なものになるほど便利な機能が追加されますが、その制約もまた大きくなります。Webデザイナーであれば、レスポンシブなどの機能だけあって、他は自由度が高いものを選びたいと思うのではないでしょうか。今回紹介するlitはわずか395byteしかないレスポンシブWebフレームワークになります。小さいだけ...

List

  • 2020/05/24

styled-icons - 13,500種を超えるアイコンフォント集

Webサイトを使いやすくしてくれるアイコンフォントは多数存在します。一つですべて済む場合もあれば、幾つも組み合わせたい場合もあるでしょう。足りない時に、都度追加していくのは面倒です。そこで使ってみたいのがstyled-iconsです。13,500種類以上のアイコンが使えるようになるライブラリです。## styled-i...

List

  • 2020/05/23

Somoji - 絵文字で効果音

オンラインミーティングやミートアップ時において、周囲の反応は欲しいものです。しかし、声を出してしまうと話しづらくなってしまうという問題があります。そこで試したいのがリアクションです。チャットなどではテキストで返す代わりに絵文字を使ったリアクションが便利です。同様に音声チャットであればSomojiが便利かも知れません。#...

List

  • 2020/05/23

Strike - 白黒時代を感じさせるペイントソフトウェア

ペイントソフトウェアは幾つも存在します。自由に線を引いたり、模様を描いたり、レイヤーがあったりと多機能なものもたくさんあります。写真の上に線を引いたり、地図に注釈を付けたりするのにもペイントソフトウェアが活躍します。そんなペイントソフトウェアとしてStrikeを紹介します。白黒調の、ちょっと変わったペイントソフトウェア...

List

  • 2020/05/22

a-Shell - iOS用のターミナル

外出先でサーバにトラブルがあった時、ノートPCを取り出すのは難しいことがあります。しかしスマートフォンであれば問題ないでしょう。そしてスマートフォンからネットワーク接続できれば、見事事態を解決できるはずです。そんな時のために用意しておきたいのがa-Shellです。iOS上で動くターミナルです。## a-Shellの使い...

List

  • 2020/05/21

Play FLV in Browser - FLVファイルをWeb上で再生する

Flashといえば、2000年代を代表するWeb技術でした。HTML5とスマートフォン(iPhone)の登場によって一気に主役の場を奪われましたが、それでもかつて作成した資産が多数残っています。例えばFlash製の動画コンテンツもその一つです。今回はFlv形式の動画ファイルをHTML5で再生するPlay FLV in ...