ホスティング - githubの記事一覧
診断チャートメーカー - 誰でも簡単に診断チャートを作成
二択の選択に沿って進めていって、最終的に何らかの診断がくだされる診断チャートは人気があるコンテンツです。動物占い的なものであったり、自分の特性に合わせた性格診断など、誰もが一度はやったことがあるでしょう。そんな診断チャートを自作できるのが診断チャートメーカーです。## 診断チャートメーカーの使い方トップページです。自作...
SVGuitar - SVGでギターコードを表示
ギターはコードを覚えて弾き方をマスターしていきます。今はオンライン上にもたくさんのギターコードがアップロードされています。しかし、表示形式が特殊なので、画像でできているものが殆どです。画像の場合、別なコードを作成したり、修正するのも面倒です。そこで使ってみたいのがSVGuitarです。## SVGuitarの使い方左側...
Quotebacks - コンテンツ引用をしやすくするGoogle Chrome機能拡張
Webはページ同士がリンクで繋がって構成されています。その際、単にURLを付けるだけでもいいですし、内容を引用することもできます。引用を使うことで、リンク先の内容が分かりやすくなり、誘導につなげることができます。今回紹介するQuotebacksはそんな引用をしやすくするGoogle Chrome機能拡張になります。##...
Gorched - ターミナルで動くタンクゲーム
タンクゲームはルールが簡単でついハマってしまいます。向き合ったタンクから順番に弾を撃ち合って、相手に先に当てた方が勝ちです。障害物が多く、弾道はそれらを計算した上で飛ばさなければいけません。今回紹介するGorchedはGoで作られたタンクゲーム、しかもターミナル上で動きます。## Gorchedの使い方ゲーム開始です。...
Photon - WebAssemblyで高速画像編集
WebAssembly（WASM）の大きな特徴として、その実行速度が挙げられます。Webブラウザ上で実行されるJavaScriptでは限界があった速度も、WebAssemblyであればネイティブ並の速度で実行できます。そんな実行速度の速さを活かしたソフトウェアがPhotonです。WebAssemblyの力で画像を処理し...
tubuler - 簡単に使えるyoutube-dlのGUIラッパー
YouTube動画をダウンロードしておきたいと思ったことはないでしょうか。誰かがアップロードした動画は常にあるとは限りません。いつ消えてしまうか分からないだけに、手元に残しておきたい場合もあるはずです。そこで使えるのがyoutube-dlですが、CLIなので人によっては使いづらいでしょう。そこで使えるのがtubuler...
Grid.js - React/Angular/VueをサポートしたHTMLテーブルライブラリ
HTMLで使ってデータをテーブル表示するのは簡単です。しかし、ちょっとUIをよくしたり、ソートなどの機能を追加しようと思うと、途端に面倒になります。素のHTMLのままではとても使い勝手がいいとはいえません。そんなHTMLテーブルを手軽に高機能化してくれるライブラリがGrid.jsになります。## Grid.jsの使い方...
Notence - Markdownとカンバンをサポートしたノートアプリ
メモを取る用のノートアプリはどんなものを使っているでしょうか。普段使っているテキストエディタをそのまま利用している人も多いはずです。しかしテキストエディタでは記述できるフォーマットに限界があるのが問題です。今回紹介するNotenceはリストとカンバン、二つの記述方法をサポートしたノートアプリになります。## Noten...
WiFi Login Card - WiFi接続情報を載せたカードを作成
コワーキングスペースやイベント会場に行くとWiFiのSSIDとパスワードが書かれた紙があります。それを入力しないとインターネットにつなげられないので、とてもアナログな操作が求められます。これはとても面倒です。そこで使ってみたいのがWiFi Login Cardです。WiFiの接続情報を記述したQRコードを手軽に作成して...
Image Scrubber - Webブラウザで上でプライバシーに配慮した写真加工を行う
この記事が一般公開される頃にはBLMも落ち着いているでしょうか。欧米ではBLM運動が活発に行われており、様々な余波が生じています。今はソーシャルの時代であり、デモで撮影された写真があっという間に拡散されています。そうやって撮影された写真には肖像権があり、おいそれとアップロードするのはよくありません。まず最低限の処理をI...
TitleRun - これならバレない！タイトル部分で行うゲーム
仕事中に堂々とゲームをやるのは難しいですが、多少の息抜きがあってもいいのではないでしょうか（あくまでも個人の意見です）。問題はいかに見つからないかになりますが、ぱっと見で分からなければ問題ないでしょう（あくまでも個人のry）。今回紹介するTitleRunはWebブラウザのタイトル部分を使って行うゲームになります。## ...
Airshare - LANでファイル共有するコマンド
最近では各家庭でコンピュータとスマートフォン、タブレットが混在しています。しかしファイルサーバのようなものはないので、データの受け渡しにメッセージアプリやメールを使っていたりしないでしょうか。そこで使ってみて欲しいのがAirshareです。LAN内でファイルを授受するのに使えるファイル共有ソフトウェアです。## Air...
tailblocks - Tailwindをベースにしたブロックデザインパターン
CSSフレームワークとしてTailwindが知られています。画一的なデザインを提供するBootstrapなどと異なり、個別のスタイルのみを提供します。UI部品にする際には、それらのスタイルを組み合わせて自作する必要があります。より自由度が高く、作業を効率化してくれるフレームワークです。そんなTailwindを使ってブロ...
Excalidraw Claymate - Excalidrawを使ったアニメーション作成ソフトウェア
教科書や書籍の端っこでパラパラ漫画を書いた経験は多くの人があるはずです。その際には前の絵とちょっとだけずらして書いていくのがポイントになります。ちょっとずつずらして書くのを繰り返すことで、一気にページをめくると動いて見えるようになります。そんなパラパラ漫画風のアニメーションGIFを作れるのがExcalidraw Cla...
Tweeter Go - ツイート機能のみのTwitterクローン
Twitterっぽいアプリを作ってみたいと考える人は多いようです。本家は多機能ですが、ツイートしたり、フォローするような仕組みだけ見れば、他でも使えそうなテクニックになりそうです。ソーシャルネットワークアプリの基礎ともいえます。もしGoを使うならばTweeter Goが参考になるかも知れません。ミニTwitterクロー...
Color Copy Paste - リアルの物体から色情報を取得
任意の場所から色情報を取得してくれるカラーピッカーは便利な機能です。Webブラウザでも使っていますし、プレゼン作成ソフトウェアや画像編集ソフトウェアでもよく使います。今回紹介するColor Copy Pasteはそんなカラーピッカーソフトウェアなのですが、抽出する対象が異なります。それはリアルの物から色情報を取得するの...
printf-tac-toe - 難解なコードのマルバツゲーム
tic-tac-toeというのは日本でいうマルバツゲームのことです。3×3の枠の中で3つ、先に並べた方の勝ちになります。誰もが一度は遊んだことがあるでしょう。ルールもやることもシンプルなので、プログラミングの学習にも向いています。そんなマルバツゲームをより複雑に描いたコードがprintf-tac-toeになります。でき...
Live.js - JavaScriptを読み込むだけで使えるライブリロードライブラリ
Webサイトを開発している時には、その修正内容を素早く確認したいはずです。ライブリロードやホットリロードといった技術もありますが、専用のサーバなどを用意するのでちょっと手間です。そこで使ってみたいのがLive.jsです。JavaScriptを読み込むだけで使えるライブ/ホットリロードを実現します。## Live.jsの...
CLaD ASCII - アスキーアート製ミュージックビデオ
ミュージックビデオはミュージシャンにとって、音楽を知ってもらうために大事な作品です。しかしコロナウイルスの影響や、遠隔地に住むグループではすぐに集まって撮影するのが難しいです。Charlotte Light and Darkもそんなミュージシャンの一つです。そこで彼らはアスキーアート製のミュージックビデオを作ることにし...
MapGenerator - 空想のリアルな地図を生成
ゲームや小説などで街の地図が欲しくなることがあります。現実のものを使ってもいいですが、地図サービスのデータは著作権が関わってきます。それに現実のものでは創造性が阻害されてしまうかも知れません。そこで使ってみたいのがMapGeneratorです。架空の地図を自動生成してくれるソフトウェアです。## MapGenerato...