ホスティング - githubの記事一覧
AKAINO WARAI - Twitter上で遊べるミニゲーム
TwitterにはWebサイトを埋め込める機能があります。それは主にアニメーションGIFであったり、動画を再生させるための機能なのですが、特に機能的に限定されている訳ではないようです（規約上は制限されているようです）。そんな機能を使って作られたのがAKAINO WARAIになります。Twitter上で動く福笑いアプリで...
Flokk - GitHub/Twitterと連携したコンタクト管理
メールを送る機会は数年前に比べるとずっと減っている気がします。FacebookやTwitter、Slackで連絡する方が早くて手軽です。アドレス帳といわれるものも、その存在を考えるべきかも知れません。FlokkはGitHubとTwitterに注目したコンタクト管理ツールになります。Webやデスクトップアプリケーションと...
XP Paint - 懐かしいWindows XPのペイントアプリをWebアプリケーションとして再現
少し前ではローカルでしか実行できなかったようなアプリケーションが、今ではWebブラウザ上でさくさく動くようになっています。それによってOSの垣根を越えて、自由に使えるようになるでしょう。今回紹介するのは懐かしいWindows XPベースのPaintアプリを再現したXP Paintです。## XP Paintの使い方メイ...
MonitorControl - モニター毎に輝度とボリュームを設定
macOSではモニターの輝度やボリュームを設定する際に、モニターを指定することができません。複数モニター使っている人にとって、全体で統一された設定になるのは好まないこともあるでしょう。そこで使ってみたいのがMonitorControlです。外部モニター一つ一つに対して輝度とボリュームを指定できます。## Monitor...
FontCDN - GoogleのWeb Fontをまとめてプレビュー
GoogleではWebフォントを無料で公開しています。サイズが大きくなりがちなWebフォントをGoogleが高速なCDNで配信し、さらに多数のWebサイトで共有することでキャッシュも有効になります。日本語フォントはあまり多くありませんが、多少のフォントは対応しているようです。そんなWebフォントでの表示をまとめて確認で...
code2img - コードを画像化するコマンド
プログラミングコードをブログの中に差し込んで表示したいと思うことがあります。しかしブログエンジンにコードのハイライト機能がなかったらどうなるでしょうか。酷い、読みづらいコードが表示されてしまうかも知れません。読みづらいものよりは、まだ画像の方がマシなこともあります。そんな時に使えるのがcode2imgです。## cod...
map33.js - Three.jsを使って3D地図を生成
ただ地図を表示するだけでも面白いのに、それが立体になるとさらにワクワクします。これはGoogleアースなどで立体的な地図を見た時、誰もが感じた感情でしょう。立体化されることで、より体験がリアルに感じられます。今回紹介するmap33.jsはWeb上で地図を立体的に表示してくれます。建物などではなく、等高線に基づいた立体化...
orri - シンプルな静的ホスティングサービス
ここ数年、静的Webサイトホスティングが盛んです。Amazon S3のような完全静的なもの、GitHub PagesのようにJekyllなど特定のエンジンに対応するもの、Netlifyのように様々なカスタマイズが可能なものなど多数あります。今回紹介するorriは、その中でも強力な静的エンジンかも知れません。限定されたル...
Noteless - Flutter製のMarkdownエディタ
Dart、そしてFlutterを使うことでiOS/Android両方に対応したモバイルアプリが開発できます。UIが独自なので、どこまで作り込めるかが若干未知数なのですが、現在多くのアプリがFlutterで作られ始めています。今回はFlutter版のMarkdownエディタ、Notelessを紹介します。執筆時点ではAn...
termplotlib - CUIで綺麗なグラフを生成
Pythonは機械学習やデータ分析で使われる機会が増えています。そうした時に必要なのがデータのビジュアル化、可視化ではないでしょうか。グラフィックスを表示したり、グラフでデータを可視化することで、トレンドが理解しやすくなります。PythonをWebやGUIで使っているならmatplotlibが便利ですが、CUIならばt...
xcodes - Xcodeのバージョン管理ツール
Xcodeは最新のものを使うのが基本ですが、場合によっては古いバージョンを使わないといけないこともあります。さらに最新といってもベータと共存させて新しいiOS向けの開発と同時にこれまでのものをメンテナンスする機会も多いです。そんな様々なバージョンが混在するXcode環境を効率的に管理できるのがxcodesです。## x...
Purrito Bin - 暗号化にも対応したPastebinライクなサービス
ちょっとしたテキストやプログラミングコードを共有したい時にGistやPastebinといったサービスを使います。匿名で使えるものもあり、Pastebinではパスワードのリークなどに使われたりもします。今回紹介するPurrito Binはコマンドラインから使えるファイルアップロードサービスで、暗号化にも対応しています。#...
cutlet - 日本語をローマ字に変換
日本語に限りませんが、英語以外の文字を効率よく扱おうと思うと苦労します。今でこそUTF-8が当たり前ですが、かつては文字エンコードでさえ悩みどころでした。さらに英語にしか対応していないシステムがあり、日本語を除去して対応するなんて経験も少なくありません。今回紹介するcutletはかつての懐かしいkakashi相当の、日...
tunnelto - オープンソースのngrok代替
ローカルで作っているサービスを一時的に外部公開したい時、昔はダイナミックDNSを使っていました。しかし、これでは直接外部からコンピュータにアクセスできるのでセキュアではありません。そこで最近では外部サーバとローカルサーバを接続して、外部サーバ経由で使う方法が主流です。今回紹介するtunneltoはそんなサービスを実現す...
Ward - ポップなデザインのシステム管理画面
一般的に開発者向けに作られるものは、UIが質実剛健で、簡素なものが多いように感じます。必要な情報だけを並べて、遊び心は少ないのではないでしょうか。それでもいいのですが、どうせなら触っていて楽しい気持ちになれるものがいいですよね。今回紹介するWardはサーバのダッシュボードUIになります。デザインがほんの少しポップです。...
ベクトルタイルを用いた3D風地図 - 地図上にベクトルタイルの建物データを表示
地図好きな人は大勢います。地図を見ているだけで、その街を空想したり、旅している自分を想像できます。さらに最近ではストリートマップや、写真によって、自分が本当にいるかのように感じることだってできるようになりました。今回紹介するベクトルタイルを用いた3D風地図は、地図の上に3Dオブジェクトを配置し、建物データを描画するデモ...
Gantt Chart - SVG/Canvas/SSRをサポートしたガントチャート
プロジェクト管理で度々使われるのがガントチャートです。タスク間のつながりが分かり、どのタスクがネックになるかが明確になります。また、スケジュール全体の進行状況であったり、担当者ごとのタスク量も分かります。そんなガントチャートを綺麗に表示してくれるライブラリがGantt Chartです。## Gantt Chartの使い...
Screenshot.Rocks - スクリーンショットを使ってWebブラウザのモックアップを作成
スクリーンショットをそのまま貼り付けるだけでは芸がありません。そこには余計な情報も入ってしまっているかも知れませんし、アイコンなどを消したいと思うこともあります。そんな時に使ってみたいのがScreenshot.Rocksです。Webブラウザのモックアップを使ったスクリーンショットを作成します。## Screenshot...
Fwitter - Flutter製のTwitterクローン
アプリの面白さを知る上で、実際にクローンサービスを作ってみるという手があります。クローンを作れば、どういった動作をしているのか、どんな機能が必要なのも分かるでしょう。今回紹介するFwitterはFlutterで作られたTwitterクローンになります。バックエンドにFirebaseを使うことで、多数の機能が実際に利用で...
OpenAPI Map - OpenAPI Speficaitionをチャート化
情報は一覧で出した方がいいことも、ビジュアル的に出した方がいいこともあります。それによって複雑性や、全体像の把握のしやすさが異なるでしょう。閲覧側が自由に選択できると便利です。今回紹介するOpenAPI MapはOpenAPI Specificationのファイルをビジュアル化してくれるソフトウェアです。## Open...