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

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

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

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

もっと見る

List

  • 2019/09/27

Leon Sans - アニメーションもできるJavaScript製のフォント

フォントを変えると、文面の印象ががらっと変わることがあります。フォントによって受ける印象はそれぞれで、最適なものを選ばないといけません。同じフォントであっても太さが変わるとまた違うでしょう。今回紹介するLeon SansはSans Serif風のフォントですが、プログラマブルな特徴があります。## Leon Sansの...

None

  • 2019/09/26

netprint.sh - コマンド一つでネットプリントへ文書登録

出先などで、突然印刷しなければならない時があります。そんな時に便利なのがコンビニを使ったネットプリントなのですが、そのUIがとても使いづらいです。ストレスを感じて諦めてしまう人も多いでしょう。そこで使ってみたいのがnetprint.shです。コマンド一つで印刷設定を行ってくれます。## netprint.shの使い方n...

List

  • 2019/09/25

dir-tree - Web上でtreeコマンド風ディレクトリ構造を作成

ドキュメントでディレクトリ構成を書くことがありますが、その際にはよくtreeコマンドを使います。しかし、余計なディレクトリが含まれないようにするなど、加工も必要で面倒だったりします。そこで使ってみたいのがdir-treeです。Web上でディレクトリのツリー構造を作成します。## dir-treeの使い方+ボタンでディレ...

List

  • 2019/09/24

Recharts - React用のグラフ/チャートコンポーネント

Webの表現力を高めてくれるのがグラフ、チャートライブラリです。ある時は円グラフ、ある時は棒グラフとニーズは様々です。そのため、多くのグラフに対応していれば、それだけ価値が高まります。今回はRechartsを紹介します。React用のチャートコンポーネントです。## Rechartsの使い方グラフのサンプルをスクリーン...

List

  • 2019/09/23

Maizzle - HTMLメールを作るためのフレームワーク

HTMLメールを使うのも当たり前になってきました。しかし、レスポンシブなメールをきちんとメール向けに仕様に合わせて送らないとレイアウトが崩れてしまったりします。それではせっかく目立つHTMLメールを使っているのに勿体ないです。そこで使ってみたいのがMaizzleです。HTMLメールを作るためのフレームワークです。## ...

None

  • 2019/09/22

go-web-app - GoによるWebAssembly開発を強力にサポート

GoでWebAssembly(WASM)が書けるようになったことで、GoだけでWebアプリケーションを作るトレンドが生まれています。個人的にもこれは大いに期待する流れです。とは言え、開発環境の準備に手間がかかるのは良くありません。そこで使ってみたいのがgo-web-appです。GoによるWASM開発環境をまるっと用意し...

List

  • 2019/09/21

pdftoimgpdf - PDFを印刷で問題ない形に変換

技術書典などの技術書の同人誌会が広まるのに連れて、書籍を印刷する機会も増えていきます。印刷所に依頼する場合、それなりの準備が必要です。単にPDFを送れば良いという訳ではありません。そこで使ってみたいのがpdftoimgpdfです。単純なPDFから印刷するのに合わせたPDFに変換してくれます。## pdftoimgpdf...

None

  • 2019/09/21

ga-lite - 軽量なGoogle Analyticsクライアント

Webサイトのアクセス解析にGoogle Analyticsを使っている人は多いでしょう。そんな時、Googleから指定されたスクリプトをそのまま使っている人も多いはずです。しかし、あのスクリプトには殆ど使われない機能もたくさんあります。そこで使ってみたいのがga-liteです。軽量版のGoogle Analytics...

List

  • 2019/09/20

NetNewsWire - 懐かしのRSSリーダーがOSS化!

RSSリーダーを使っている人はそれほど多くありませんが、かつてはこぞって様々なRSSリーダーが作られました。その一つとして有名だったのがNetNewsWireです。2002年から開発されているとのことなので、約17年も開発されている息の長いソフトウェアです。そんなNetNewsWireがバージョン5になるのと同時にオー...

List

  • 2019/09/18

workers-graphql-server - Cloudflare Workersを使ったGraphQLサーバ

Cloudflare Workersというサービスがあります。CDNで知られるCloudflareのエッジサーバ上にサービスワーカーを配置し、プログラムを動作させるものです。実例がなかなか見えてこないので、個人的にはユースケースが見えてきていません。そんなCloudflare Workersを使った例としてworker...

