Udemyのコンテンツの字幕を翻訳し合成音声で読み上げるChrome拡張を作りました
モチベーション 最近、プログラミングの勉強にUdemyという動画サービスを使っています。 プログラミングに関するコンテンツは圧倒的に英語が多く、英語の字幕を見ながら動画を見ることが必要です。 し...
8
6
Comment1
18 search resultsShowing 1~18 results
Stocked
You need to log-in
Node.js + TypeScriptでexpressの入力支援、型推論を表示させるまで
typescript、expressをインストール npm init -y npm install typescript npx tsc --init npm install express a...
1
0
Comment0
`Lexical Environment`(レキシカル環境)と`closure`(クロージャ)の関係を理解する
課題感 closureの理解があやふや closureは、外側の変数の情報を持った関数と言われるが、下記のコードのsayFruit2の中でsayFruit1を呼び出した時、でなくが出力されことを...
5
6
Comment0
便利なJavaScriptワンライナー
開発でよく遭遇するするユースケースに対するワンライナーをまとめてみました。 適切に使用することで短くて読みやすいコードを書いていきましょうー EcmaScript 配列をシャッフル const ...
212
267
Comment10
console.logをもっと使いこなす！
ブラウザ上でのデバッグにconsole.log()をよく使いますが、MDNのConsole APIのページを見ると色々ありましたので調べてみました。 よく使うコンソールメソッド console....
71
40
Comment2
Tech系Youtubeチャンネル（個人）
YoutubeのTech系動画を家事や散歩をしながらバックグラウンド再生して聴くのが好きです。 個人が配信しているチャンネルを紹介します。 公式チャンネルはこちら カンファレンスはこちら 日本語...
1
0
Comment0
DevToolsのconsoleを介してイベントと関数呼び出しを監視する
ブラウザのconsole.logは処理の状態を理解するのに便利です。 私もいつもconsole.logデバッグを使っています。 Chromeにはもっと便利なmonitorEventsとmonit...
11
13
Comment0
JavaScriptで列挙型(Enum)を使用する
列挙(Enum)とは 多くのプログラミング言語では、列挙型(Enum)があります。 JavaScriptのビルトインオブジェクトにはこの機能がないので独自で作成してみます。 配列で作る cons...
1
1
Comment0
JavaScriptにセミコロンは入れるのか？入れないのか？
結論 どちらでもいい セミコロン付けても付けなくても落とし穴はある ESLintを利用することで落とし穴を検知できる 私はセミコロンつけない派 自動セミコロン挿入とは 自動セミコロン挿入(aut...
60
37
Comment5
覚えておきたい可読性を上げるJavaScriptの書き方
else ifを減らす else ifが出現したら、最適化できないかどうか検討します。 名前から食べ物の価格を計算する必要がある場合を例にします。 const getPrice = (name)...
2
4
Comment1
ブレース展開を使ったダミーデータの生成
シェルのブレース展開を使用したダミーデータの生成方法 環境 OS MacOS バージョン % sw_vers ProductName: macOS ProductVersion: 12.4 Bu...
0
0
Comment0
pingのTTLとtracerouteによるOSの推定
pingの結果とパケットが経由したノード数を使うと宛先のホストのOSを推定できます。 パケットを返すときのTTLの値はOSごとに初期設定値が存在しています。 OS TTLの初期値 Windows...
0
0
Comment0
Chrome devtoolsのネットワークパネルでShiftキーを押しながらリクエストを見ると、リクエストの依存関係を見ることができる
Shiftキーを押しながらネットワークパネルのリソースの上にマウスを移動すると、どのリソースがどの別のリソースをロードしたかがわかります。 緑：呼び出し元 赤：リソースから呼び出している別リソース
0
0
Comment0
Tech系Youtubeチャンネル（カンファレンス系）
Youtubeのカンファレンス動画や公式チャンネル動画をダウンロードして、外出時にバックグラウンド再生して歩きながら聴くのが好きです。 カンファレンス動画を紹介します。 公式チャンネルはこちら ...
2
1
Comment1
Tech系Youtubeチャンネル（公式チャンネル系）
Youtubeのカンファレンス動画や公式チャンネル動画をダウンロードして、外出時にバックグラウンド再生して歩きながら聴くのが好きです。 公式チャンネルを紹介します。 カンファレンスはこちら 個人...
7
3
Comment0
ChromeOS/Chromebook 開発用マシン構築手順
Chromebookを換えたときのために手順を残す 順次追加していきます 前提 バージョン 76.0.3809.102（Official Build）（64 ビット） キーボード 英字キーボード...
10
10
Comment0
ChromeOS キーボードショートカット
よく使うショートカットキー F1〜F12キー ランチャー + 1〜= タスクマネージャー ランチャー + esc Deleteキー alt + backspace ウィンドウ操作 左に固定 al...
2
1
Comment0
ChromeOS Happy Hacking Keyboardの背面スイッチ設定
Happy Hacking Keyboard Professional SW 設定 説明 SW1 ON Lite拡張モード（PC） SW2 OFF Lite拡張モード（PC） SW3 ON ON...
2
0
Comment0
18 search resultsShowing 1~18 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles