ホスティング - githubの記事一覧
Terminal Lite - Flutter製のターミナルエミュレータ
Flutterを使うことでマルチプラットフォームに対応したソフトウェアが開発できます。元々AndroidとiOSに対応していましたが、さらにWindowsやmacOS、そしてWebまで幅広いプラットフォームに対応しています。今回紹介するTerminal LiteはそんなFlutterを使ってターミナルを開発した例になり...
Water.css - シンプルなWebサイトをちょっと良い感じに
HTMLは自由な表現が可能ですが、素のままでは本当に貧相な表示になります。かといって気の利いたデザインを作るのは大変です。一部の表現が足りないために、全体のバランスが崩れてしまうことも多々あります。そこで使ってみたいのがWater.cssです。読み込むだけで、Webサイトをそれっぽくしてくれます。## Water.cs...
CharaTypeSeparator - 文字種ごとにCSSを適用して文字詰めをサポート
テキストの表示は読みやすさ、分かりやすさという観点において大事な視点です。広がりすぎても読みづらく、狭くても読みづらいものです。さらに文字種によって適切な幅は異なるので、問題が複雑化します。今回紹介するCharaTypeSeparatorは文字種をスタイルとして適用してくれるJavaScriptライブラリになります。#...
Placeholder service - 自分で立てる画像のプレイスホルダーサーバ
画像のプレイスホルダーはWebサイトやアプリのモックアップを作るときに重宝します。情報量が多い画像を使うと本質を見失いがちです。グレー表示などの画像であれば、サイトの構成など、必要な場所だけに目を配れます。今回紹介するPlaceholder serviceは自分で立てるプレイスホルダーサーバです。自由な大きさに画像を生...
signal - Webブラウザではじめる作曲生活
音楽制作をはじめようと思うと、さまざまな機材が必要になります。ずっと制作しているならば用意した方がいいですが、時々しかしない時に機材を購入したり、引っ張り出してくるのは面倒です。そのせいで制作意欲が削がれてしまうのは勿体ないことです。今回紹介するsignalはWebブラウザだけで使える音楽制作ソフトウェアです。今すぐに...
go-stare - CUIでWebサイトのスクリーンショットを取得
CLIでWebサイトのスクリーンショットを撮るソフトウェアは、大半がChromiumをヘッドレスで立ち上げています。そして非表示状態でレンダリングしたWebサイトの内容を画像として保存しています。多くの場合、Node.jsで作られることが多かったのですが、go-stareはGo言語で作られているのが特徴です。## go...
GitHub Breakout - GitHubのアクティビティグラフがブロック崩しに
GitHubの活動を可視化するアクティビティグラフは、開発者の記録としても使われるようになっています。そんなアクティビティグラフを遊ぶべく、自由な絵を描くソフトウェアは有名です。そろそろ、もっと新しい遊び方（？）が欲しくなっていることでしょう。そこで使ってみたいのがGitHub Breakoutです。アクティビティグラ...
Go-Diagrams - Goを使ってネットワーク図を描く
システム用の図を書く場面はよくあります。特にプロジェクトでのネットワーク図であったり、アーキテクチャをまとめたりするのによく書くことでしょう。ドロー用のソフトウェアを使ってビジュアルで描くこともできますが、メンテナンスが面倒だったり、専用のソフトウェアをインストールしないといけません。そこで使ってみたいのがGo-Dia...
Boop - エディタ内部でちょっとしたコマンドを実行
プログラミングエディタには選択したテキストを大文字に変換したり、置換で置き換えたりする機能があります。Markdownエディタであればリンクや画像用の記法を埋め込む機能もあるでしょう。ただ文字を書くだけでなく、プログラマブルな使い方ができるのです。今回紹介するBoopは、そんなプログラマブルな機能を際立たせたエディタに...
Spotify Downloader - SpotifyのプレイリストからYouTubeの楽曲をダウンロード
Spotifyは今や世界有数のストリーミング音楽サービスとなっています。世界中の人たちがSpotifyを使って音楽を聴いています。ストリーミングなので、音楽が突然なくなってしまうこともあるでしょう。そして、それがショックな人が多いのも確かです。今回紹介するSpotify DownloaderはSpotifyのプレイリス...
vue-easytable - Vue用の高機能テーブルコンポーネント
Webページでテーブル表示はよく使われますが、デフォルトでの機能の少なさには失望させられます。その結果、使い勝手の悪いテーブルで我慢するか、自分たちで機能を追加しなければなりません。今回紹介するvue-easytableは名前の通り、Vueで使えるテーブルコンポーネントになります。## vue-easytableの使い...
player.html - ディレクトリインデックス代わりに使える動画プレイヤー
Apacheやnginxにはディレクトリインデックス機能があります。これを使えばHTMLファイル以外のコンテンツを公開する際に、ディレクトリに放り込めばいいだけです。しかし単なるリストであり、見栄えはよくありません。もし公開するのが動画であれば使ってみたいのがplayer.htmlになります。プレイヤー付きで格好良いイ...
onhold - コマンドの実行中/完了時に音楽を奏でる
シェルコマンドの実行時間が長いために、他の作業に移動してしまって気がついたら終わっていたなんてことがあります。終わったら通知してくれればいいのに…と思いつつ、毎回同じことをやってしまっていないでしょうか。今回紹介するonholdは、シェルの実行が終わったら好きな音楽を流してくれるソフトウェアです。## onholdの使...
Lofimusic.app - Lo-Fiミュージックを聴いてリラックス
新しい曲を高音質で聴くのもいいですが、レコードやラジオなど、それほど音質の高くない環境でゆったりとした曲を聴くのも悪くありません。結局のところ、音楽のよさは人それぞれ、TPOに応じて変わるということでしょう。今回紹介するLofimusic.appは、YouTubeのLo-Fi音楽をラジオ風に聴けるアプリケーションです。...
lookatme - ターミナル用のプレゼンテーションツール
プレゼンテーション用のスライドといえばPowerPoint、Keynote、Googleスライドを使っている人が多いでしょう。よく見るだけに、作る人も見る人も飽きてしまっているかも知れません。そこで作成ツールを変えて、新しいスライドでインパクトを与えてみるのはいかがでしょうか。今回はターミナルで動くlookatmeを紹...
glitch-image - 画像にグリッチ加工を行う
グリッチは画像などのバイナリデータをわざと壊すことで、映像に乱れを起こす加工技術です。乱れによってちょっとした不安感を感じさせたり、空気の乱れやSF的な効果を呼び起こせます。そんなグリッチを任意の画像に適用できるライブラリがglitch-imageです。## glitch-imageの使い方適用した画像です。!
RiggingJs - 機械学習を使ってWebカメラの人物に沿って3Dモデルを動かす
機械学習はさまざまな分野で活用されています。画像や動画の分析で使われていることも多いです。人の目で見れば認知できる情報も、従来のアルゴリズムではコンピュータには判別しがたいものでした。しかし、機械学習の柔軟性によって乗り越えられています。そんな機械学習を使ってスケルトンモデルに動きを与えられるのがRiggingJsです...
tmpmail - テンポラリメールアドレスをコマンド一つで発行
メールアドレスを登録しないとダウンロードできないコンテンツ、よくありますよね。コンテンツは欲しいものの、後で嫌というほどメールマガジンが送られてくると思うと嫌気がさします。そんな時に使えるのがテンポラリなメールアドレスです。今回紹介するtmpmailはそんなテンポラリメールアドレスを提供する1secMail
Online GitHub Contributor Graph Generator - GitHubのアクティビティグラフで自由に絵を描く
GitHubでは日々の活動（Gitログ）によってアクティビティグラフが描かれます。それによって毎日開発を続けようと思いますし、モチベーションにしている人も多いでしょう。あのグラフはサーバ側で制御しているものではないので、Online GitHub Contributor Graph Generatorのような仕組みを使...
CenterTaskbar - タスクバーのアイコンを中央に寄せる
Windowsのタスクバーはアプリケーションの切り替えや常駐プログラムの呼び出しなどに使われています。常に画面下や左右にあるので、ほとんど気にすることもないでしょう。そんなタスクバーに並んでいるアイコンを中央に寄せて表示するのがCenterTaskbarです。## CenterTaskbarの使い方デフォルトの表示です...