WebFrontendN's profile picture. ウェブエンジニアです。最近は IoT 関連の仕事がほとんどですが、今でもウェブ技術を駆使してます。ここでは HTML/JS/CSS に関するトピックを投稿します。

webfrontend.ninja

@WebFrontendN

ウェブエンジニアです。最近は IoT 関連の仕事がほとんどですが、今でもウェブ技術を駆使してます。ここでは HTML/JS/CSS に関するトピックを投稿します。

日本語の文章から単語を分割する Intl.Segmenter webfrontend.ninja/js-intl-segmen… 以前は形態素解析のオンラインサービスに問い合わせないと実現できなかった日本語の単語の分割ですが、現在はローカルで実現できるようになりました。しかしその実力とは。 #javascript #web製作 #ホームページ制作 #Web開発


文字数のカウントになぜ String.length を使ってはいけないのか webfrontend.ninja/js-string-leng… String.length は何をしているのかを紐解き、適切な文字数を得るための方法について探ります。 #javascript #web製作 #ホームページ制作 #ホームページ作成 #Web開発


スペースの URL エンコードの結果は %20 と + のどちらが正解なのか webfrontend.ninja/js-url-encodin… このモヤモヤを解消すべく、詳しく調べましたので共有します。 #javascript #web製作 #ホームページ制作 #ホームページ作成 #Web開発


Safari 17.4 の新機能 webkit.org/blog/15063/web… <input type="checkbox" switch> でスイッチ UI、フォームコントロールの縦書き対応、iOS, iPadOS でも <select> の中の <hr> が選択肢の区切りに。 #HTML5 #HTML #web製作 #ホームページ制作 #マークアップ #ホームページ作成 #Web開発


HTTP/2, HTTP/3 って聞いたことあるけど、良く分からない、という人にピッタリの「HTTPが全てを飲み込む」という記事。私も勉強になりました。 publickey1.jp/blog/24/httpht… #javascript #Web開発


ブラウザーで OpenAI API のチャット (Chat Completions) のストリームを扱う方法 webfrontend.ninja/js-openai-chat… ストリームを使って ChatGPT のようにリアルタイムに文字ごとに応答を得る方法にチャレンジします。 #javascript #web製作 #ホームページ制作 #ホームページ作成 #Web開発


ブラウザーで #OpenAI API の音声認識 (Speech to Text) でマイク音声を録音してアップロードする方法 webfrontend.ninja/js-openai-stt-… #javascript #web製作 #ホームページ制作 #ホームページ作成 #Web開発


ブラウザーで #OpenAI の音声合成のダウンロード再生とストリーム再生する方法 webfrontend.ninja/js-openai-tts-… 長いテキストの場合、ストリームでの再生は効果絶大です。 #javascript #web製作 #ホームページ制作 #ホームページ作成 #Web開発


記事「折り畳みウィジェットやアコーディオンを作る details 要素と summary 要素のマークアップからスタイリング」を更新。 webfrontend.ninja/html-details-s… details 要素の name 属性でアコーディオンを作る話を追加。 #HTML5 #HTML #web製作 #ホームページ制作 #マークアップ #ホームページ作成 #Web開発


Safari 17.2 がリリース。HTML の details 要素の name 属性を使ってアコーディオンが実現できるように。 webkit.org/blog/14787/web… #HTML5 #HTML #web製作 #ホームページ制作 #マークアップ #ホームページ作成 #Web開発


【JavaScript】Web Speech API - SpeechSynthesis (音声合成、Text-to-Speech) の使い方 ハマリどころも含めて詳しく解説します。 webfrontend.ninja/js-web-speech-… #javascript #web製作 #ホームページ制作 #ホームページ作成 #Web開発


【JavaScript】入力フォームで IME 確定時の Enter 誤判定を何とかする webfrontend.ninja/js-input-ime-e… テキストボックスに文字を入力して Enter キーを押すことでアクションを起こす仕組みの実装方法を解説します。 #javascript #web製作 #ホームページ制作 #ホームページ作成 #Web開発


Chrome の Cookie の有効期限が最大で 400 日に。Safari の ITP と比べると、かなり緩い。 gigazine.net/news/20231101-… #web製作 #ホームページ制作 #マークアップ #ホームページ作成 #Web開発


Safari 17.1 の新機能 webkit.org/blog/14735/web… iPhone でも Managed Media Source API がサポートされたらしい。ビデオストリーミングを MSE よりも簡単に扱える API。 #javascript #web製作 #ホームページ制作 #ホームページ作成 #Web開発


Loading...

Something went wrong.


Something went wrong.