JavaScript

JavaScript で getElementById を使わなくても id 属性で要素を参照できてしまう件について

こんにちは、じゅんじゅんです。先日、社内の勉強会で JavaScript の DOM について発表を行いました。社内での発表とはいえとても緊張しました(笑)。説明やスライドなど課題がたくさん見つかったので、回数をこなして上達したいと思います。 DOM 操作についての練習問題を作成しているとき、書き間違いから偶然 getElementById で取得をしていな・・・続きを読む

JavaScript でクリップボードにテキストをコピーする (2021年版)

ユーザーフレンドリーな業務アプリを作ろうと思うとクリップボードとのやり取りは意外と重要だったりします。 Web アプリではセキュリティの観点からブラウザ経由でクリップボードにアクセスするのがあまり許可されていない時代もあり、小さな Flash を使った実装なんかもありましたが、現代のほとんどのブラウザーでは共通インターフェースでアクセスできます。 今回はJa・・・続きを読む

Android Chrome の音声認識 (SpeechRecognition) で中国語が認識しない件

音声認識対応の Web サイトを構築しようとしたとき、現代ではブラウザ標準で SpeechRecognition API があるため、 JavaScript で容易に構築できます。 ただ、まだまだ機種依存が強く、クロスプラットフォームでうまく動作させるためには苦労が伴います。そもそも iOS の Safari は未対応ですので、 iOS のキーボードの音声認・・・続きを読む

GitHub の Pull Request の差分から変更されたファイル名一覧を抜き出す

GitHub Pull Request

資料をまとめたりするときに使えるかもしれない、ちょっとした小ネタです。 Git で差分のあるファイル名を抽出するには git diff を使えばいいのですが、そのファイル名を使ってごにょごにょ加工したい場合、(私は)JavaScript のほうが便利なので、 GitHub の Pull Request を利用することにしました。 やりたいこと ちなみに gi・・・続きを読む

Slack の Slash Command で AWS の EC2 と RDS の起動と停止を実現してみた (3) Slash Command の作成とテスト

本記事は Slack の Slash Command で AWS の EC2 と RDS の起動と停止を実現してみた (2) Lambda 関数と API の準備 の続きです。前提条件や API の準備までの手順は前回までの記事を参照してください。 (1) 導入 (2) Lambda 関数と API の準備 (3) Slash Command の作成とテスト・・・続きを読む