#フロントエンド — Scraps（2ページ目）

@J-T_ky2g / 2日前

Reactの削除処理を書いて間違えた話

Reactで配列を削除処理する際、mapで不適切な処理をしていた
mapでrecord.idを比較する条件を間違え、filterで正しく処理できることが示されている
mapでfalsyな値を弾く処理は不適切で、filterを使うべきだったことが示されている

@kanzawa_kentaro / 2日前

【自社開発1年目】「チーム経験ゼロ」の27歳元営業が、ダイレクト出版でAIを使い倒し本番コードを書くエンジニアになるまで

未経験のエンジニアが1年でFEとBEを経験し、コードの責任感を身につけた
仮想PJでTypeScriptとGoを使ったアプリ開発、実務で画像アップロードAPIや決済処理、AIを活用したコード作成
1文字のコード変更がユーザーに大きな影響を与えることを実感し、責任あるコード書く重要性を学んだ

@jqit-yukiono / 2日前

Web/admin/iOSにE2Eテストを整備した話 ― 認証を迂回したら、次はテストコード自身の罠が待っていた

Web/admin/iOSにE2Eテストを整備し、認証を迂回する仕組みを構築した
Web/adminはFirebaseカスタムトークンとApp Check debug token、iOSは起動引数によるDevBypassで認証を迂回、XCUITestのローカライズ文字列やnavigation barの曖昧さが罠
Jenkinsのまっさらな環境でAPNs鍵やFirebase設定が不足する問題が発覚し、フォールバック処理を追加した

@rana_kualu / 2日前

【JavaScript】Promise.resolveはPromiseでないオブジェクトもresolveするしそのせいで脆弱性がたくさんある

JavaScriptのthenable仕様がセキュリティ脆弱性の原因となり、SafeResolveプロポーザルが導入されている
thenメソッドの存在でthenableと判定され、Promise.resolveが解決する仕様。SafeResolveではユーザコード実行の可能性を確認し、非同期ジョブで解決する
Promise.resolveがthenableを解決する仕様はセキュリティリスクがあり、SafeResolveで解決処理を非同期化することでメモリ破壊系の脆弱性を防ぐ

@榊原昌彦 / 2日前

クロスプラットフォームアプリのためのiPhone Duoレビュー

iPhone Duoではツールバーとタブがvertical barsに移動し、リストの表示範囲がSafe Area内に収まる
ツールバーの操作がvertical barsに配置、リストの枠がvertical bars側のSafe Area内に収まる、タブが文字だけでもvertical barsに移動
vertical barsの配置はデバイスが自動で決定し、アプリ側で明示的な設定が必要

@haruyoshi_o / 2日前

AIだけで情緒評価ツールを作ってみた

AIで情緒評価ツールを作り、7つの評価軸でWebサイトの感情的インパクトを測定
信頼感・親近感・高級感・先進性・温かみ・行動喚起・印象の一貫性の7軸を定義、セクション単位で評価
評価軸の定義が精度に大きく影響し、AIのズレを改善するためのルール追加が必要

@penpen / 3日前

選ぶAI「jev」に選択肢を渡したら、Slack絵文字をええ感じに組み立ててくれた

Slack絵文字生成アプリで「jev」を活用し、選択肢で見た目を決める仕組みを実装した
書体・色・動きの選択肢をJSONで渡し、jevが確率付きで選択。改行位置もnoulで質問
選択肢の説明が答えの質に影響し、1回の質問で複数の候補を作れる

@yu shimohama / 3日前

VSCodeのGithub Copilotで急にチャットが出来なくなった

VSCodeのGithub Copilotでチャットが使えない問題の原因と解決策が説明されている
アカウントアイコンからサインインアカウントを切り替えることで解決、403エラーが原因
複数のGithubアカウントを使用する際は、Copilot用のアカウントのみサインインしておくこと

@noteエンジニアチーム公式マガジン / 3日前

1年前に「課題」と書いたAndroid ViewのCompose移行は、今どうなったか

Androidアプリのルート画面をComposeに移行し、旧実装を削除した
ルート画面の起動導線を1つのクラスで切り替え、ライフサイクルの制御とScaffoldの余白対策を実装
旧実装に手を加えず移行し、切り替え点を1箇所に集約することで削除が純粋になった

@Kiyoshi Kurihara / 3日前

音声合成に日本語を正しく読んでもらう話〜高低アクセントからG2Pまで〜【前編】

日本語の読みはアクセントや語のつながりで意味が変わるため、音声合成に正確に再現するのが難しい
アクセント型とアクセント結合の規則性のなさ、数字と助数詞の組み合わせの不規則性
LLMベースのTTSでは音素制御が不十分で誤読が増える可能性がある

@har1101 / 3日前

Honoが良いとされる理由がちょっとわかった気がする、多分。ちょっとだけ

HonoはWeb標準APIに依存した軽量で汎用性の高いWebフレームワーク
Web標準APIのFetch APIやRequest/Responseを活用し、Node.js以外の環境でも動作する。ESMでのビルド時にCommonJSのコードが混ざらない
Node.jsの独自APIを使わずWeb標準APIに依存しているため、複数の実行環境でコードを再利用できるが、Lambdaなどの環境ではアダプターが必要

@yakumo_09 / 3日前

【AWS】3Dモデル・アバターをクラウドで扱うときの考え方

AWSで3Dモデルを配信する際、S3+CloudFrontとGameLift Streamsの選択が重要
S3+CloudFrontは転送量課金、GameLift StreamsはGPU時間課金、モデルサイズ削減とgzip圧縮が効果的
CloudFrontの自動圧縮は3Dモデルには対応しておらず、手動でgzip圧縮とContent-Encodingを設定する必要がある

@noriyasu / 4日前

VS Code の Claude Code 拡張機能、なんか更新多い…？

VS Code の Claude Code 拡張機能が1.34日に1本のペースで更新されている
リリース間隔の中央値0.97日、pre-release チャンネルが存在せず全利用者に即時届く
拡張機能の自動更新を制御するには extensions.autoUpdateDelay を48時間前後に設定するのが現実的

@mylifewithviolin / 4日前

日本語プログラミング言語Mind９でAI仕様駆動開発を行ってみた（ステップ４）～GUIアプリの修正・ビルド・実行・再修正ワークフローが動く～

日本語プログラミング言語Mind9でAIによるGUIアプリの修正・ビルド・実行・再修正ワークフローを自動化した
GitHub CopilotとMicrosoft Copilotのプロンプト生成とコード修正、tasks.jsonの設定変更、診断ログの追加
GUIアプリの実行時にエラーを検出するために非同期イベント内でモーダルダイアログを避けたログ出力が重要

@TechStudioLab / 5日前

生成AI送信前にPythonで個人情報をマスキングする

LLMに送信する前にPythonで個人情報をマスキングする処理を実装
メールアドレス、電話番号、郵便番号、IPv4、顧客IDを正規表現で置換し、置換件数を返す
マスキングは安全対策の一部で完全な匿名化ではないため、ログに元データを残さない設計が重要

@TechStudioLab / 5日前

FlutterからFoundation Modelsを呼ぶ最小構成

FlutterからFoundation Modelsを呼び出す最小構成はMethodChannel経由でSwiftと連携する
MethodChannelでFlutterとSwiftを接続し、SystemLanguageModelのavailability確認とLanguageModelSessionで生成処理を実施
Foundation Modelsのavailability状態を明確に分岐処理し、エラーコードをFlutter側に返すことでUI設計に反映させる

@TechStudioLab / 5日前

古いReact NativeアプリをNew Architectureへ上げ直す

古いReact Nativeアプリを0.87にアップグレードするには現状把握と依存ライブラリの分類が必須
依存ライブラリをJavaScript・ネイティブコード・React Native本体・自作Native Moduleに分類し、New Architecture対応状況を確認する。TypeScriptのStrict APIによるdeep importの型エラーも対応が必要
アップグレード時にネイティブテンプレートの差分を1つずつ確認し、一度に大きなバージョンを上げないことで問題の特定を容易にする