App Routerについて色々調べたので、「Page Routerからどう変わったか？」を中心にいろいろ書きます。 ※Next.jsのバージョンは13.4です 🤗Page Routerから変わった点 「これだけ抑えておけばOK」な内容についてザックリ書きます。 特別な意味を持つファイルができた Page Routerではpages直下につくったファイルがすべてルーティングされました。 ですがApp Routerでは、app直下のpage.tsxと書かれたファイルだけがルーティングの対象になります。 ほかにも、layout.tsxと書かれたファイルを置いておくと「layout.tsxでpage.tsxを自動的にラップする」ができたりします👇

Next.jsを使っているのだが、内部的にどう動いているのかよくわかっていないので軽く調べてみた。 以下を使って、SSR処理時やルーティングでの挙動を見てみる。 https://github.com/zeit/next.js/tree/fc05c9c27307fd6910f7d87b8c65b085751ce190/examples/parameterized-routing 以下のような流れでサーバ起動まで実行できる。 $ npx create-next-app --example parameterized-routing parameterized-routing-app $ cd parameterized-routing-app $ npm run build $ npm start pagesディレクトリは以下のようなファイル構成になっている。 pages ├── blog.j

自作キーボードのケース設計入門本です。 キーボードのケース設計というニッチな分野を対象としていますが、板材を積み重ねる方式と本格的に3D CADを使ってケースを作る方式について、各種ツールの操作方法から考え方まで解説しています。 また、表面処理方法や業者の選定方法など、ケース製造における筆者の経験や工夫なども解説しているので、初心者から上級者まで役に立つ本となっています。 推奨ハッシュタグ：#自キ設計ガイド 自作キーボードのケース設計入門本です。 キーボードのケース設計というニッチな分野を対象としていますが、板材を積み重ねる方式と本格的に3D CADを使ってケースを作る方式について、各種ツールの操作方法から考え方まで解説しています。 また、表面処理方法や業者の選定方法など、ケース製造における筆者の経験や工夫なども解説しているので、初心者から上級者まで役に立つ本となっています。 推奨ハッシュ

JavaScript is constantly evolving, from its roots as a simple scripting language into a robust, modern tool for building complex applications. To manage larger, complicated code bases, JavaScript developers are constantly looking for ways to improve their workflows, their code quality and productivity. TypeScript is a major innovation towards improving code quality and maintenance by adding types,

レビュー 「Dell U4025QW」レビュー、5K2K解像度・120Hzの圧倒的性能を堪能できる40型ウルトラワイド 作業効率を求めてマルチモニター環境を構築する人もいると思いますが、個人的には43インチ4Kのような高解像度かつ大画面のモニター1️台の環境が好みです。 そんな折、毎日のように使っていたモニターの調子が急に悪くなり、いいモニターはないかと探していたところ、デルの5K2Kモニターの新型「U4025QW」が国内でも発売されました。前モデルの「U4021QW」の存在は知っていて5K2K解像度（5,120×2,160ドット）が気になっていたので、いい機会だからと思い切って購入、しばらく使ってみたので実際にレビューします。 「Dell U4025QW」レビュー、5K2K解像度・120Hzの圧倒的性能を堪能できる40型ウルトラワイド 5K2K（5120×2160ドット）の高解像度で12

