はじめに フロントエンド開発 においてレンダリングという言葉はさまざまな場面で登場します。さらに、Server-Side Rendering(SSR)のように「レンダリング」という言葉が名前に含まれているものを含め、Single-Page Application(SPA)など、レンダリングに関連した議論でよく使われる用語も数多く存在します。 そして、これらの用語の意味はフロントエンドの技術の進化に伴い、徐々にニュアンスが変化してきているように感じています。 他のエンジニアとこれらの用語について話す中で、「自分はそれをSSRとは呼ばない」「SPAにはいくつかの意味があるよね」といった意見を耳にし、人によって解釈が異なることを実感しました。 では SSR や SPAなどといった用語は今日どういった意味で使われているのでしょう。そもそも、「レンダリング」とはどういう意味なのでしょうか。SSR に

GitHub Copilot WorkspaceのTechnical PreviewがGitHub有償ユーザ向けに公開されました。GitHub Copilotを有償で利用している方は、すぐに使える状況になっていると思います。 僕も少しだけ使ってみたのですが、今後の開発プロセスを大きく変えていくだろうなという感触を持ったので、ではその「変わった先」というのがどういうものになると思っているのかを書いてみます。 GitHub Copilot Workspaceとは GitHub Copilot Workspaceの苦手なところ 僕たちのプロセスをどう変えるのか 課題はプロンプト生成 設計仕様とテスト工程の連携 では開発フローは？ 設計との向き合い方 GitHub Copilot Workspaceとは GitHub Copilot Workspaceを一言で言うと、AIを活用したコーディング支援

2025年1月28日紙版発売 えーじ，倉林雅，小岩井航介　著 A5判／256ページ 定価3,300円（本体3,000円＋税10%） ISBN 978-4-297-14653-5 Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Amazon Kindle この本の概要 本書のテーマは，パスワードレス認証を実現する「パスキー」です。パスキーはApple，Google，Microsoftといった3大プラットフォーマを含む多くの企業が協力して開発している認証技術で，大手から中小企業までさまざまなサービスで導入が進んでいます。 「パスキーとは？」の疑問に答えるとともに概要はもちろんのこと，従来の認証技術の課題と比較して何が優れているのか，パスキーの導入で知っておくべき特性，パスキーの登録・認証・管理画面などのUX設計，WebサイトだけでなくiOSやAndroidの具体的な実

『ふつうの軽音部』公式アカウント(@FutsunoKeionbu)」をフォローして、投票結果をX（Twitter）にシェアしてくれた方の中から抽選で100名様に人気投票上位3名のキャラクターのイラストを使ったピックキーホルダーセットをプレゼント！ ※投票結果をハッシュタグ『＃第1回ふつうの軽音部人気投票』とつけてポストしてくださった方が抽選対象となります。当選の結果はX(Twitter)のDM機能にてご連絡差し上げます。 ※当選者へは、X(Twitter)のDMを通じて当選案内をご連絡いたしますが、DM上での個人情報の詳細確認は行いません。 ※当選連絡より2週間以内にお返事がない場合、当選が無効になる場合がございます。 ※抽選結果に関するお問い合わせは対応いたしかねます。 ※当選賞品の権利譲渡はできません。 ※当選連絡をお送りするまでフォローを外さないようにお願いいたします。また、鍵付きア

はじめに Protocol BuffersとRustの実践的な学習を目的として図書管理システムを開発しました。 システムの構築にあたってはBufによるスキーマ管理とコード生成を採用することで開発環境を実現しています。今回の実装を通じてRustにおけるgRPCサービスの構築手法について理解を深めることができました。 buf.build フロントエンド開発については今後の課題として検討しています。 Remixが気になっているので実装したいと思ってます。本記事ではバックエンド実装に焦点を当てて解説します。 特にRustのエコシステムにおけるtonicやSQLxといったライブラリの活用方法に着目します。これらの実装を通じて得られた知見は他のRustプロジェクトにも応用可能な内容となっています。 学習目的で実装したコードなので何かに活用していただければ幸いです。 github.com プロジェクトの

AI エディター Cursor を試してみる 2025.01.11 AI エディター Cursor は GitHub Copilot と同様にコードの補完やチャットによるコードの生成をサポートしてくれます。Cursor は VS Code をフォークして作られており、既存の VS Code の拡張機能やキーバインドをそのまま利用することも特徴の 1 つです。 生成 AI の台頭はプログラミングの世界に大きな変革をもたらしました。我々開発者は AI の助けを借りながらまるでペアプログラミングをしているかのようにコードを書くことができます。私自身も普段から GitHub Copilot を使ってコードを書いています。コードを書いている最中に AI がコードを補完してくれる体験は、素早いフィードバックを得られるため非常に効率的です。 コードを選択してテストコードやドキュメントを生成したり、コード

