SvelteKitでformから記事を追加した後いい感じにフェードインさせる
概要 SvelteKit2.27で追加されたRemote functionsのformで記事を一件追加します。 追加が終わったら記事の一覧ページに遷移し、追加された記事をViewTransiti...
2
0
Comment0
48 search resultsShowing 1~20 results
Stocked
You need to log-in
Svelteでコンポーネントライブラリを作る時のススメ
皆さんは社内のいろんなプロジェクトで使うコンポーネントライブラリを作りますか？ 私はそこらのライブラリではマークアップにミスがあったりアクセシビリティが気になったりJavaScriptなしで動く...
5
0
Comment0
Svelteコンポーネントから指定した属性を消し去るpreprocessorを作っ（てもらっ）た
概要 Svelteコンポーネントの属性を消し去るpreprocessorを作りAIに作ってもらいました。 どうやって作った AIにほぼ丸投げしました。 ざっくり自分が遭遇しそうなケースは試しまし...
3
0
Comment0
アクセシビリティが（比較的）高いSvelteコンポーネントライブラリ2025
この記事ではSvelteで作られたUIコンポーネントライブラリの中で以下の条件に当てはまるライブラリを紹介します。 アクセシビリティが高い APGで推奨されているキーボード操作が可能 マークアッ...
7
0
Comment0
非推奨：Remote functionsのSchemaに引数を渡す
注意！ この方法は2025年10月4日時点でのハックです。 責任は取れません… が、一旦動いたので共有します。（そのうち動かなくなるだろうな…） 前提 現時点ではRemote functions...
2
0
Comment0
Remote functionsで詰まった〜
祝！ Remote functions、Async SSR みなさん、先日強化されたRemote functionsは使っていますか？ Remote functionsは以前まで<svel...
4
0
Comment0
VoiceOver+GoogleChromeで`role="menu"`を開いたあとVoiceOverが黙ったら
再現方法 例にrole="menu"とJavaScriptで実装されたメニューがあります。 手順 VoiceOverを起動する メニューボタン（Actions というラベルのボタン）をEnter...
1
0
Comment0
Re:見出しレベルを間違わないようにする（Svelte5）
昔話 こういう記事をSvelte4の時に書いていました。 Svelte5でアップデートしたので以下で紹介します。 構成 使用するコンポーネントは3つです。 Section.svelte Head...
3
0
Comment0
macOSのVoiceOver+Chromeでダイアログのタイトルが読み上げられない
概要 日付 macOS Chrome スクリーンリーダー 2025年7月24日 15.5 138.0.7204.169 VoiceOver macのChromeでVoiceOverを使って読み上...
0
0
Comment0
svelte:elementのラッパーコンポーネントを作る
概要 今後の変更への対応を楽にするため、基本的にはsvelte:xxx系のコンポーネントはラップしたものを使うようにする方針です。 svelte:elementも同様に行いたいのと、Markup...
2
0
Comment0
Snippetのexportで遊ぼう！
注意事項 今後動かなくなる可能性があるかもしれません。 自己責任でお願いします。 また、この記事は比較的ニッチな内容を取り扱います。 以下の事前に必要な知識をご存じない方は先にドキュメントを参照...
2
0
Comment0
Appleのストアページで使われているアクセシビリティのテクニック
この記事ではApple Storeのページで使用されているアクセシビリティのテクニックについてみていきます。 ナビゲーションのaria-label navタグにaria-label="グローバル...
8
1
Comment0
FetchOnMountコンポーネントとsvelte:boundary
概要 マウントされた時に渡したPromiseを返す関数を実行し、以下を表示するコンポーネントを作ります。 ローディング状態を表示する Promiseの解決後の値を使って何かを表示する その表示が...
2
0
Comment0
ページネーションのマークアップ
よくあるマークアップ <ol> <li><a href="/page/1/">最初のページへ</a></li> <li>&...
5
0
Comment0
+page.svelteの型の再利用のアイデア
前提 デザイナーはTypeScriptに詳しくない リリース後の運用（UIの変更など）をデザイナーが行う +page.svelte SvelteKitではroutesディレクトリ配下に+page...
3
0
Comment0
ラベルをつけるのかい？つけないのかい？どっちなんだい！
ラベル 皆さんは画像やアイコンに対してアクセシブルネームを追加する、しないをどう決めていますか？ この記事は altに何を入れればいいかわからない altを入れない基準がわからない アクセシビリ...
7
0
Comment1
transition:flyで引っかかった話
起こった現象 あるコンポーネントを使用している時にページ間を遷移したとき、 ページ遷移前のコンテンツがうっすら消え始める ページ遷移後のコンテンツがうっすら現れ始める ページ遷移前と後のコンテン...
3
0
Comment0
Svelteコンパイラとアクセシビリティの警告
アクセシビリティ みなさん日頃アクセシビリティを考慮したマークアップができていますか？ みなさんがお使いの（？）Svelte（コンパイラ）にはデフォルトでマークアップ上のミスに対して警告を出して...
7
0
Comment2
Svelte5でコンポーネントからexportした関数を呼び出し側から実行する方法
コード 早い話ここを見てください。 … で終わると記事にしている意味がないので説明します。 最終的にやりたいのは、 コンポーネントを$stateで書き換わる値によって出し分ける 出し分けた上で、...
7
0
Comment0
JavaScript無効時のコンポーネントの動作とアクセシビリティに関する考え
何が一番いいのか考え中です… JavaScript無効 JavaScript（以下JS）が使えなくなっているユーザーに対してサイトやアプリケーションはどうなっているべきでしょうか？ そもそもJS...
10
7
Comment6
48 search resultsShowing 1~20 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