ホスティング - githubの記事一覧
CodePicks - React Native製のニュースアプリ
最近、テックメディアが目立つようになっています。主にキュレーション系で、あまりに多くなっている情報をサマライズしたり、絞り込んで提示してくれます。限られた時間の中で効率的に情報収集できるのが便利です。そんなテックメディアを提供するアプリがCodePicksです。## CodePicksの使い方トップ画面です。!
Translate side by side - 翻訳前後の文章を横並びで表示するGoogle Chrome機能拡張
Google翻訳を使って英語ページを日本語にしている人は多いかと思います。そんな時、変な訳にぶつかって原文を確認したいと思うこともあるでしょう。Google翻訳ではページ全体の翻訳または原文表示の2パターンしかサポートされていません。これは不便です。そこで使ってみたいのがTranslate side by sideです...
wechsel - Bluetooth機器を管理するユーティリティ
Bluetooth対応のデバイスが増えています。キーボードやマウスは当たり前として、ヘッドフォンやスマートフォンなどもBluetoothでデータを送受信できます。そうなると接続や切断の管理が面倒になってきます。そこで使ってみたいのがwechselです。キーボードショートカットでBluetoothの接続、切断を簡単に行え...
WebGL Fluid Simulation - 流体の動きをシミュレーション
流体の動きは実に不思議です。そもそも私たちに最も身近である水ですら、とても不思議な特性を持ち合わせています。水の上に水彩絵の具を垂らして、それが広がっていく様子を楽しんだり、紙に写し取ったりして遊んだ経験は誰もがあるのではないでしょうか。そんな流体の動きをシミュレートしたのがWebGL Fluid Simulation...
ttimer - CUIのタイマー
決められた時間は作業に集中したり、カップラーメンにお湯を入れたりした際にタイマーがよく使われます。スマートフォンのタイマー機能を使っても良いですが、PCのディスプレイから目を離すのが面倒だったりします。そこで使ってみて欲しいのがttimerです。ターミナル、コマンド一つで使えるカウントダウンタイマーです。## ttim...
Run on Google Cloud - GitHubのコードをGoogle Cloudでワンクリックデプロイ
GitHub連携のアプリケーション、Webサービスは多数ありますが、その中でも個人的に好きなのがHerokuボタンです。ボタン一つでアプリケーションをHeroku上にデプロイできる魅力的な仕組みです。ダウンロードして設定してデプロイ…などは毎回やっていると飽きてしまいます。今回紹介するRun on Google Clo...
Zdog - SVGやCanvasにドロー
Illustratorなどで描いたキャラクターも、そのままでは単なる絵と変わりません。SVGであれば、JavaScriptを使ってインタラクティブな操作が実現します。そうすれば、画像とは違った楽しみ方が生まれるでしょう。今回紹介するZdogはJavaScriptでイラストを描き、3Dのように回転もできるライブラリです。...
CSS Grid Generator - CSSグリッドを簡単に作成
CSS3ではグリッドが簡単に作れる機能が実装されていますが、テキストできちんとした設計を行うのは大変です。左右の関係を考えながら組むのですが、入れ子になっていたりするとすぐに破綻してしまいます。最初の設計をきちんと行わなければなりません。そこで使ってみたいのがCSS Grid Generatorです。Webブラウザ上で...
ojichat - おっさんっぽいメッセージを生成
筆者自身が40歳になり、すっかりおっさん世代に入っているのですが、それ故に精神や態度、肉体的におっさんな人たちは嫌いです。痛々しい若さアピールは嫌ですが、下の世代に嫌がられない振る舞いは大事ではないでしょうか。そんな私の嫌いなおっさんを体現してくれるのがojichatです。おっさんがチャットで送信しそうなメッセージを生...
Charm - マルチプラットフォームで動作する時間管理
一日は24時間しかありません。これは誰もが共通で、伸ばすことも縮めることもできません。与えられた共通の時間の中で、何を生産するかが大事です。ぼおっとしていても一日、パワフルに働いても一日です。生産性を高めるためには、まず自分の時間の使い方を知らなければなりません。そこで使えるのがCharmです。## Charmの使い方...
CSS-Only Chat - JavaScriptを使わないWebチャット
技術の凄さを感じるのはどんな時か。一見すると無理と思えるようなことを実現できてしまっている時もその一つです。最近では機械学習を用いて粗い映像を高画質化するプロジェクトもあります。SFと思わんばかりの世界が実現しようとしています。今回紹介するCSS-Only Chatもすごいです。JavaScriptを使わずにリアルタイ...
Automatic App Landing Page - アプリ用Webサイトテンプレート
個人または企業でアプリを作っている人は多いですが、それらのランディングページはちゃんと作っているでしょうか。アプリを作るのに必死で、Webサイトは適当になってしまっているケースは多いようです。それではダウンロードにも結びつきづらいでしょう。今回紹介するAutomatic App Landing Pageはアプリ用のWe...
Tetris - Zig製のテトリス
最近、あらゆるプログラミング言語でテトリスを作る試みが行われいるのでしょうか。かつてはWikiや掲示板が作られていましたが、テトリスもシンプルなルールですし、ゲームとしてのインタフェースの面白さもあります。今回紹介するTetrisはZigというプログラミング言語を使って作られたテトリスです。## Tetrisの使い方画...
adhosts - 広告サービスのドメインを無効化
アドブロック機能拡張などを使って広告を非表示にするのが流行っていますが、最近ではアドブロックを検知してメッセージを出すWebサイトも増えています。いたちごっこではあるのですが、非常に煩わしい戦いです。そこで使ってみたいのがadhostsです。アドブロック戦争に終止符を打つかも知れません。## adhostsの使い方ad...
Uguu.se - テンポラリファイル共有
ファイルを共有するというのは、何らかのサービスを使っていれば簡単なのですが、繋がっていないもの同士だと非常に面倒です。Apple同士であればAirdropがありますが、異なるOSだとさらに面倒になります。そこで使ってみたいのがUguu.seです。一時的なファイル共有として使えるサービスです。## Uguu.seの使い方...
sqleton - SQLiteのデータベース構造をSVGで可視化
データベース設計を定期的に確認することで、全体が分かりづらくなっていないか、不要なカラムが追加されていないかなど健康状態をチェックできます。そんな時、Excelなどではなくビジュアル化されていると分かりやすいでしょう。そこで使ってみたいのがsqletonです。データベース構造をSVGファイルにしてくれます。## sql...
konstellate - Kubernetesの設定をビジュアル化
Kubernetes（以下k8s）は設定ファイルを記述してアーキテクチャを指定しますが、慣れるまでは設定が抜けてしまったり、うまくリンクできなかったりします。さらに設定が複雑化すると、全体を俯瞰的に確認したいと思うことでしょう。そこで使ってみたいのがkonstellateです。k8sの設定内容をビジュアル化します。##...
drawgon - Web上でドロー
Web上で絵を描こうと思うとCanvasタグを使って行います。そして、そこに描かれた情報は画像としてダウンロード可能です。しかし、ベクターデータとして（SVGとして）欲しい場合もあるでしょう。そこで使ってみたいのがdrawgonです。Web上で使えるドローイングアプリケーションです。## drawgonの使い方最初にサ...
watchexec - ファイルが変更されたらコマンド実行
ファイルを編集したら何かを実行したい、というのは良くあるニーズです。webpackやgulpなどを使えばできますが、JavaScriptが関係ないところでは用意が面倒だったり、大げさに感じてしまうでしょう。Shellスクリプトでもできますが、開発者でないと使いづらそうです。そこで使ってみたいのがwatchexecです。...
a2hs.js - iOSでもAdd to Home Screen
PWAに注目が集まっていますが、Androidに比べてiOSの対応は今なお微妙です。アプリケーションのようにインストールできるのですが、その手順も分かりづらく、インストールを促すバナーも出せません。これではiOS向けにはなかなか普及しないでしょう。それを若干でも改善できるのがa2hs.jsです。iOS向けにユーザビリテ...