1月4日/5日、ロッキンオンソニックに行ってきました。 出演者については、大きい方のGALAXY STAGEはまるで「サマソニには全体方針の変更でなかなか出演できなくなってしまったそれなりに大御所バンド」、小さい方のCOSMO STAGEはかつてスタジオコースト等で開催されていたHOSTESS CLUB WEEKENDERのような、クセ強めの若手・中堅バンド主体といった趣で、どっちも過去の自分が好きだったものなので、それが2つ組み合わさったような今回のフェスは、もう文句のつけようがない。 ただ、もう少し細かく言うと「第一線で活躍中ではあるものの、最盛期と比較すると勢いが落ち着いたバンド」と「これから盛り上げていきたい若手・中堅バンド」の他に「本国やその他の国では単独でアリーナ以上のレベルの人気があるものの、日本ではそこまで人気がないバンド」の合計3種あるような気はします。 その流れで思った

パスタやうどん、ラーメンなど、サクッと作れて失敗しにくい麺料理は1人家メシの定番ですね。とくに昨年後半からの米の値上がりで、“麺食い率”がますます高くなったという人は少なくないはず。 ということで今回は『メシ通』でご紹介してきた麺レシピから、寒い季節に体を温めてくれる「辛くてウマい麺レシピ」を集めました。 フライパン1つ、鍋1つでできるものから、少ない材料で作れるもの、野菜がたっぷり食べられるもの、ビールに合うものなど、冬メシのローテーションに入れたくなるレシピがきっと見つかりますよ！ INDEX ▽01:フライパン1つ。スープで麺を茹でる「ペペロンチーノ風スープスパ」がラクでウマい ▽02:ニラとにんにくが香る餃子っぽい味の「スタミナペペロンチーノ」元イタリアン料理人のレシピ ▽03:具なし、あえて焦がすワンパンパスタ「暗殺者のパスタ」元イタリアン料理人のめちゃくちゃ辛くて濃厚なレシピ

あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2024年のWebアクセシビリティに関連する出来事を振り返りつつ、2025年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2と関連文書 2023年10月のWCAG 2.2の勧告から1年ほどが経ちましたが、昨年の12月12日付けでWCAG 2.2の更新がされました。大部分の変更点は、編集上の修正であって、変更内容自体は軽微ではあります。ただ、WCAG 2.2内の用語集（Glossary）の用語に一部更新があるのは特筆すべき事項でしょう。 昨年はWCAG 2.2自身に動きがあった一方で、WCAG 2.2を取り巻く状況についてもいくつか目に付くものがありました。 WCAG 2.2日本語訳と解説書 ウェブアクセシビリティ基盤委員会（WAIC）では、昨年3月にWCAG 2.2 日

PHP"オレ"カンファレンス神戸やKobe.tsを機に、神戸へ来てくださる方がちらほらといらっしゃいそうです。 そんな方の役に立てるかは分かりませんが「困ったら・ついでに、ここへいくとよいかも」という場所を、神戸に執筆時点で30年近く神戸に住んでいる僕の独断と偏見で列挙しておきます。 遠方からの移動手段遠方から来る場合は飛行機か新幹線になるのですが、スカイマークが発着している空港があるのならば飛行機がおすすめです。安いし、早いです。特に東京から来るのであれば、飛行機を推したいです。 ただ飛行機は時間の調整が難しいので、そうすると新幹線が有利ですね。結構前から予定が決まっていて、朝一で神戸入りするなら飛行機。それ以外なら新幹線がよさそう。 いずれの交通手段であれ三宮方面へは出る必要があるのですが、どちらの手段だとしても道中から観光を楽しむことができます。

Windows環境については試していませんが、同様の効果が期待できそうです。特にWindows Subsystem for Linux 2（WSL2）やDocker Desktopを使っている場合は、この記事のLinux向けの内容をそのまま適用できます。 まずは計測 ビルド時間の削減に入る前に、現在のビルドにかかっている時間を計測し、何に時間がかかっているのかを把握しましょう。そうすることで後の改善効果がはっきりしますし、もし、本記事の例とは状況が異なる場合でも適切な対応を取れるかもしれません。 cargo buildやcargo testに--timingsオプションを追加することで、個々のクレートのビルドにかかった時間を計測し、視覚化できます。 フルビルドにかかる時間を計測する ここで言うフルビルドとは、cargo cleanを実行したあとの何もない状態からビルドし直すことです。これに

はじめに こんにちは！yasunaです！ 私は普段は会社員をしていてエンジニアではないのですが、趣味でプログラミングをしています！ 今回はAIの力をフル活用しながら個人開発アプリの要件定義を作るまでの流れを記録しておきたいと思います。 今回作ろうとしているアプリケーションについて 「TikTok台本作成支援システム」というアプリケーションを作ろうとしています。ユースケース図はこんな感じになりました。 この図を作るときに役に立ったのがAI搭載エディターのCursorです。 CursorはAIがコードを生成してくれるので、コードを書くのが苦手な私のような人でもAIとチャットしながらコードを書くことができます。 こちらの図もCursorでmdファイルを作成して図に変換しました。 これはPlantUML（プラントユーエムエル）という図表作成用のマークアップ言語です。 UML（Unified Mod