完成イメージ 画面上部にでっかく画像を表示する（アルバムのアートワークとか） その画像の下の方にページタイトルを表示する（アルバム名とか） スクロールしていくと、だんだん画像が暗くなっていく 画像のスクロール量をページ自体のスクロール量よりも小さくすることで、画像が少し奥にあるような視差効果をつくる 画像の下部にあるページタイトルが画面から消えるぐらいのタイミングで、タイトルを画面上部に固定する 画像とタイトルとその下のListを作る struct HogeView2: View { var body: some View { ScrollView { VStack(spacing: 0) { ZStack(alignment: .bottomLeading) { Image("Wallpaper 1") .resizable() .frame(height: 400) .frame(ma

Note: Catalyst version tag is only shown if the availability differs from iOS. Type e.g. “16” or “macos 13” in the search field to match a specific OS version. Animations KeyframeAnimator iOS 17.0 macOS 14.0 watchOS 10.0 tvOS 17.0 xrOS 1.0 A container that animates its content with keyframes. PhaseAnimator iOS 17.0 macOS 14.0 watchOS 10.0 tvOS 17.0 xrOS 1.0 A container that animates its content by

見た目に目立たない底床キャスター採用。置き場を自由に変更できる。高さ調整も簡単に変更できるガス圧アームを採用。モニターも回転可能なモニタースタンド。 ●低床キャスター採用で移動も楽々で、見た目も綺麗なモニタースタンドです。 ●お店でのサイネージ用途や、会議・病院、家庭での使用に便利です。 ●キャスターは360°回転可能で5個搭載しています。 ●画面の回転機能付きで縦使い横使いと用途に合わせて変更できます。 ●高さの変更が可能なので立った位置、座った位置での高さを設定できます。 ●ブラケットの取り外しが可能でモニターの取り付けがラクにできます。 ●ケーブルアシスト付きで配線処理も可能です。 ■カラー:ホワイト ■サイズ:約W405×D405×H1009～1209mm 支柱直径サイズ/35mm ■重量:約13.7kg ■梱包:1個口/935×D445×H110mm・約15.3kg ■出荷形態:

StateObjectのwrappedValueはclosure内で初期化した方が良い話 SwiftUIで、外部から受け取った値を使ってStateObjectを初期化したい場合、イニシャライザのclosure内で初期化しないと無駄にリソースを使ってしまう可能性がありそうです ObservedObjectとの違いを確認しながら、StateObjectとの挙動を色々確認した備忘録です struct HogeView: View { @StateObject var vm: HogeViewModel init(count: Int) { // StateObjectのイニシャライザのclosure内で初期化する例 _vm = StateObject(wrappedValue: HogeViewModel(count: count)) } // ...... } struct HogeView:

Xcode 15.3ではSwift 5.10に対応している。Swift 5.10の次はSwift 6.0と言われており、順当にいけばXcode 16.0で採用されるだろう。Swift 6.0ではいくつかの機能がデフォルトで有効となり、これまでのSwiftの書き方ではエラーになってしまい、開発の現場では混乱が予想される。 例年通りであればXcodeのメジャーアップデートは9月で、一昨日Xcode 15.3がリリースされたばかりなので気が早いとは思うが、Xcode 16.0へのアップデート時にスムーズに移行できるように、また問題が発生しないように早めに対応しておきたい。 Swift 5.8以降、今後デフォルトで有効になる機能を「先行的に有効する機能」が存在している。Xcode 15.3でも利用が可能なので、この機能を使ってあらかじめSwift 6の機能に先行して対応しておくとよいだろう。 例の

はじめに こんにちは。データサイエンスチームYAMALEXのSsk1029Takashiです。 最近はOpenAIに日本支社が出来て、日本語対応が加速するというニュースにわくわくしています。 今回はそんなOpenAIから発表されたBatch APIという機能が便利、かつお得な機能だったのでどのように使えるのか試してみます。 Introducing the Batch API: save costs and get higher rate limits on async tasks (such as summarization, translation, and image classification). Just upload a file of bulk requests, receive results within 24 hours, and get 50% off API pri

Swift 5.5によって導入されたConcurrencyのうちの、async/awaitがどのように動いているのか調べてみました。 きっかけ 私はもともとasync/awaitなどはJavascriptで使っていたので、Swiftに導入されると聞いたときも「ようやく便利になるね」ぐらいにしか思っていなかったのですが、iOSDC2021のこの発表を見たときにたまげました。 特に驚いたのが、await式がサスペンションポイント(Suspension point)となり、実行が一時保留されるが、その間もスレッドは別の処理に使用されることや、再開されたときは別のスレッドに回ることもあり得るし、同じスレッドの場合もありうる、という話でした。 しかも、並列する複数のタスク間でのコンテキストスイッチは発生せず、呼び出しのコストのみで実現できるので、並列処理を軽量に実行できるそうです。 「なんでこんなこ