プログラミング言語 - TypeScriptの記事一覧
Google Meet Mute Toggler - ツールバーからマイク音声をオンオフ
オンラインでのミーティングが増えるのに伴って、音声がミュートのまま話してしまったり、逆にミュートだと思っていたらマイクが入っていたという失敗を見かけるようになりました。やらかした人も多いのではないでしょうか。そこで使ってみたいのがGoogle Meet Mute Togglerです。Google Chromeのツールバ...
TakeNote - データベース不要なWebベースのメモ環境
Webベースのテキストエディタは多数あります。データベースを利用するものもありますが、その分セットアップが面倒です。データがクラウドに保存されるのはいいですが、セキュリティ的なリスクもあります。今回紹介するTakeNoteはローカルのストレージにデータを保存します。みんな、または個人で使えるメモ環境です。## Take...
Piping Server - HTTPを使ったパイプライン
UnixやLinuxではコマンドをパイプする機能があります。あるコマンドの出力を次のコマンドに繋ぐことで、複雑な処理を一度にできるようになります。開発者であればよく利用する機能でしょう。しかし、このパイプラインはローカルマシン内でしか使えません。便利な機能なパイプをネットワーク越しでも可能にしよう、それがPiping ...
reflect - 理由を述べれば解除してくれるWebサイトブロッカー
仕事中だと分かっていながら、ついつい見てしまうWebサイトがありませんか。ソーシャル系や動画共有サイトは、ほんの少しだけと思って見始めて気付いたら1時間経っていたなんてこともざらです。そうしたWebサイトはブロックしなければいけません。今回紹介するreflectは緩い雰囲気のWebサイトブロッカーです。## refle...
Personal Kanban - 個人向けのカンバンシステム
カンバンはチームでのプロジェクトなどに使われることが多いです。しかし、個人的なプロジェクトであったり、プライベートでも使ってみたいと思うことはないでしょうか。面倒なのはそのためにサーバを立てたりする必要があることです。今回紹介するPersonal Kanbanは個人で使えるカンバンになります。## Personal K...
3D Book Image CSS Generator - CSSで3D風に書籍を表示
コンピュータ上では2Dが基本です。そのため、3Dのコンテンツがあるとそれだけで見た目にインパクトがあります。それは分かっていつつも作成するのが大変なのが3Dコンテンツです。ちょっとした素材のために3Dソフトウェアで作成というのは面倒です。そこで擬似的な3D表示にチャレンジしてみましょう。今回はCSSを使った3D表現を行...
pdf-translate-replacer - PDFのテキストをGoogle翻訳/DeepL翻訳する際のお供に
Google翻訳やDeepLの登場によって英文を手軽に翻訳できるようになりました。とても便利なのですが、テキストをちゃんとコピーできていないと翻訳後の結果が読みづらいものになります。これは特にPDFで発生します。そうした困りごとを抱えていた方はpdf-translate-replacerを使ってみましょう。PDFから貼...
Kill the Newsletter! - ニュースレターをフィード化
メールボックスに飛び込んでくるニュースレター。あまりの数に辟易していないでしょうか。時々役立つものもあるので解約するまでもないけれど、数が多すぎると嫌になってきます。そこで使ってみたいのがKill the Newsletter!です。専用のメールアドレスを使ってニュースレターをフィード化します。## Kill the ...
Sengi - マルチアカウント対応のMastodonクライアント
Mastodonは一時人気を博しましたが、今はそれほど使われていないかも知れません。しかし、サーバごとに濃い話題を交わせたり、分散型でコンテンツの制約を受けないなど、魅力的な部分が多数あります。今なおMastodonが好きという方も多いでしょう。今回紹介するSengiはデスクトップ向け、そしてWebブラウザでも使えるM...
Copy Guard - 不正なクリップボード操作を監視するGoogle Chrome機能拡張
JavaScriptにはクリップボードのAPIが用意されています。それを使うことでクリック一つでコピーしたりできます。便利な反面、ユーザが意図していない情報をコピーさせることもできてしまいます。そうした意図しない情報コピーに対して警告を出せるのがCopy Guardになります。## Copy Guardの使い方テキスト...
QR Scanner CLI - CLIでQRコードを読み取り
QRコードをよく見かけるようになりました。スマートフォンやタブレットで手軽に読み取れるので、多くのWebサイトで表示されています。しかしデスクトップやノートパソコンでQRコードが表示されても困ってしまいます。そこで使ってみたいのがQR Scanner CLIです。CLIで使えるQRコードリーダーです。## QR Sca...
Grist - Webベースの表計算ソフトウェア
表計算ソフトウェアは日本のビジネスを支えていると言っても過言ではないでしょうか。Microsoft Excelはもはや表計算の枠を越えて使われており、ドキュメントやデータベース、テスト管理など要素は様々です。さらにGoogleスプレッドシートも数多く使われています。今回紹介するGristもまたWebベースの表計算ソフト...
TypeScriptToLua - TypeScriptをLuaに変換
世の中には様々なプログラミング言語がありますが、モダンなものほど似通って感じます。一つの言語をベースにして、後は方言を書き換えるような具合で別な言語に移行できたりします。そうなると、一つの言語から自動でコンバートもできるのではないかと期待してしまいます。その実装例として見てみたいのがTypeScriptToLuaです。...
Yana - メモ/タスク管理/スニペットを一元管理するノートアプリ
あなたはメモをどこに取っていますか。適当なテキストファイルに書いて、どこかに保存していたりしないでしょうか。その結果、デスクトップにメモファイルが散在してしまって、どこに何をメモしたかも分からなくなっていたら悲惨です。メモは適切に管理しましょう。今回紹介するYanaは強力な編集機能を備えたノートアプリです。## Yan...
Plaiceholder - 画像をぼかしてプレイスホルダー化
Webサイトやアプリのデザインを考える際に使われるのがプレイスホルダーと呼ばれるモック的な画像です。単純にサイズを明記しただけのものもありますが、多少は情報があった方がそれっぽくなります。今回紹介するPlaiceholderは既存の画像をベースにプレイスホルダー化するライブラリです。## Plaiceholderの使い...
Covid Event Risk Calculator - 地域によって異なるコロナウイルスリスクを計算
新型コロナウイルス（COVID−19）によってわたしたちの生活、仕事環境は一変しました。今なお、大人数で集まることは推奨されていません。ある程度の人数が集まり、会話をすることによって新型コロナウイルスに罹患する可能性が高まるからです。そんな罹患する可能性を計算してくれるのがCovid Event Risk Calcul...
Ordinary Puzzles - モバイルとWebのどちらでも遊べるパズルゲーム
ちょっと疲れた時、息抜きにゲームはいかがでしょうか。アプリのようにわざわざインストールするのは面倒ですが、Webブラウザで遊べるものならば手軽です。気晴らしになりますし、頭の違う部分を使うことでリフレッシュ効果もあります。今回紹介するOrdinary Puzzlesはルールは簡単、誰でもすぐに遊べるパズルゲームです。#...
Builder.io - ブロックを組み合わせてWebページを作成
Webページを作る際に一からHTMLを作るのは大変です。開発者ですら大変なので、非開発者にとっては特に大変でしょう。Webサイトの運用は大抵開発者ではないので、運用担当者でも簡単にページを更新できる仕組みを作りましょう。今回紹介するBuilder.ioはWebページをドラッグ&ドロップで作成できるコンポーネントです。#...
SVG Screenshot - Google ChromeのスクリーンショットをSVGで取得
一般的にスクリーンショットといえば画像になります。画像の場合、テキストが書かれていたとしてもコピーできず、再利用性が劣ります。スクリーンショットに出ているエラーメッセージが欲しい、といった時にとても不便です。今回紹介するSVG ScreenshotはスクリーンショットをSVGで保存してくれるGoogle Chrome機...
strecept - 料理専用のブックマークシステム
レシピサイトは多数あります。最近ではYouTuberでレシピを配信している人もいます。そうしたレシピを覚えておこうと思うとブックマークが有効ですが、ニュースなどと一緒にまざってしまうと、ブックマークの中から探す羽目になります。専用のブックマークがあると便利そうです。そこで使ってみたいのがstreceptです。レシピ専門...