Corredor

ウェブ、プログラミングの勉強メモ。

自作アプリ・ツール

Fire 7 タブレットを Echo Show っぽくするためにフルスクリーン表示する時計アプリを作った

2019年モデルの Fire 7 は、Alexa が使えるが、Echo Show モードが使えない。開発者オプションにて電源接続時にスリープにしない設定は出来るので、フルスクリーンで常時表示させられる何らかの画面が作れたら面白いかな?と思った。 Android OS および Fire…

package.json から拾った URL をブラウザで開く npm パッケージ「@neos21/opu」を作った

Node.js 開発をしていて、「この作業ディレクトリに対応する GitHub リポジトリをブラウザで開きたいなー」とか、「このプロジェクトの GitHub Pages を直接開きたいな」とか思うことがよくある。 GitHub リポジトリの情報は、大抵 package.json の homepage…

Neo's Hatebu に利き手モード、アクセスキー、件数表示機能を付けた

自分だけが使っている、オレオレはてなブックマーク閲覧アプリの Neo's Hatebu。 neos21.hatenablog.com 久々に機能追加をしたので、紹介していなかった過去分と合わせて紹介する。コード全量は以下で確認できる。 github.com 利き手モード切り替え アクセス…

GitHub アカウントの全リポジトリ情報を一覧表示する Vue アプリ「List Repos」を作った

最近 Vue.js をちまちまイジってたので、簡単なアプリを作ってみた。その名も「List Repos」。 GitHub アカウント名を指定すると、そのユーザのリポジトリが一覧表になって表示されるモノで、簡単なテーブルソートもできるようになっている。 デモサイトは以…

WebRTC でビデオチャットアプリを作ってみた

リモート会議をやる機会が増えて、Google Meet、Microsoft Teams、Zoom などを利用している。ビデオチャットとか面白いなー、WebRTC とかいうヤツがあったと思うけど触ったことないなー、と思ったので、作ってみることにした。 成果物とデモサイト 参考にし…

家族が生まれてから何日経過したかを計算する Web アプリを作った

自分は 30k という Chrome 拡張機能を入れている。コレは自分の生年月日を入れておくと、新規タブに「生まれてからの経過日数」を表示してくれるというモノだ。 参考:30k - Chrome ウェブストア 人生80年とよく云われるが、コレを日数に直すと、人間の一生…

Python MeCab CGI : MeCab パース処理を提供する Python CGI を作ってみた

Python を CGI として動作させ、MeCab によるパース結果をレスポンスするスクリプトを作った。 XREA のように MeCab がプリインストールされていて、Python を CGI として実行可能なサーバに配置すれば、MeCab を Web API 的に利用できるようになる。 ソース…

ブラウザオンリーで動く「ねむいガチャ.js」を作った

ちょっと前に、Python ベースに MeCab で形態素解析を行い、「ねむい」という単語を「ねむくない」に変換したり、しなかったりする「ねむいガチャ」というプログラムを作って紹介した。 github.com MeCab を用意しないといけないので環境構築が手間だし、ウ…

使っていない iPhone を使って、トイレの電気が付けっぱなしの時に Slack 通知する光監視センサーを作ってみた

僕はよくトイレの電気を消し忘れる。そしてその度に妻が激昂する。 コレは仕組みでどげんかせんといかん、と思い、トイレの電気が付けっぱなしになっている時に知らせる仕組みを考えてみた。 仕組みと必要なモノを考える 実装方法を考える というワケで実装 …

任意の文言を否定形に変換する「ねむいガチャ」を作った

ruby-jp という Slack ワークスペースに、#ねむい というチャンネルがある。 Slack Create Account | Slack ココで「ねむいガチャ」と投稿すると、Slack Bot が「ねむい」か「ねむくない」かをランダムに答えてくれるのだ。 コレに着想を得て、「任意の文言 …

Angular 製のアプリを Angular v9 系にアップデートした

拙作の Angular 製のアプリを Angular v9 系にアップデートした。 https://github.com/Neos21/garbler https://github.com/Neos21/angular-utilities https://github.com/Neos21/neos-hatebu https://github.com/Neos21/ngx-markdown-wiki https://github.co…

GitHub リポジトリのページと GitHub Pages を行き来するブックマークレット

https://neos21.github.io/about のような URL の GitHub Pages を閲覧中、このページに対応する GitHub リポジトリのページに飛びたいな、と思うことがある。URL としては https://github.com/neos21/about のように変換すれば良いので、頑張れば相互変換で…

iOS のホーム画面にメモ付きのアイコンを置ける「iOS Memo Icon Generator」を作った

「ショートカットメモ帳」というアプリがあり、このアプリの仕組みを見て似たようなモノを作った。 参考:‎「ショートカットメモ帳」をApp Storeで このアプリは、iOS の「ホーム画面に追加」機能と、DataURL の仕組みを利用して、「オリジナルのメモが書か…

「一度しか見られないページ」を公開するサーバを作ってみる

Cicada 3301 というミームをご存知だろうか。Twitter 上に投稿された暗号パズルなのだが、その中で「最初に正解に辿り着いた人しか閲覧できないウェブページ」という内容が出てきた。 最初に正解に辿り着いた人しか閲覧できないウェブページ… 一人しか閲覧で…

Node.js で電卓 CLI アプリを作った : @neos21/calc-cli

CLI で電卓を使いたくて、Node.js でサクッと作ってみた。その名も @neos21/calc-cli : node-calc-cli。 @neos21/calc-cli - npm GitHub - Neos21/node-calc-cli: @neos21/calc-cli : CLI Calculator $ npm install -g @neos21/calc-cli # 「calc」コマンド…

