SvelteKit

クイズ番組といえば...？ DX事業本部の小松です。 突然ですが、皆さんはクイズ番組といえば何をイメージされるでしょうか？ 私は「クイズ$ミリオネア」や「クイズ!ヘキサゴン」をよく見ていました。これは年代が分かってしまう質問かもしれませんね笑 一方、私の上司は「オールスター感謝祭」が好きとのことでした。 オールスター感謝祭は、大体半年に1回放送されるクイズ番組です。 クイズは選択式の通常問題に加え、解答者が参加するミニマラソンなどの結果を予想する問題が出題されます。 いくつかのクイズをまとめて「ピリオド」と呼び、繰り返されるピリオドごとに、チャンピオンが賞金を獲得します。 こんなクイズ大会を社…

この記事はTech KAYAC Advent Calendar 2022の3日目の記事になります。こんにちは！技術部フロントエンドエンジニアの古園です。 最近はギアの揃ったファッションをするべくイクラアルバイトに勤しんだり、来年1月公開の映画に備えて蒼穹のファフナー THE BEYONDを見たりしています。www.kayac.com今回は最近流行り始めているSvelteを使ってWebサイトの構築を行なった話をしていきたいと思います。 Svelteとは SvelteはReactやVueと同じくユーザーインタフェースを構築できるJavaScriptフレームワークの1つです。 ReactやVueと違…

実験用APIサーバを作る FastAPIで作るのが一番簡単だと思うので、FastAPIを使う。 この後の環境構築まで一通り終わってからちゃんとコードを書くようにしたいので、まず公式のチュートリアルにあるコードをコピーしつつ、あとあとの事情により一箇所だけ書き換えてapiserver/main.pyと言う名前で保存 from fastapi import FastAPI app = FastAPI() @app.get("/api/v0/") async def root(): return {"message": "Hello World"} svelteでアプリを作る 公式サイトと同じ感じで…

はじめに Svelte+SvelteKit の環境がコマンド 1 つで構築できるので、その構成を軽く見てみようと思います Web フレームワークのSvelteKitはSapperの後継で将来的にこちらに置き換わります この記事の@sveltejs/kitのバージョンは1.0.0-next.151です まだ β 版です セットアップ npm init svelte@next Project-name インタラクティブに環境をセットアップできる 以下を選択 Which Svelte app template? SvelteKit demo app Use TypeScript? Yes Add E…

Svelte(Kit)に対しては、基本的に"推し"なスタンス。けど、今回はあえて気になるポイントも書いておこうかと。めちゃめちゃ不満ってほどでもないけど、気になるってところ。ちなみに、SSRは基本的にしない（できない）用途の開発ばっかりやってる勢なので、観点には多少の偏りがあるはず。

はてなブログ独自の集計による人気記事のランキング。2月5日（日）から2月11日（土）〔2023年2月第1週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 アメリカでレイオフされました。 - shinichy's blog by id:suplik 2 2023年版：実務データ分析を手掛けるデータサイエンティスト向け推薦書籍リスト（初級6冊＋中級8冊＋テーマ別15冊） - 渋谷駅前で働くデータサイエンティストのブログ by id:TJO 3 朝日新聞社編『危機の時代に読み解く『風の谷のナウシカ』』（徳間書店）取材原稿完全版 - shinichiroinaba's blog by …

こんにちは、こんばんは、久保田です。 この記事ではSvelteKitにSentryを導入する方法を紹介します。 Sentryってなに？ 詳細は割愛します。ざっくりいうとアプリケーションのエラーを集約するSaaSです。 詳しくはサイトなり別途解説された記事を参照ください。 Application Performance Monitoring & Error Tracking Software | Sentry SvelteKitにSentryを導入する まず、SvelteKitでSentryを導入する際に気をつける点があります。 それは、「SSR時のエラーか、CSR時のエラーか」ということです。…

はじめに 最近フロントエンドへの自身の理解の甘さを感じるようになってきました。 ここ最近TypeScriptなどフロントエンドに関係する記事をいくつか公開しましたが、そろそろ実際になにか作ってみようと感じるようになりました。 そこで今回は気になっていたastroというフレームワークを触ってみようと思います。 題材としては、自作ブログにしたいと思います。 目的はブログ記事の管理を簡単にすることと、フロントエンドの学習、また、レンタルサーバーなどを用いてインフラ周りを含めた実践です。 今回はフロントエンド関連のキーワードについて調べながらastroの公式ドキュメントを読み進めていきたいと思います。…

mozaic.fm State of JS 2022 もうYarnはなるべく使わないようにしてたけどpnpm試していこうかな。 Svelteはいいぞ。 Remixもいいけど確かにやっぱReactじゃんなのそれはそうなんだよねぇ。 まぁ今のところだと現実的には要件によってNext.jsかRemixのどっちかを選ぶんだろうなってのはある。 そういやAstroでFable使えたりするんかな、今度やってみよ。 2022 JavaScript Rising Stars Denoは触ってみたけどBunはまだだったな。移行はまだ様子見状態。 エコシステムがもっと整わないとワークアラウンドの方が多そう。 逆に…

もとい、Svelte(Kit)なプロジェクトを、Qwik(City)で書き直してみての学び。待望のやつではあるが、端切れの悪いタイトルなのは、移行途中でどうしようもなくハマってしまい、採用を見送ることにしたから・・😇そういうわけなので、使い込んでみたわけでもまったくないし、最高！とか微妙・・・とかそういう判断というよか、ただの感想文って感じ。

実践SvelteKit × FastAPI 誰でも簡単Web開発！フルスタックエンジニアになる！ 「実践SvelteKit × FastAPI 誰でも簡単Web開発！フルスタックエンジニアになる！」発行主旨・内容紹介 「実践SvelteKit × FastAPI 誰でも簡単Web開発！フルスタックエンジニアになる！」目次 「実践SvelteKit × FastAPI 誰でも簡単Web開発！フルスタックエンジニアになる！」Amazonでの購入はこちら 「実践SvelteKit × FastAPI 誰でも簡単Web開発！フルスタックエンジニアになる！」楽天市場での購入はこちら※電子書籍版です 実践…

１２月２２日発売の本 １２月２３日発売の本 １２月２４日発売の本 １２月２５日発売の本 １２月２６日発売の本 １２月２７日発売の本 １２月２８日発売の本 １２月２２日発売の本 無職転生 ～異世界行ったら本気だす～ 18 (MFコミックス フラッパーシリーズ) 作者:フジカワ ユカ KADOKAWA Amazon 宇宙兄弟（４２） (モーニングコミックス) 作者:小山宙哉 講談社 Amazon メダリスト（７） (アフタヌーンコミックス) 作者:つるまいかだ 講談社 Amazon 盾の勇者の成り上がり 22 (MFコミックス フラッパーシリーズ) 作者:藍屋球 KADOKAWA Amazon 焼…

まーた今年も終わってしまう！まだ何もしてないのに！というわけで、今年もいつもの振り返りを。