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

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

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

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

もっと見る

List

  • 2021/01/17

jQuery Numerator - 滑らかなカウントアップ/ダウンライブラリ

アニメーションを一工夫すると、自然な動きを実現できます。物体を単純に移動させるのは簡単ですが、それは自然ではありません。いわゆるイージングを付けることで、自然な動きに近づけられます。イージングは種類も多く、そのアルゴリズムも公開されています。今回紹介するjQuery Numeratorは数字のカウントアップ/ダウンを滑...

List

  • 2021/01/17

Datasette - 大量のデータでも自由に探索

データを作るのは主に開発者の役割ですが、そのデータを分析したり活用するのは開発者ではないことが多いです。そのためデータ分析のインタフェースを用意する必要があるのですが、中途半端なものを作っても満足してもらえなかったりします。そこで使ってみたいのがデータビジュアライズプラットフォームです。今回はDatasetteを紹介し...

List

  • 2021/01/16

imgdiff - 高速な画像差分

テキストで差分を出すのはdiffコマンドなど、多数用意されています。しかしコンピュータ上で扱うメディアはテキストだけではありません。ほかにも画像や動画、音声ファイルなどがあります。それぞれ2つのファイルがあった時に、差分を確認したいと思うのは自然なことです。今回紹介するimgdiffは画像の差分表示に特化したソフトウェ...

List

  • 2021/01/15

Unleash - A/Bテストやユーザテストに使えるフラグ管理システム

Webサービスやアプリを改善する際にA/Bテストは欠かせません。また、ベータ機能を試せるようにしたり、特定のユーザに機能を提供したりすることもあります。そうした時に使われるのがいわゆるフラグで、その状態によって機能を見せたり、逆に消したりします。今回紹介するUnleashはWebベースのフラグ管理ソフトウェアです。##...

List

  • 2021/01/15

Personal Kanban - 個人向けのカンバンシステム

カンバンはチームでのプロジェクトなどに使われることが多いです。しかし、個人的なプロジェクトであったり、プライベートでも使ってみたいと思うことはないでしょうか。面倒なのはそのためにサーバを立てたりする必要があることです。今回紹介するPersonal Kanbanは個人で使えるカンバンになります。## Personal K...

List

  • 2021/01/14

SPCSS - 素のHTMLでも素敵なデザインに

プログラマーにとって一つの鬼門とも言えるのがデザインです。新しいWebサービスを立ち上げようと思って粗く作ったものの、その後のデザインで頓挫してしまってやる気をなくすことは少なくありません。かといって最初からデザインをやると、いつまで経っても開発に入れなかったりします。そこで使ってみたいのがSPCSSです。素のHTML...

List

  • 2021/01/14

つくばの公園 - つくば市内の公園情報を網羅したアプリ

アプリは様々なジャンルがあります。ゲームもいいですが、ユーティリティのように必要な時に役立つもの、便利な情報を提供してくれるアプリもあります。地域に根ざしたアプリは、その周辺に住んでいる人にとってとても役立つアプリになるでしょう。今回紹介するつくばの公園はつくば市に住む人たちにとって役立つ情報を提供してくれます。## ...

List

  • 2021/01/13

3D Book Image CSS Generator - CSSで3D風に書籍を表示

コンピュータ上では2Dが基本です。そのため、3Dのコンテンツがあるとそれだけで見た目にインパクトがあります。それは分かっていつつも作成するのが大変なのが3Dコンテンツです。ちょっとした素材のために3Dソフトウェアで作成というのは面倒です。そこで擬似的な3D表示にチャレンジしてみましょう。今回はCSSを使った3D表現を行...

List

  • 2021/01/13

github-readme-quotes - GitHubのREADMEに名言を表示しよう

GitHubのREADMEに用いるバッジは数多く存在します。たとえばビルド結果を出したり、バージョンを出したりします。多くはそのソフトウェアを知るための情報です。開発者もそうした情報を埋め込むことで、ソフトウェアの信頼を獲得できます。今回紹介するgithub-readme-quotesはそういった信頼性とは一線を画す存...

List

  • 2021/01/12

BangleJS - シンプルで使いやすいWYSIWYGエディタ

開発者であればテキストエリアにMarkdown記法がサポートされていれば十分でしょう。しかしそれ以外の方にとっては不便きわまりないものになってしまいます。やはり見た目のいいエディタがある方が使いやすいはずです。リッチすぎるごてごてしたものはよくないですが、シンプルであれば開発者にとっても使いやすいでしょう。今回紹介する...