Ruby で自分だけのブックマークアプリを作ってみた

プログラミング言語 Ruby作者:まつもと ゆきひろ,David Flanagan出版社/メーカー: オライリージャパン発売日: 2009/01/26メディア: 大型本 「はてなブックマーク」や「Pocket」など、ログインして利用する系のブックマークサービスを使いたくない場面が出て…

yum や apt コマンドをラップする「pmw」コマンドを作った

Red Hat Enterprise Linux 7 (できるPRO) [ 平初 ]価格: 3300 円楽天で詳細を見る 僕は CentOS 歴が長いので、Ubuntu の apt コマンドに慣れず、ついつい yum コマンドの要領でコマンドを叩いてしまう。また、Windows の Git SDK に同梱される pacman は全…

JavaScript コードをブックマークレットコードに変換する「Bookmarkletify」を作った

ブックマークレットを作る時、エディタで JavaScript コードを書き、それを難読化して縮めつつ、先頭に javascript: とプロトコルを記載したり即時関数で囲んだりする。コレを自動化するツールを作った。その名も @neos21/bookmarkletify。 既に類似パッケー…

m3u8-to-mp4 : .m3u8 ファイルから .mp4 ファイルを保存するバッチを作った

以前、.m3u8 ファイルから .mp4 ファイルを保存する方法というモノを紹介した。.m3u8 ファイルというのは、細切れにされた .mp4 ファイルのプレイリスト情報を持っているファイルだ。このファイルを元に、ffmpeg を使って .mp4 ファイルを結合・生成するコー…

Instagram に投稿された画像・動画をダウンロードする CLI ツール「igsv」を作った

Twitter から画像・動画をダウンロードする @neos21/twsv という npm パッケージを作ったが、それの Instagram 版を作った。その名も igsv。「InstaGram SaVer」の略のつもり。 先に作ったツールの紹介 以降ツールを作るまでの苦労話 以上 先に作ったツール…

Twitter に投稿された画像・動画をダウンロードする CLI ツール「twsv」を作った

Twitter に投稿された画像や動画をダウンロードする際、 画像 : Chrome ブラウザでツイートを開き、画像をアドレス欄までドラッグして開き、ダウンロード 動画 : Syncer - Twitter の動画を保存するための URL 変換器でダウンロード としていた。 コレをもっ…

iOS 13 AVCaptureMultiCamSession を使った複数カメラでの同時ビデオ録画 iPhone アプリを作った

iOS 13 から登場した AVCaptureMultiCamSession という API を使うと、1台の iPhone に搭載されている複数のカメラデバイスを同時に使用できる。例えば、バックの標準カメラで被写体を写しながら、フロントカメラで撮影者自身も同時に撮影したり、といった感…

Windows 向けの共有サーバのファイルパスを MacOS 向けに置換する

Windows 環境で共有サーバのファイルパスを取得すると、 \\127.0.0.1\Some\Path\To\File.txt file:///127.0.0.1/Some/Path/To/File.txt こんな感じのパスが取得できることが多い。 2つ目の file:/// プロトコルはまだ扱いやすいが、1つ目のバックスラッシュ…

ターミナルからツイートするだけの CLI ツール「Just Tweet」を作った

ターミナルからツイートする CLI ツール、Just Tweet というモノを作った。 GitHub - Neos21/just-tweet: ツイートするだけの CLI ツール。 @neos21/just-tweet - npm インストールは以下のように npm でグローバルインストール。 $ npm install -g @neos21/…

チートシートを検索・出力するコマンドラインツール「ch-sh」を作った

僕は自分用チートシートとして、よく Markdown ファイルにスニペットやコマンドなどを記載している。その Markdown ファイルたちが入っているディレクトリでよく grep するので、コマンド化してみた次第。その名も「ch-sh」。 GitHub - Neos21/ch-sh: チート…

文字化けを復元する Web アプリ「Garbler」を作った

文字化け研究の一環として、「もじばけらった」インスパイアの Web アプリを作ってみた。その名も Garbler。 Garbler … デモページ GitHub - Neos21/garbler: Garbler : 文字化けを復元したり、文字化けさせたりします。 … GitHub リポジトリ 利用技術 文字…

2色のコントラスト比を導く Compare Colour Contrast Ratio を作ってみた

見やすい色の組み合わせかどうか。 WCAG2.0 (Web Content Accessibility Guidelines) という、ウェブアクセシビリティに関するガイドラインがある。 参考:Web Content Accessibility Guidelines - Wikipedia この中で、文字色と背景色とのコントラスト比を…

コマンドラインで動作する簡易パスワードマネージャ「Neo's Password Manager」を作った

Node.js でコマンドラインツールを作る勉強として、簡易的なパスワードマネージャを作ってみた。その名も「Neo's Password Manager」。パッケージ名は @neos21/npm。Neo's Password Manager の頭文字を取って NPM と称しているが、コマンド名は np とした。 …

Neo's Normalize で指定するフォントを見直して v1.0.11 をリリースした

少し前に、Chrome ブラウザで @font-face による游ゴシック Medium 指定が効かなくなっていたことに気付き、色々調査した記事を書いた。 neos21.hatenablog.com この調査を通じて、Neo's Normalize のフォント指定を見直したので、その内容を紹介する。 コレ…

はてなブックマークにノイズが多いのでオレオレはてなブックマーク「Neo's Hatebu」を作った

二度と視界に入れたくない記事。 僕は iPhone の「はてなブックマーク」アプリを見るのが日課なのだが、最近どうにもこうにも、見たくない話題に関する記事がホットエントリを占めるようになっていて、気分が乗らない。BTS とかいう知らない連中がどうしたと…