はじめに 本記事は AI時代にこそTDDだと思う話 https://zenn.dev/akfm/articles/tdd-with-copilot をパクってオマージュしてタイトルをつけたが、特にそれには言及しない。 本記事はRustを好きで使用している人間が書くポジショントークということを前提に読んでほしい。また、現状でRustを選択するべきだという主張をする記事ではなく、長期的に見るとRustとAIの組み合わせは親和性が高くなるのではないかという個人的予想を記載しているのみである。 本記事は自分用に雑に書いていた箇条書きメモをo1と対話しながら人に見せられる構造にまとめたものであり、文章構成に不自然な点が残っているかもしれない。 背景: AIの発達とプログラム責任の問題 昨今はAIによるプログラム生成の力に拍車がかかっている。いまやAIがあれば、品質度外視ではあるが素人でもコードを生成

togetter.com 昨年末のNHK紅白歌合戦に特別枠で初出場して話題をさらった B'z を巡り、年明けに X などで議論になってるのを見かけた。 その関係で、速水健朗さんの元日のツイートが気になった。 ただ数年経って状況が変わる。気が付くと世の売れている音楽の大半がビーイング製作になっていた。浸透したというか、中毒化を引き起こした。この銀座じゅわいよくちゅーるマキ系のCMの存在抜きに、B'zが嫌われたり、国民的なバンドになったりという構造は語れない。— 速水健朗 Kenro Hayamiz (@gotanda6) January 1, 2025 このあたりの議論で、渋谷陽一の過去の評を思い出した人が結構いたようだ。 https://t.co/3O7mjMAPR5 今回の件でも、渋谷陽一の文章を掘り起こそうかな https://t.co/RtGs90jF4J— yomoyomo (@y

当ニュースレターは2023年を「SaaSがオワコン化した年」と位置づけたが、2024年は早くもAIが終わった一年であった。少なくとも大規模言語モデル（LLM）そのものの発展を、物珍しそうに追いかける時期は過ぎた。生成AIが今後どこまで賢くなるかはもちろん未知数である。しかし、既に業務で十分に役立つレベルにある現行モデルのコストが今後も下がっていくことは確実だ。 The cost of GPT-4 APIs at launch in Mar 2023 was roughly ~$30 per 1m tokens. Seeing Deepseek V-3 APIs at ~$1 per 1m tokens today. For AI application companies, cost of "intelligence" is falling significantly faster tha

Previous slideNext slideToggle fullscreenOpen presenter view REST API 型安全を目指して 〜スキーマ駆動開発を支える技術〜 すばる / su8ru 2024-11-29 | 北大合同勉強会 2025 冬 https://slides.su8.run/241129-sdd 自己紹介 すばる / su8ru 北海道大学工学部 情報エレクトロニクス学科 2 年 HUIT / 3D 研 / JagaJaga (Hupass) Twitter: @su8ru_n <- New!! GitHub: @su8ru すきなもの：TypeScript / 初音ミク / 鏑木ろこ / ヰ世界情緒 お仕事でフロントエンドを、趣味でバックエンドを書いています 北大生による、北大生のための時間割アプリ サーバー実装のフルリプレース （および iNA

2025/01/04 Git Hooks ツールの Lefthook を追記 2025/01/05 フロントエンドの状態管理に XState を追記 各リンクテキストを対象名がわかりやすい形式に変更 概要 以前のプロジェクトで使っていたり、進行中に差し替えまでは出来ないけど次使うならこれを使おうと思っていたライブラリやツールなどが、いざ新しくプロジェクトを作ろうと初期構築を始めたら色々と失念している事ってよくありませんか？ 最近実際それがあり、個別のページにわかれて技術メモはとってあったりするのですが探しながらは手間なのとブクマしただけのものもあるので、インデックス的に手軽に気になった技術をメモっておく見ながら構築したり技術選定の前段階に使うようなノートを作ったので誰かのお役に立つかもと公開してみます。 気軽に雑にメモるのを前提に作ったものをそのまま公開しているので文体等は統一されてません

C/C++ の「ポインタ」は、難しいとか、実は簡単だとか、色々言われます。 ポインタについては規格に書かれています。この記事は、ポインタをより正確にイメージするため、規格に私の解釈を追加したものです。区別のため、C++23 草案 (N4950) の内容には節番号を付け、私の解釈は 斜体 で書きます。 私の解釈は以下の記事の影響を受けています。 ポインタとは、IDとオフセットの組 まず、ヌル以外のポインタは、以下の ID とオフセットの組 です。 ID：新しいオブジェクトが作られるたびに振られる、ユニークな値。 オフセット：オブジェクト先頭からのバイト数。 詳しく話していきます。 ID の割り振り 変数を定義するとオブジェクトが作られ (6.7.2)、各オブジェクトに固有の ID が割り振られます。たとえば、 と書くと整数 x と配列 arr が作られるので、x と arr にそれぞれ ID