RSS デビッド・ウォルシュ ブログ フォロー デビッド・ウォルシュのブログは、技術、プログラミング、個人生活に関する彼の経験、知識、更新を共有するウェブサイトです。様々なプログラミング言語とツールに関する記事、異なるプロジェクトの更新、チュートリアルなどが含まれています。このブログは多くの年が経過し、世界中のデベロッパーとプログラマーにとってのリソースとなっています。 David Walsh Blog davidwalsh.name RSS davidwalsh.name
ファイルとイメージのアップロード、変換、配信を簡単にする方法（スポンサー） メディアの管理は、特に他のソースから来たメディアの場合、自分自身で全てを処理しようとしてると非常に困難なタスクです。ファイルはどのような状態やサイズでも提出できるのですが、何か特定のものが必要になったらどうでしょうか？自分自身で全てをコーディングするか、すばらしいサービスを使用するか[…] Easy way to upload, transform and deliver files and images (Sponsored) davidwalsh.name
YouTubeビデオやチャンネルのダウンロード方法 インターネットでメディアをダウンロードする能力は、もはや失われた技術のように感じられます。私が十代の頃、MP3、映画、その他のほとんどすべてを、トレントやKazaa、LimeWire、Napsterなどのアプリを使って海賊版で手に入れることが流行していました。最近は、サイトがBlob URLなどの手段を使ってダウンロードを阻止しています。幸いなことに… How to Download a YouTube Video or Channel davidwalsh.name
curl リクエストにヘッダーを追加する方法 curl は、いつまでもあるような素晴らしいユーティリティで、使い道が無限にあります。最近は、curl を使ってファイルの一括ダウンロードや API のテストを行っています。時々、テストの結果、リクエストに異なる HTTP ヘッダーを使用する必要があることがあります。curl リクエストにヘッダーを追加するには、-H [...] を使用します。 How to Add a Header to a curl Request davidwalsh.name
大文字小文字を区別しない CSS 属性セレクター CSS セレクターが複雑なパターンにマッチする際のその強力さに、私はいつも驚かされます。その柔軟性のほとんどは、親/子/兄弟の関係にあり、値のマッチングで実現されることはめったにありません。CSS が大文字小文字を問わず属性値をマッチングできることを知ったとき、私は本当に驚きました！属性セレクターの角括弧に {space}i を追加すると、[...] Case Insensitive CSS Attribute Selector davidwalsh.name
Macのコマンドラインから日時を設定する方法 アプリストアに配信され、ウェブサイトのようにすぐに変更できないウェブ拡張機能の開発は難しい場合があります。アップデートをすぐに展開できないため、日付ベースのロジックをハードコーディングする必要がある場合があります。将来の日付をテストすることは、ローカルの[...]で日付をすばやく変更する方法がわからない場合、困難になります。 How to Set Date Time from Mac Command Line davidwalsh.name
WindowsでWiFiパスワードを取得する方法 ゲストネットワークのWi-Fiパスワードを覚えているのは、決して簡単ではありません。さらに悪いことに、パスワードが掲示されておらず、他の人がパスワードを聞いてきた場合です。幸いなことに、Windowsには、特定のWi-Fiネットワークのパスワードを回復するための組み込みコマンドがあります。 シェルコード Open cmdを実行し、次のコマンドを実行します: netsh […] How to Retrieve WiFi Password on Windows davidwalsh.name
Windows WASD キーと矢印キーが逆転する問題の解決方法 「先週末、私はほんの一瞬だけとはいえ、すべての父親が望むものになる機会に恵まれました。「かっこいいお父さん」になる、ということです。妻は出張中で、末っ子の息子がPUBGをやりたがったんです。私は根負けして、基本的なFPSキーバインドを教え、彼はとても楽しそうでした。彼が[...]」 How to Fix: Windows WASD Keys Reversed with Arrow Keys davidwalsh.name
HTML ポップオーバー属性 モーダルは20年間、ウェブサイトの重要な要素であり続けてきました。コンテンツを積み重ね、fetchを使ってタスクを実行することは、デスクトップとモバイルの両方でUXを向上させる素晴らしい方法です。残念なことに、ほとんどの開発者は、HTMLとJavaScriptの仕様がpopover属性を通じてネイティブなモーダルシステムを実装していることを知りません。確認してみましょう… HTML popover Attribute davidwalsh.name
Limewire API で AI と NFT を始めよう (スポンサー付き) AIメディア制作は、信じられないほどのビデオアートや他の多くの重要な改善にまで拡大しており、LimeWireは、一般的なユーザーがAIアーティストになるための素晴らしいインターフェースを創出することに先導的な役割を果たしています。Limewireは、私たちのようなエンジニアが[…]上でダイナミックなAIアートを作成するための方法である、開発者APIをリリースしたばかりです。 Get Started in AI and NFTs with the Limewire API (Sponsored) davidwalsh.name
もう年寄りだ：ウェブ版 時間は不思議なものです。HTML、CSS、JavaScript のコーディングに出会った瞬間を今でも覚えています。大学で初めてプログラミングの授業を受けた日も、最初のコーディングの仕事に就いた日、2つ目のコーディングの仕事に就いた日、そして Mozilla に初出勤した日も、今でも覚えています。最初の… I’m So Old: Web Edition davidwalsh.name
JavaScriptで大文字キーを検出する 誰もが、気づかないうちにCaps Lockキーがオンになっている可能性があります。ほとんどの入力では、ユーザーは意図しないCaps Lockを簡単に発見できますが、パスワード入力を使用する場合、問題はそれほど明らかではありません。その結果、ユーザーのパスワードが間違っていることになり、これは面倒です。理想的には、開発者は[...] Detect Caps Lock with JavaScript davidwalsh.name
HTMLのwidthとheight属性をCSSで上書きする方法 「頻繁にCSSと衝突するHTML要素の1つに、img要素があります。Request MetricsのDavidWalshBlog記事「累積レイアウトシフト問題の解決」で学んだように、画像タグ内に画像の寸法を指定すると、ウェブサイトのスコア向上に役立ちます。しかし、レスポンシブデザインが支配的な世界では、私たちは...」 How to Override width and height HTML attributes with CSS davidwalsh.name
DavidWalshBlogにおける累積レイアウトシフト問題の解決 「世界中から5万人以上の開発者が、毎月DavidWalshBlogを訪れ、JavaScriptのテクニックを学び、コードの問題を解決しています。残念ながら、その中にはサイトの速度が遅いという不満を持つ人もいます。DavidはRequest Metricsを使用して、Core Web Vitalsと全体的なパフォーマンスを追跡しています。最近、私たちは彼のCLSのパフォーマンスが…」。 Fixing Cumulative Layout Shift Problems on DavidWalshBlog davidwalsh.name
Date.now() ソフトウェアエンジニアに聞いてみれば、日付ロジックのコーディングは悪夢だと答えるでしょう。開発者は、タイムゾーン、奇妙な日付のデフォルト値、プラットフォーム固有の日付形式を考慮する必要があります。日付を扱う最も簡単な方法は、日付を可能な限り単純な形式、通常はタイムスタンプに減らすことです。現在時刻を取得するには[...] Date.now() davidwalsh.name
JavaScriptで文字列から数字を抽出する HTML フォームフィールドからのユーザー入力は、一般的に JavaScript には文字列として提供されます。私たちは数十年にわたりその事実と共存してきましたが、開発者は時々その文字列から数値を抽出する必要があります。これらの数値を取得するには複数の方法がありますが、正規表現を使用してこれらの数値を抽出することにしましょう！正規表現を […] に使用するには、 Extract a Number from a String with JavaScript davidwalsh.name
ストリーミングサービスに関する考察：2024年版 ストリーミングサービスはコンテンツ配信に革命をもたらし、従来のメディア企業は、伝統的なケーブルサービスが衰退していく様子を見てパニックに陥っています。「コードカット」は今日では一般的な行為ですが、ストリーミングの状況は完璧ではありません。ストリーミングが始まってから10年が経ちましたので、ニューメディアの現状について私の考えを共有したいと思います。最初の印象、[...] Thoughts on Streaming Services: 2024 Edition davidwalsh.name
CSS で自動的にサイズ変更するテキストエリア ウェブの要求が変化し、開発者が様々なユーザーエクスペリエンスを試行するにつれて、より多くのネイティブ言語の改善が必要になっています。私たちのプレゼンテーションレイヤーであるCSSは、たとえ時には遅すぎるとしても、機能の向上において非常に優れた成果を上げてきました。自動的に展開するtextarea要素に対するネイティブサポートの必要性は長い間認識されていましたが...ついに実現しました！[...] AutoGrow Textareas with CSS davidwalsh.name
グランド・プー・ワールド3の遊び方 スーパーマリオワールドをベースにしたROMハックの制作と配信という地下世界は、ますます人気を集めています。この人気は、ゲーマーの創造性と、30年前に発売されたオリジナルゲームのメカニズムの質への賛辞です。過去10年間で、Grand Poo World 1と2、Invictus、Dram […] といった素晴らしいROMハックが登場しました。 How to Play Grand Poo World 3 davidwalsh.name
gitで現在のブランチ名を取得する方法 多くの開発者は、作業をより簡単かつ効率的にするために、楽しいコマンドラインユーティリティで自分自身を甘やかします。そのようなコマンドラインヘルパーの1つは、開発者がコマンドラインで常にGitブランチを表示できるようにします。現在のブランチを取得するにはどうすればよいですか？この便利なスニペットを使用します：git branch --show-current。このスニペットを手元に置いておくのは素晴らしいことです... How to Get the Current Branch Name with git davidwalsh.name
VSCodeによるオートセーブ Visual Studio Code は、少なくともJavaScriptの世界では、最も使用されているテキストエディタの地位を確立しました。VSCodeは高速で、機能満載で、生産性を高めるための数千ものプラグインをサポートしています。開発者は、数百もの設定を調整して機能を強化することもできます。その1つの機能は、自動保存機能です。VS Codeでファイルを自動保存するには、[... ] AutoSave with VSCode davidwalsh.name
ウェブ拡張機能を使用して失敗したリクエストを検出する方法 ウェブのユーザーエクスペリエンスを大きく向上させたものの1つに、ウェブ拡張機能があります。ブラウザは強力ですが、拡張機能は新たなレベルの機能性をもたらします。暗号資産ウォレット、メディアプレーヤー、その他の人気プラグインなど、ウェブ拡張機能は日常業務に不可欠なものになりました。MetaMaskの開発に携わっている私は、[...] How to Detect Failed Requests via Web Extensions davidwalsh.name
新LimeWireへようこそ：AIメディア生成（スポンサー付き） ライムワイヤは私の青春の必需品だった。ライムワイヤは、ファイル共有の革命的な時代において、ユーザーがあらゆる種類のファイルを共有することを可能にしたソフトウェアだった。時は流れ、今日、ライムワイヤは再び革命的なソフトウェアとして帰ってきた。しかし、今回はAIコンテンツ出版の分野においてだ。画像から音楽、ビデオまで、[... ] Welcome to the New LimeWire: AI Media Generation (Sponsored) davidwalsh.name
