検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 16 件 / 16件

新着順 人気順

Honoの検索結果1 - 16 件 / 16件

  • 【図解】Next.jsで理解するSSRとクライアントルーティングの通信の仕組み

    「Next.jsで理解するSSRとクライアントルーティングの違い」という名目で社内にて簡単に勉強会を行いました。本記事は、その内容を適宜編集して公開するものです。 TL;DR 以下の要約を読んで、「なんだその話か」って思った方は引き返していただいて大丈夫です。逆に「えっそうなの・・・？」と思った方は、ぜひ読んでください！ Next.jsアプリケーションにおいて、/hogeと/fugaというページがあり、それぞれgetServerSideProps()が定義されているとします 最初ブラウザで/hogeを開いたとき、Next.jsアプリケーションはブラウザから/hogeへのGETリクエストを受け取り、getServerSideProps()を実行します 次に/hogeから/fugaへrouter.pushで遷移すると、Next.jsアプリケーションはブラウザから/fugaへのGETリクエストを

      【図解】Next.jsで理解するSSRとクライアントルーティングの通信の仕組み

    • Honoを使い倒したい2024


      はじめに こんにちは、AI Shift バックエンドエンジニアの@sugar235711です。 この記事では、Honoの使い方をおさらいし、API開発を通じてHonoの実際の開発で役立つTipsを紹介します。 Honoの基本的なコンセプトや網羅的な実装例については、公式ドキュメントを参照してください。 基本編 この章では、Honoの基本的な使い方を紹介します。 App/Contextオブジェクトの使い方 Honoでは、プライマリオブジェクトであるHonoインスタンスを生成し、そのインスタンスをもとにAPIのエンドポイントを定義します。
        Honoを使い倒したい2024

      • Server-Sent Events を複数パターンで実装して理解を試みる


        Server-Sent Events (SSE) 目新しい技術というわけではありませんが、最近 Server-Sent Events (SSE) について言及する記事をよく見かけます。 何番煎じかはわかりませんが、個人的に興味があることと、正直触ってみたことがなかったので、コードを書きつつ調べてみました。 ※本記事で登場するサンプルコードは次のリポジトリで公開しています。 SSE とは SSE 自体を解説する記事は無数に存在するため詳細な説明は割愛しますが、簡単に言うと、サーバーからクライアントへ一方向の Push 通信を行うための仕組みです。 MDN にもページが存在するため、参考になります。 独自プロトコルを必要とせず、HTTP/1.1 でも動作するのも特徴です。 SSE の歴史 wikipedia に SSE に関するページが存在し、次のような記述があります。 SSE メカニズムは、
          Server-Sent Events を複数パターンで実装して理解を試みる

        • Kotlin Fest 2024のためにCompose HTMLでWebサービスを開発した話 - エムスリーテックブログ


          こんにちは、モーニーングルーティーン担当、VPoEの河合(@vaaaaanquish)です。 サムネイルの写真は、娘が描いてくれたパパです。上手です。 本記事は、先日開催されましたKotlin Festにおいてエムスリーのスポンサーブースで展開していた﹃エンジニア トリ診断﹄の開発秘話を公開するものです。 Kotlin Festとエンジニアトリ診断 Kotlin Compose HTMLとは Compose HTMLをGitHub Pagesでホスティングする OGPを設定する Kotlinでフロントエンド開発を進める おわりに We are hiring !! Kotlin Festとエンジニアトリ診断 Kotlin Festは、Kotlinに関する技術カンファレンスで、今年は6月22日に開催されました。 詳しくは参加レポートもありますので、ご参照頂ければ幸いです。 www.m3tech
            Kotlin Fest 2024のためにCompose HTMLでWebサービスを開発した話 - エムスリーテックブログ

          • なぜ暇そうなインドカレー屋は潰れないのか？乱立しているインドカレーが潰れない理由

            日本人の大半が好きであろうスパイス香るインドカレー、毎日食べたいとは思わないけど、ある時、無性に食べたくなる味です。でも、その割にインドカレー店は、いつも暇そうにしていませんか？ココイチカレーみたいに大入り満員のインドカレー店はあまり、見た事がないですよね？なのに、どうしてインドカレー店は潰れないのでしょうか？ 監修者 kawauso 編集長（石原 昌光） 姉妹メディア「はじめての三国志」にライターとして参画後、歴史に関する深い知識を活かし活動する編集者・ライター。現在は、日本史から世界史まで幅広いジャンルの記事を1万本以上手がける編集長に。故郷沖縄の歴史に関する勉強会を開催するなどして地域を盛り上げる活動にも精力的に取り組んでいる。FM局FMコザやFMうるまにてラジオパーソナリティを務める他、紙媒体やwebメディアでの掲載多数。大手ゲーム事業の企画立案・監修やセミナーの講師を務めるなど活

            • 半田銀山とは？上杉景勝が開発し五代友厚が引き継いでの経営から閉鎖までの経緯

              半田銀山は福島県伊達郡桑折町にある廃鉱です。平安時代の大同二年（807年）に発見されたと伝えられ、名前の由来は、金属の接合に使う鉛と錫の合金「はんだ」を語源とする説があるようです。この半田銀山の歴史には戦国の名将、上杉景勝と明治の政商五代友厚が深く関係していました。 監修者 kawauso 編集長（石原 昌光） 姉妹メディア「はじめての三国志」にライターとして参画後、歴史に関する深い知識を活かし活動する編集者・ライター。現在は、日本史から世界史まで幅広いジャンルの記事を1万本以上手がける編集長に。故郷沖縄の歴史に関する勉強会を開催するなどして地域を盛り上げる活動にも精力的に取り組んでいる。FM局FMコザやFMうるまにてラジオパーソナリティを務める他、紙媒体やwebメディアでの掲載多数。大手ゲーム事業の企画立案・監修やセミナーの講師を務めるなど活躍中。 コンテンツ制作責任者 おとぼけ（田畑

              • 「サムライが盾を捨てた理由」を語ります！6月29日（土）生配信

                ほのぼの日本史をご覧の皆さん、こんにちは。カワウソ編集長です。 6月のほのぼの日本史オンライン講義はサムライが盾を捨てた理由を考察します。世界的には右手に剣、左手に盾が主流ですがどうして日本ではそうならなかったのでしょうか？ そこで、今回は意外な理由を分かりやすく解説します。日時は6月29日（土）23:00からです。皆さんのご参加をお待ちしています。 監修者 kawauso 編集長（石原 昌光） 姉妹メディア「はじめての三国志」にライターとして参画後、歴史に関する深い知識を活かし活動する編集者・ライター。現在は、日本史から世界史まで幅広いジャンルの記事を1万本以上手がける編集長に。故郷沖縄の歴史に関する勉強会を開催するなどして地域を盛り上げる活動にも精力的に取り組んでいる。FM局FMコザやFMうるまにてラジオパーソナリティを務める他、紙媒体やwebメディアでの掲載多数。大手ゲーム事業の企画

                • 天誅組の変って実際に何が起こったの？幕末の激動を動かした天誅組事変

                  天誅組の変（天誅組事変）は、幕末の文久3年8月17日（1863年9月29日）に起きた尊皇攘夷派志士の挙兵事件です。この事件では天誅組と呼ばれた土佐の脱藩浪士吉村虎太郎をはじめとする尊皇攘夷派浪士の一団が公卿中山忠光を主将として大和国（現在の奈良県）で蜂起し幕府軍の討伐を受けて僅か40日で壊滅した事件で、大和義挙、大和の乱などとも呼ばれる事もあります。今回はマイナーながら明治維新の先駆者ともされる天誅組の変について解説します。 監修者 kawauso 編集長（石原 昌光） 姉妹メディア「はじめての三国志」にライターとして参画後、歴史に関する深い知識を活かし活動する編集者・ライター。現在は、日本史から世界史まで幅広いジャンルの記事を1万本以上手がける編集長に。故郷沖縄の歴史に関する勉強会を開催するなどして地域を盛り上げる活動にも精力的に取り組んでいる。FM局FMコザやFMうるまにてラジオパーソ

                  • 真実の安倍晴明は［占いも数字も強い］中二病心をくすぐる存在だった？

                    NHK大河ドラマ「光る君へ」においてユースケ・サンタマリアさんが演じている安倍晴明。夢枕獏の小説「陰陽師」のヒットもあり、人とも魔ともつかない美貌の青年として描かれてきた安倍晴明ですが、今回の大河では、年齢を重ね、時の権力者を渡り歩きながら地位を築いていく怪しい存在になっています。では、そもそも安倍晴明とは、どんな人物だったのでしょうか？ 監修者 kawauso 編集長（石原 昌光） 姉妹メディア「はじめての三国志」にライターとして参画後、歴史に関する深い知識を活かし活動する編集者・ライター。現在は、日本史から世界史まで幅広いジャンルの記事を1万本以上手がける編集長に。故郷沖縄の歴史に関する勉強会を開催するなどして地域を盛り上げる活動にも精力的に取り組んでいる。FM局FMコザやFMうるまにてラジオパーソナリティを務める他、紙媒体やwebメディアでの掲載多数。大手ゲーム事業の企画立案・監修や

                      真実の安倍晴明は［占いも数字も強い］中二病心をくすぐる存在だった？

                    • Hono Conference 2024 - Our first step

                      2024年6月22日(土)に第一回の「Hono Conference」を東京で行いました。Honoに焦点当てたトークのみで構成されるイベントとしては初の試みです。ですので、"Our first step"という副題をつけました。100人が参加し、イベントは大成功に終わりました。 この記事ではHono Conferenceについてレポートしたいと思います。 会場 会場はdocomo R&D OPEN LAB ODAIBAさんにお借りました。開放感がありとても素敵な会場でした。ありがとうございます！ 参加者 以下のページで参加者を募りました。 定員90人のところ、140人の希望者がいました。人気のほどが伺えます。当日は、発表者も合わせて100人が参加しました。 Honoを以前に使ったことがあるか？という質問にほぼ全ての人が手を挙げていたのが印象的でした。 トーク イベントは午後1時から4時30

                        Hono Conference 2024 - Our first step

                      • Next.jsとHono RPCで安全・爆速開発


                        AVベースはNext.js︵Pages Router︶のモノリスで作っています。画面から呼び出すAPIには Next.js の API Routes を使っています。API RoutesはHTTPメソッドを自分でハンドルする必要があったり、エラーハンドリングを各ファイルごとに行う必要があったりと、そのまま使うにはあまり便利ではありません。 そこでAPI RoutesでHonoを使うことにしました。Honoは高速かつ様々なランタイムで動作することで人気ですが、型推論を利用した RPC 機能も搭載しています。RPCによってサーバー・クライアント間の型が接続されたことで、画像のような快適な開発が可能になりました 左がサーバー側、右がクライアント側のコード。サーバー側のリファクタリングがクライアントにも反映される様子︵リクエスト・レスポンスともに message というフィールドを text に置
                          Next.jsとHono RPCで安全・爆速開発

                        • 意外と知らない第一次と第二次長州征伐を［すっきり解説］

                          幕末の日本史で重要な出来事と言えば大政奉還とその切っ掛けになった幕府の第二次長州征伐の失敗ですね。長州征伐には第一次と第二次がありますが、実質第一次で戦争は起きていないってご存知ですか？今回は有名なのに内容は詳しく知られていない長州征伐をすっきりと簡単に解説します。 監修者 kawauso 編集長（石原 昌光） 姉妹メディア「はじめての三国志」にライターとして参画後、歴史に関する深い知識を活かし活動する編集者・ライター。現在は、日本史から世界史まで幅広いジャンルの記事を1万本以上手がける編集長に。故郷沖縄の歴史に関する勉強会を開催するなどして地域を盛り上げる活動にも精力的に取り組んでいる。FM局FMコザやFMうるまにてラジオパーソナリティを務める他、紙媒体やwebメディアでの掲載多数。大手ゲーム事業の企画立案・監修やセミナーの講師を務めるなど活躍中。 コンテンツ制作責任者 おとぼけ（田畑

                            意外と知らない第一次と第二次長州征伐を［すっきり解説］

                          • パルワールド、ソニーグループを味方につけるまでにすくすくと成長 : 市況かぶ全力２階建

                            こないだパルワールドの完全詠唱をしようと思ったけどだいぶ忘れてたな 「ポケダの伝説 breath of the ARK CALL of craft impact」 — つまっし@7/14浦吹サマコン (@2ma4_hono) March 20, 2024 palworld pic.twitter.com/uzR7R2Sgat — Andrewjrt (@andrew_jrt) February 5, 2024 パルワールドエンタテイメント設立だと！？株式会社ポケモンみたいになってきたぞw — シイラ (@sealacat) July 10, 2024 ようするに株式会社ポケモンを立ち上げるみたいなことをしたってことでしょうかね — 防毒人間 (@AntiPoisonHuman) July 10, 2024 ポケモンのパクリとか叩かれてたパルワールドがソニー傘下でIP事業展開するまでに成長し

                              パルワールド、ソニーグループを味方につけるまでにすくすくと成長 : 市況かぶ全力２階建

                            • みんなで粘土をこねる web アプリを hono で作った

                              はじめに リアルタイムでみんなの反応が見れるアプリ、作りたいですよね。 X や instagram など各種 SNS では、何かアクションがあれば通知に数字がつきます。 Slack や Chatwork でも同じですね。メンションされたらチャンネルに数字がつきます。 モンスターハンターは凄まじいです。 最大4名のプレイヤーで同じモンスターを狩るのですが、どこに誰がいるかリアルタイムで確認できます。 ディアボロスに追いかけ回されながら、半泣きで逃げ回っているとき、共闘しているはずのプレイヤーがホームから動かなかったり、明らかに素材集めに勤しんでいたらx意が湧きます。 このようなリアルタイム通信を実現するために、どのような方法があるか探したところ WebSocket WebRTC SSE(Server-Send Events) というものが見つかりました。 WebSocket を試したい 本当

                                みんなで粘土をこねる web アプリを hono で作った

                              • [Astro×Hono×Fresh対談] Next.jsじゃないFWが見据えるフロントエンドの未来 (2024/07/25 19:00〜)


                                注意 現在X(旧Twitter)でのソーシャルログインができない事象を確認しています。事前にX(旧Twitter)側で再ログインした上でconnpassのソーシャルログインを行うか、 ﹁ユーザー名(またはメールアドレス)﹂と﹁パスワード﹂の組み合わせでのログインをお試しください。合わせてFAQもご確認ください。 お知らせ 2024年9月1日よりconnpassサービスサイトへのスクレイピングを禁止とし、利用規約に禁止事項として明記します。9月1日以降のconnpassの情報取得につきましては イベントサーチAPI の利用をご検討ください。 お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より ﹁企業・法人﹂﹁コミュニティ及び個人﹂向けの2プランを提供開始いたします。ご利用にあたっては利用
                                  [Astro×Hono×Fresh対談] Next.jsじゃないFWが見据えるフロントエンドの未来 (2024/07/25 19:00〜)

                                • JSON.parse(JSON.stringify(x))に型をつけよう

                                  はじめに WebバックエンドとクライアントをともにTypeScriptで書くとします。また、バックエンドではJSON.stringifyで値をシリアライズし、クライアントサイドではJSON.parse相当の処理でレスポンスボディを取得すると仮定しましょう[1]。このとき、JSON.stringifyの挙動がわかれば、実際にクライアントにどのような値が返ってきうるかを型で表現できるはずです。例えば、 となるので、{ a: undefined }の型をJSON.stringifyしてからJSON.parseした値の型は{}とするべきです。 本稿では、JSON.stringifyの仕様に沿ってそのような型を定義する方法について解説していきます。また、その際の制限についても最後に軽く触れます。 背景 本稿の概要を理解をするためには不要ですが、この節ではそれを試みることになった背景についてお話ししま

                                    JSON.parse(JSON.stringify(x))に型をつけよう
                                  1

                                  はてなブックマーク

                                  公式Twitter

                                  はてなのサービス

                                  • App Storeからダウンロード
                                  • Google Playで手に入れよう
                                  Copyright © 2005-2024 Hatena. All Rights Reserved.