Svelte/SvelteKitの好きなところ5選
SvelteKitを業務で使って半年以上になるので私が気に入っているところを紹介したいと思います。 Svelte/SvelteKitいいじゃん！使ってみたい！って思ってもらえると嬉しいです。 対...
72
31
Comment1
50 search resultsShowing 1~20 results
Stocked
You need to log-in
SvelteKitのルーティングについて
この記事はSvelteKit Advent Calendar 2022の6日目の記事です。 @kubotakです。 今回はSvelteKitのルーティングについて紹介したいと思います。 といって...
6
1
Comment0
SvelteKitでVitestを使う
この記事はSvelteKit Advent Calendar 2022の6日目の記事です。 @kubotakです。 この記事ではSvelteKitでVitestを用いたテストについて紹介します。...
8
1
Comment0
SvelteKitでPlaywrightコンポーネントテストを行う注意点
この記事はSvelteKit Advent Calendar 2022の5日目の記事です。 今日から3日間、SvelteKit Advent Calendarを書かせていただきます。@kubot...
6
1
Comment0
SvelteKitでSSR時のストアを分離する
2022/11/13 @sveltejs/kit@1.0.0-next.406によるファイルベースのルーティングの仕様変更に伴い記事の内容を更新 SvelteKitでは現時点のバージョン(@sv...
0
0
Comment0
SvelteKitでSSR時のストアのハイドレーションを考えてみた
SvelteKit触ってみていいじゃん！と思ったんですが、よそのフレームワークにあるあの機能はないのかな？と思い自分なりの解決方法が見えたので共有します。 この記事では「NuxtではSSR時にス...
3
0
Comment0
MySQL8でtimestamp型とdatetime型を比較する
突然ですがtimestamp型は以下の問題を抱えているのでdatetime使ったほうが無難、みたいな思考になったとき 「すでにtimestampでいくつもテーブルが存在するがあとからdateti...
10
5
Comment0
[Vue]一度だけしか実行しないbeforeEachを登録する[Nuxt]
VueRouterでページ遷移に処理をフックする際に利用するbeforeEachで一回だけしか実行しない処理を登録するにはどうしたら良いでしょう？ 答えは簡単で、beforeEachで関数を登録...
8
7
Comment0
[Nuxt.js]SSR時のエラー画面を切り替える
この記事ではNuxt.js v2系での説明となります。 Nuxt.jsではCSR時のエラーとSSR時のエラーで出力される画面が異なります。 CSR時であればapp/layouts/error.v...
5
2
Comment0
[Vue/Nuxt]client-onlyのコンポーネントはrefで取得できない
client-onlyはSSRさせるアプリケーションにおいて、SSRさせずにクライアント側で展開させたい場合に使うタグです。 <template> <div> <c...
6
0
Comment0
ページ内遷移をスムーズに動かす挙動はブラウザ標準でできる
タイトルオチです。 ページ内リンクをスムーズなスクロールで遷移する挙動はJavaScriptを利用して実装するのがあたりまえだと思っていましたが、 それ、ブラウザ標準でできるよ。 というのを知っ...
3
0
Comment0
Mockeryでクロージャを実行する関数を使っているメソッドをテストする
例えばLaravelのトランザクションみたいなやつ return $this->dbManager->transaction(function () { return some; }...
2
0
Comment0
Vue.jsのPropsにTypescriptの型を定義する
Vue.jsのPropsでは限られた型定義が以下のように行える。 （※実際には型定義ではなくバリデーション） props: { value1: { type: Array } } ※プロパティの...
8
0
Comment0
PHPのjson_encode/json_decodeはそのまま使わない方が良い
PHPで配列をJSON形式の文字列に変換する際に利用するjson_encode、またはJSON形式の文字列を配列に変換するjson_decodeの標準関数はそのまま使わないほうが良いと、という投...
14
10
Comment2
imgixのRendering APIを利用してQiitaのようなOGPを作る
imgixとは https://www.imgix.com このQiitaでも利用されている画像向けCDNサービスです。 画像配信だけでなく、Rendering APIを利用することによってリサ...
12
5
Comment0
Nuxt v3はどうなるのか
2020/09/19にめでたくVue.js v3がリリースされました さて、私の関心は業務でも利用しているNuxt.jsがVue.js v3に対応するとどうなるのか、Nuxt.js v3はどうな...
125
81
Comment4
LaravelをDockerで開発している際におこるPermission Deniedを回避する
LaradockではなくLaravelをDockerでローカル開発している際にPermission Deniedで/storage/logsの書き込みが失敗する事象が見られた。 この際の回避方法...
46
50
Comment0
imgにsrcsetでしている場合のonerrorハンドリングが失敗する
HTMLのimgタグにおけるsrcsetといえばデバイス毎にいい感じに指定した画像を取得してくれる仕組みですが、これをonerrorでハンドリングした際のハマリポイントを書き残しておきます。 o...
4
0
Comment0
Nuxt.jsとMaterial Iconで、SPA時に文字化けする
事象は表題の通り Material Iconの実装は以下の方法です。 【IE対応】Google Material Iconsをdata 属性を使ってスマートに表示する 上記の手法、Nuxt.js...
3
0
Comment0
PHPでOption型を利用してnullチェックや例外ハンドラを消す
ScalaやRustを普段使ってる方には当たり前にあるOption型ですが、残念ながらPHPには組み込みされていません。 しかし、php-optionを利用することで同様の体験を得ることが出来ま...
6
2
Comment2
50 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