List

  • 2019/09/17

ざっくりAWS - AWSの利用料金をざっくりと把握する

クラウドサービスの多くは従量課金になっています。個々の条件に応じて細かく料金が設定されており、かつ無料枠もあったりして見積もるのも非常に大変です。そのためにパートナーもいるのでしょうが、自分でだいたいの見積もりはとっておきたいと思うことでしょう。そこで使ってみたいのがざっくりAWSです。まさにざっくりと料金を知っておき...

List

  • 2019/09/15

Windows 95 UI Kit - Windows 95風のWebサイトを作る際に

懐古主義という言葉があります。過去の出来事は美化される傾向にあり、当時味わったはずの嫌な思い出は忘却の彼方へ飛んでいってしまいます。その結果、古き良きなんて言葉が出てきます。今回紹介するWindows 95 UI Kitはその名の通り、Windows 95風のUIをWebブラウザ上に再現できるCSSデザインです。## ...

List

  • 2019/09/14

ForrestJS - ReactでSSR対応のPWAを開発

PWAはオフラインでも動作することが求められるので、クライアントサイドで表示内容を制御します。その結果、サーバサイドレンダリングは弱い傾向にあります。最近ではGoogleのクローラーがPWAでも動作するようになっていますが、サーバサイドレンダリングが不要な訳ではありません。そこで注目したいのがサーバサイドレンダリングを...

List

  • 2019/09/14

Lucidboard - Elixir製のシンプルなカンバンシステム

カンバンは元々トヨタ発祥の品質管理技術ですが、IT系ではもっと多彩に利用されています。タスク管理に使うこともあれば、買い物リストに使うこともあります。何らかのカテゴライズやステータスに沿ってデータ管理するのに便利です。今回紹介するLucidboardもそんなカンバンシステムの一つです。## Lucidboardの使い方...

List

  • 2019/09/13

Bibliotheca - Webベースの蔵書管理

個人、企業や公共団体などに限らず書籍を多数保管している人は多いです。それらを個人で楽しむだけでなく、他人に貸与する人もいるでしょう。そこで必要になるのが蔵書管理です。管理しておけば、誤って二冊買ってしまうなんて事態も防げます(好んで二冊、三冊買う場合は別です)。そこで使ってみたいのがBibliothecaです。Webベ...

List

  • 2019/09/13

Postwoman - PWAなWeb API開発環境

Web APIはプログラミング言語からの利用を前提としていますので、試す際にもコードが必要です。しかしそのためにHTTPクライアントを操作するコードを書くのは面倒です。そこでPostman

List

  • 2019/09/12

SnippetBin - バージョン管理を備えたスニペットサーバ

ちょっとしたコードを残しておきたいと思う機会は多いです。ローカルに保存しておいても良いですが、他の人と共有する場合はオンラインサービスを使います。社内で共有する場合は、オンラインサービスよりも社内でスニペットサーバを立てたいでしょう。今回紹介するSnippetBinはGitをバックエンドに備えたスニペットサービスです。...

List

  • 2019/09/11

pagemap - Webページにミニマップを追加

長大なコンテンツがある時、自分が今どの位置にあるのか知りたくなります。書籍であればページ数が書かれており、Webサイトであればページネーションを分けたりします。自分の現在位置が分かることで、後どれくらいのコンテンツが残されているか把握できるようになります。そんなミニマップをWebサイトに追加してくれるのがpagemap...

List

  • 2019/09/09

GoodTwitter - Twitterを見慣れたUIに戻す

どんなものでも慣れが存在します。よりいいものを目指していたとしても、かつての仕組みに慣れてしまった人にとっては使いづらく感じるものです。その変化がダイナミックであればあるほど、反発も大きくなるでしょう。TwitterのUIが大きく変わりましたが、それが嫌な人はGoodTwitterを使ってみましょう。元のUIに戻してく...

List

  • 2019/09/08

Anime4K - 高速に画像を拡大

ぼやけた映像をくっきりとさせたり、拡大できるのがwaifu2xです。イラストや写真に特化し、世界中から高い評価を受けています。処理時間が若干長いですが、それだけハイクオリティな成果が得られます。そんなwaifu2xに対抗するのがAnime4Kです。リアルタイムでも処理できる、とする高速さが売りです。## Anime4K...