List

  • 2021/01/11

Formeo - ドラッグ&ドロップでフォームを作成

お問い合わせや申込時に使われるのがフォームです。柔軟性のあるフォームが欲しいと思っても、なかなか作るのは難しいでしょう。都度開発チームに依頼するのが大変で、Googleフォームなどを頼ってしまいがちです。確かに便利ですが、痒いところに手が届かなかったりもします。そこで使ってみたいのがフォームビルダーです。今回はWebベ...

List

  • 2021/01/10

Convos - Webベース、モダンなUIのIRCクライアント

90年代のインターネット黎明期、個人的にはIRCにどっぷりとハマっていました。その前のパソコン通信よりも手軽で、リアルタイムに会話が行えるのがとても楽しかった思い出があります。IRCはテキストのみでしたが、今でもテキストベースのチャットがメインなのを考えると、根底の部分はあまり進化していないように感じます。今回紹介する...

List

  • 2021/01/10

Koodo Reader - 機能十分な電子書籍管理ソフトウェア

ePubやPDFなど電子書籍コンテンツが増えてきています。少しの文書であればフォルダに入れておけば良いですが、数多くなると管理用のソフトウェアが必要になるでしょう。メモを残したり、ブックマーク機能も欲しくなるはずです。しかもマルチプラットフォームで動くと便利です。今回紹介するKoodo Readerはデスクトップ向けの...

List

  • 2021/01/08

Lilex - 尖ったプログラミング専用フォント

プログラミングを行う際にはフォントにも気を配りましょう。可読性の高いフォント、打ち間違いを防ぐフォントを選ぶことで、より開発効率を高められます。英語の見間違いが起きやすい1とl、Iなどはきちんと見分けられるでしょうか。今回紹介するLilexはかなり特徴的なプログラミングフォントになります。言語によっては見やすくなること...

List

  • 2021/01/08

Kill the Newsletter! - ニュースレターをフィード化

メールボックスに飛び込んでくるニュースレター。あまりの数に辟易していないでしょうか。時々役立つものもあるので解約するまでもないけれど、数が多すぎると嫌になってきます。そこで使ってみたいのがKill the Newsletter!です。専用のメールアドレスを使ってニュースレターをフィード化します。## Kill the ...

List

  • 2021/01/07

Sengi - マルチアカウント対応のMastodonクライアント

Mastodonは一時人気を博しましたが、今はそれほど使われていないかも知れません。しかし、サーバごとに濃い話題を交わせたり、分散型でコンテンツの制約を受けないなど、魅力的な部分が多数あります。今なおMastodonが好きという方も多いでしょう。今回紹介するSengiはデスクトップ向け、そしてWebブラウザでも使えるM...

List

  • 2021/01/06

Panelle.js - マンガのコマ割り用エディタ

マンガは日本が世界に誇るコンテンツです。日々多くのマンガが書かれ、年間数え切れないほどの雑誌やマンガが発刊されています。そのマンガの肝ともいえるのがコマ割りではないでしょうか。今回紹介するPanelle.jsはマンガのレイアウト(コマ割り)を作成するエディタです。## Panelle.jsの使い方メインページです。あら...

List

  • 2021/01/05

piratepx - 画像表示型のシンプルなアクセス解析

Webサイトの解析を行う際にはGoogleアナリティクスなどを利用します。その際、JavaScriptを利用し、Cookie利用の承諾を得たりと手順が面倒です。ユーザにとってもプライバシー情報を多少なりとも取られることに良い気はしないでしょう。そこで使ってみたいのがpiratepxです。JavaScriptを使わない、...

List

  • 2021/01/05

TikZJax - TikZを使ってWebAssemblyでドロー

論文など数式を用いる場合には専用のエディタや機能を使うことが多いです。たとえばLaTeXでは数式の描画用の記法が用意されています。しかし線や円など、汎用的な描画をしたい場合にはTikZなどを用います。今回紹介するTikZJaxはWeb上でTikZ記法が使えるようになるライブラリです。## TikZJaxの使い方記述例で...

List

  • 2021/01/04

MarkdownIt - 書いた内容をホスティングできるMarkdownエディタ

Markdownエディタは多数あります。それぞれに特徴はありますが、多いのはMarkdownを左側に書いて右側にプレビューが出るタイプです。このタイプは慣れている人も多く、ローカルで利用している人もいるでしょう。今回紹介するMarkdownItは2画面型のMarkdownエディタですが、書いた内容をWeb上にホスティン...