並び順

ブックマーク数

期間指定

  • から
  • まで

761 - 800 件 / 2470件

新着順 人気順

routerの検索結果761 - 800 件 / 2470件

  • If not SPAs, What?

    A few months ago, I wrote an article about how the SPA pattern has failed to simplify web development. The SPA pattern (Single-Page Apps), I tried to define, was about the React model, which also covers, to a large extent, the model of Vue, Angular, and other frontend frameworks. Like any critique, it begs for a prescription and I didn’t give one, other than gesturing toward server-side frameworks

    • HonoJSがJavaScriptの未来を変える! - Qiita

      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Leapcell: 次世代のサーバレスプラットフォームでWebホスティング JavaScriptランタイムフレームワークHonoの詳細理解 Github上で、JavaScriptランタイムフレームワークのHonoはすでに22,000のスターを獲得しています! Honoの誕生背景 Honoの誕生は2021年12月に遡ることができます。その作者は、当時Cloudflareの社員として、Cloudflare Workers向けのアプリケーションを作成したいと考えていました。しかし、フレームワークを使用しない場合、コードは非常に冗長になり、要件

        HonoJSがJavaScriptの未来を変える! - Qiita
      • 管理画面を Smarty から Vue.js に一新した話 - Colorful Bullet

        PHPエンジニアの堀田です。 もう一回言っておきますがPHPエンジニアです。 しばらくリファクタリングを続けたおかげで、だいぶ見通しが良くなってきたな〜と喜んでいたのも束の間。 「Smartyイケてないんで、フロント技術の入れ替えしたいですね」 マネージャーからの無茶振りありがたいお言葉。 より優先の課題があるのでと後回しにされていた問題にも焦点が当たりました。 導入にあたっての意見 最終的には「やる」ということになったのですが、決定打だったのは微調整により手動のテストに繰り返しかかる工数のあたりでした。 他にも出た意見は以下のような感じ。 賛成 (メリット) Smartyはページの表示出力だけなので、ページ遷移やデータのやりとりは独自実装。JSが無法地帯になりがちなのでやめたい。 JSフレームワークに移行すれば表示系でまとめて開発・管理できる(疎結合な開発ができる) テストが書ける(時間

          管理画面を Smarty から Vue.js に一新した話 - Colorful Bullet
        • Supabase勉強のためにReact Nativeを使って遊んでみた | DevelopersIO

          こんにちは、こんばんわ。 「コロナワクチン3回目接種後、左大胸筋が痛いです。」 CX 事業本部 Delivery 部 MAD グループ@札幌の hiro です。 今回は、弊社ブログでもいくつか既に紹介されているSupabaseを勉強がてら触ってみたということで、執筆させていただきます。 はじめに 既に、いくつか弊社でもSupabaseに関する内容は執筆されており、大変わかりやすい内容となっています。 これらの情報を理解するためには、読むだけではなく、手を動かしてみようということで、 「Supabase」を触りながら、勉強したときの内容を執筆しています。 実装内容はシンプルに、「ログイン/ログアウト/サインアップ/サインアウトして、Supabaseとやりとりできているかなー?」を確認しています。 React Native for Webを利用して、React Native環境を整えつつ、 r

            Supabase勉強のためにReact Nativeを使って遊んでみた | DevelopersIO
          • React Canaries: Enabling Incremental Feature Rollout Outside Meta – React

            React Canaries: Enabling Incremental Feature Rollout Outside Meta We’d like to offer the React community an option to adopt individual new features as soon as their design is close to final, before they’re released in a stable version—similar to how Meta has long used bleeding-edge versions of React internally. We are introducing a new officially supported Canary release channel. It lets curated s

              React Canaries: Enabling Incremental Feature Rollout Outside Meta – React
            • ドーナッツが"use client"を制する鍵?

              React Server Components(以下、RSC)の文脈で、「どのコンポーネントをServer ComponentにするのかClient Componentにするのか判断に迷うからひとまずツリーの一番上で"use client"にしちゃえばうんぬん・・・」、ということを風の噂で聞きつけたので、よくあるClient Componentがドーナッツになれる例えを身につけると幸せになれるんじゃないかという話をします。(ドーナッツ?何を言っているんだろう)(もうすでに擦られた内容だとも思いますが、意外と存在しないのかなと詳しく調べもせずに筆を執っています)(要出典) 想定読者は、ある程度はRSCについて聞いたことがある、RSCを触っているけどコンポーネント定義に自身がない、"use client"を付ける判断基準が明確にぱっと言えない、などの方達です。 (ここで書く考え方、個人的には気

                ドーナッツが"use client"を制する鍵?
              • ep.49 ReThink state managements - Recoil から見える未来 | UIT INSIDE

                ゲスト紹介 @hanak1a_ さん pixiv VRoid Hub チーム Web 製映像編集ソフト Delir の開発経験を元に、ステート管理フレームワーク Fleur を開発 【SSRも】Fleur − 新しいFluxフレームワーク【イケる】 - pixiv inside @uhyo_ さん LINE フィナンシャル開発センター Web開発室 個人ブログ: uhyo/blog 【LINE証券 FrontEnd】LINE証券フロントエンドの全体像 - LINE ENGINEERING Recoil の概要 https://recoiljs.org Facebook製の新しいステート管理ライブラリ「Recoil」を最速で理解する - uhyo/blog Facebook が開発を進めている、React 向けの新しいステート管理ライブラリ Redux とは違い、全ての状態が 1 つの St

                  ep.49 ReThink state managements - Recoil から見える未来 | UIT INSIDE
                • GitHub - shadcn-ui/taxonomy: An open source application built using the new router, server components and everything new in Next.js 13.

                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                    GitHub - shadcn-ui/taxonomy: An open source application built using the new router, server components and everything new in Next.js 13.
                  • Chrome以外のブラウザ使ってみたいなという人に… オススメ6選

                    Chrome以外のブラウザ使ってみたいなという人に… オススメ6選2022.05.15 21:0090,335 Phillip Tracy - Gizmodo US [原文] ( そうこ ) ウェブブラウザ、何使ってますか? まぁ、半数以上の人は赤青緑黄色がグルっとなったアレだと思いますけれど。シンプルで、スピーディで、Google(グーグル)サービスとの連携が(当たり前だけど)強固で、拡張子もたくさんあるChromeが、世界のブラウザシェアトップですからね。ですが、他にもウェブブラウザはいろいろあります。便利さよりもプライバシーを重視する人の中には「Chromeはなぁ…」と思っている人もいるはず。バッテリーやメモリを喰うからとChromeを避けている人もいるでしょう。では、ブラウザ王者のChrome以外を使おうと思ったらオススメは何があるの? そんなニーズにマッチした6種類のブラウザをピ

                      Chrome以外のブラウザ使ってみたいなという人に… オススメ6選
                    • とほほのNext.js入門 - とほほのWWW入門

                      Next.jsとは ソースファイル インストール フォルダ・ファイル構成 App Router と Pages Router 基本ファイル ページ(page.tsx) レイアウト(layout.tsx) テンプレート(template.tsx) ローディング(loading.tsx) Not Foundページ(not-found.tsx) エラーページ(error.tsx) グローバルエラー(global-error.tsx) スタイリング CSSモジュール Tailwind CSS Sass フォルダ名 プライベートフォルダ(_xxx) ルートグループ((xxx)) ダイナミックルーティング([xxx]) ダイナミックルーティング:階層化([...xxx]) ダイナミックルーティング:パラメータ無し対応([[...xxx]]) ダイナミックルーティング:複数パラメータ([xxx]/[yy

                      • Apollo Router: our GraphQL Federation runtime in Rust | Apollo GraphQL Blog

                        November 10, 2021Apollo Router: our GraphQL Federation runtime in Rust At Apollo, we help developers power the world’s most important applications with a graph. Whether you’re shopping online, booking travel, or binge-watching your favorite movies, you’re using the graph every day. These experiences are all built on Apollo Federation, an architecture for declaratively composing GraphQL APIs into a

                          Apollo Router: our GraphQL Federation runtime in Rust | Apollo GraphQL Blog
                        • Link と ISR が引き起こす Next.js の過負荷

                          「なんだか Next.js の Static Generate に使っている外部 API 呼び出し回数が多いような?」と思っている方へ。閲覧されもしないページを、ISR(Incremental Static Regeneration)でみだりに再生成していませんか?本稿では、Link コンポーネントの振る舞いと ISG / ISR の組み合わせの際、注意したい prefetch の設定について言及します。 ISG のおさらい ISG(Incremental Static Generation)は、Next.js がオンデマンドでページを静的生成するアプローチです。「オンデマンドで静的生成する」ことで、ビルドタイムの静的生成をスキップすることができます。 getStaticPaths の fallback オプションを true か 'blocking' にすることで発動します。 これは膨大

                            Link と ISR が引き起こす Next.js の過負荷
                          • 2024-01-02のJS: Vue 3.4、Vue 2.xのEOL、quick-lint-js 3.0.0、AstroとDenoの2023年まとめ

                            JSer.info #675 - Vue 3.4 がリリースされました。 Announcing Vue 3.4 | The Vue Point Vue 3.4ではVueテンプレートのパーサーのパフォーマンス改善、watchEffectの改善、defineModelがStable APIに変更されています。 また、v-bindが同名の場合の省略記法を追加、Hydrationのエラー表示を改善などの変更も含まれています。 破壊的な変更として、global JSX namespaceの型を定義しないように変更、実験的な機能だったReactivity Transformの削除なども含まれています。 関連して、Vue 2.x は2023年12月31日にサポートが終了し、End of Life(EOL)となりました。 Vue 2 Has Reached End of Life 最終バージョンは2.7.

                              2024-01-02のJS: Vue 3.4、Vue 2.xのEOL、quick-lint-js 3.0.0、AstroとDenoの2023年まとめ
                            • Nuxt 3 × Vitest でユニットテストのエラーを全て解消するための調査レポート - ANDPAD Tech Blog

                              Nuxt 3 × Vitest で既存のユニットテストを全て通すための調査レポート こんにちは、ANDPADでフロントエンドエンジニアをしている小泉(@ykoizumi0903)です。 昨年末に Nuxt 3 が正式リリースされて以降、アップデートに向けた移行作業を粛々と進めています! 今回はその中でも、ユニットテストを Nuxt 3 に対応させる際に苦労したポイントや対処法についてご紹介したいと思います。 私達のチームでは昨年秋以降、コンポーネントユニットテストの拡充に力を入れてきていて、その一環として元々 Jest から Vitest にテストツールを移行していました。 しかし、Nuxt 3 への移行作業を行ったことで、これらのテストのうちの約半分が失敗するようになりました。 この記事では、このテストのエラーをどのように解消したかの流れをまとめて説明したいと思います。 (Nuxt 2

                                Nuxt 3 × Vitest でユニットテストのエラーを全て解消するための調査レポート - ANDPAD Tech Blog
                              • Cloudflare 1.1.1.1 incident on June 27, 2024

                                On June 27, 2024, a small number of users globally may have noticed that 1.1.1.1 was unreachable or degraded. The root cause was a mix of BGP (Border Gateway Protocol) hijacking and a route leak. Cloudflare was an early adopter of Resource Public Key Infrastructure (RPKI) for route origin validation (ROV). With RPKI, IP prefix owners can store and share ownership information securely, and other op

                                  Cloudflare 1.1.1.1 incident on June 27, 2024
                                • DCT-WR100D | 車載用Wi-Fiルーター | カーナビ・カーAV(carrozzeria) | パイオニア株式会社

                                  クルマの中を 楽しさで満たす ドライブの 新しいパートナー 車室内をオンライン化すれば、 「退屈」は「楽しさ」に変わるはず。 クルマに乗る誰もが、 シチュエーションに応じて 自分らしくオンラインを活用できます。 さあ、一緒にかつてなく 自由で楽しいドライブに出発しましょう。

                                    DCT-WR100D | 車載用Wi-Fiルーター | カーナビ・カーAV(carrozzeria) | パイオニア株式会社
                                  • Release v11.0.0 · vercel/next.js

                                    Core Changes fix(types): allow nonpromise return types for static functions: #24685 Ensure history navigates correctly with dynamic routes + basePath: #25459 Fix external check for non-local next import: #25518 Ensure providing only query on dynamic route works as expected: #25469 Assume a recent react@experimental if reactRoot is set: #25496 Update to latest webpack 5 and webpack-sources: #25558

                                      Release v11.0.0 · vercel/next.js
                                    • StyleXはvanilla-extractを諦めた我々の光になるか?

                                      プロローグ 私は新規のプロジェクトを立ち上げるときにVanilla-Extractを採用しました。 型安全なCSSがかけることやスコープをもたせることができ、管理画面のような肥大化しやすいプロジェクトでの導入が望ましいと考えたためです。 しかし、この考えは現在打ち砕かれてしまいました。 泣く泣くVanilla-Extractの導入を諦めSASSでの開発をしていたときStyleXのリリースのニュースが飛び込んで来たのです。 Type-Safeで再利用可能であり、静的なCSSのパフォーマンスとスケーラビリティを手に入れられるとのこと。 これを逃すわけにはいきません。早速詳細を確かめ、次回新規プロジェクトが立ち上げるときに候補にできるのかを確かめましょう。 概要 この記事ではVanilla-Extractで問題だったことを振り返りつつ、StyleXではどのような構文が採用されVanilla-Ex

                                        StyleXはvanilla-extractを諦めた我々の光になるか?
                                      • React Server Components: the Good, the Bad, and the Ugly

                                        React Server Components bring server-exclusive capabilities to React. I've been using this new paradigm within Next.js 13 and 14, and what follows is my honest assessment of it[1]. I debated not publishing this post because of the way the React community has historically handled criticism. It is only recently that I decided it is important to share my thoughts, especially after seeing that much of

                                        • Writing a document database from scratch in Go: Lucene-like filters and indexes | notes.eatonphil.com

                                          Writing a document database from scratch in Go: Lucene-like filters and indexes In this post we'll write a rudimentary document database from scratch in Go. In less than 500 lines of code we'll be able to support the following interactions, inspired by Elasticsearch: $ curl -X POST -H 'Content-Type: application/json' -d '{"name": "Kevin", "age": "45"}' http://localhost:8080/docs {"body":{"id":"5ac

                                          • Rust vs. Go: Implementing a REST API in SQLite

                                            Backend の開発言語選定について、現職では Go を推す声が強い。 なぜなら、現状の技術選定に、規律がないからだ。Java、Python、Ruby、PHP、Node.js、Go、Kotlin and more. Web 業界では、Go が popular になっているし、現職の 2B・2C 向けサービスも Go を多く使っている。 僕個人として、Go を選択することに異論はない。 一方で、次を見据えて考えておく必要もある。 何が言いたいかというと、より最高な選択肢は何かを常に考えていきたい。思考停止は退化。 Rust について、 tutorial gRPC Rust + Wasm + Cloudflare Workers REST と続けてきて、syntax は身について来た。 より実践的な課題を解けるように実践を重ねていく。そして、AtCoder の algorithm 問題につい

                                              Rust vs. Go: Implementing a REST API in SQLite
                                            • Comparisons of Proxies for MySQL

                                              With a special focus on Percona Operator for MySQL OverviewHAProxy, ProxySQL, MySQL Router (AKA MySQL Proxy); in the last few years, I had to answer multiple times on what proxy to use and in what scenario. When designing an architecture, many components need to be considered before deciding on the best solution. When deciding what to pick, there are many things to consider, like where the proxy n

                                                Comparisons of Proxies for MySQL
                                              • Remix Vite is Now Stable

                                                Today we’re excited to announce that support for Vite is now stable in Remix v2.7.0! After the initial unstable release of Remix Vite, we’ve been hard at work refining and extending it over the past few months with help from all of our early adopters and community contributors. Here’s what we’ve been up to: Closed 75 issues and merged 136 pull requests related to Vite. Migrated the website you’re

                                                  Remix Vite is Now Stable
                                                • GingaUI—LLMを活用し文脈に合わせたテーマを生成するUIコンポーネントライブラリ—

                                                  本ライブラリは NICT のセキュリティイノベーター育成プログラム「SecHack365」にて開発を進めました。この場を借りまして、トレーナー、アシスタント及び事務局の皆様に感謝を申し上げます。 「GingaUI」は LLM を活用しウェブサイトのデザインテーマを自動で生成する機能を備えた UI コンポーネントライブラリです。React で構築されており、Next.js などのフレームワークと組み合わせて利用できます。 どんなもの? 以下のポートフォリオサイトに PoC を実装しているので、ヘッダー右上のボタンからぜひお試しください。 一言で言うと、ウェブサイトの文章にふさわしいテーマを自動で生成する機能を備えた UI コンポーネントライブラリです。 先に書いておくと、テーマというのは配色やフォント、角丸の大きさなどのスタイル部分を指しており、レイアウトやコンポーネントの配置等の画面設計に

                                                    GingaUI—LLMを活用し文脈に合わせたテーマを生成するUIコンポーネントライブラリ—
                                                  • 着実な改善を積み重ねてたどり着いたフロントエンド開発体験の向上 - JMDC VOICE

                                                    医療ビッグデータを活かした事業を幅広く展開しているJMDCには、魅力的な経歴や豊富な経験を持ったメンバーが所属しています。今回は、「Pep Up(ペップアップ)」のフロントエンドチームでテックリードを務める八杉さんにインタビューを実施しました。JMDCでの開発の面白さは、医療健康というドメインをはじめ、技術やチーム、開発体験などにあるようです。 <プロフィール> 八杉 耕平(やすぎ こうへい)プロダクト開発部 ユーザープラットフォームグループ フロントエンドチーム テックリード 大学を卒業後、地方のISP企業を経て、2017年12月にヘルスデータ・プラットフォーム株式会社(当時JMDCの子会社)に入社。入社当初からPep Upのフロントエンドエンジニアとして携わり、現在はフロントエンドチームのテックリードを務める。 PHRサービス「Pep Up」のフロント開発とは ――八杉さんのJMDC以

                                                      着実な改善を積み重ねてたどり着いたフロントエンド開発体験の向上 - JMDC VOICE
                                                    • CLINICS アプリのリニューアルの裏側 (iOS 編) | MEDLEY Developer Portal

                                                      2022-02-15CLINICS アプリのリニューアルの裏側 (iOS 編)こんにちは、医療プラットフォーム本部/プロダクト開発室/第一開発グループ所属の世嘉良です。 メドレーには 2018 年の頭に入社しており、今年で 4 年目になります。 当初はサーバーサイドを中心に開発を担当していたのですが、最近は患者エンゲージメントチームという患者様に提供するサービスを開発するチームで主に iOS の仕事を担当することが多いです。 さて去年の 12 月になりますが、 CLINICS アプリ は UI のフルリニューアルを行いました。 今回はリニューアルの裏話 (iOS について) をしていきたいと思います。 これまでの CLINICS アプリについて本題を書く前に、CLINICS アプリの歴史を紹介します。 ファーストコミットを見てみると、アプリの開発は 2016 年 2 月ごろからスタートし、

                                                        CLINICS アプリのリニューアルの裏側 (iOS 編) | MEDLEY Developer Portal
                                                      • React Router-ing Remix

                                                        Earlier this year we started an undertaking to Remix React Router with the aim of bringing all of the Remix Data API's (loaders, actions, fetchers, etc.) over to React Router. With the recent release of React Router v6.4.0 we're proud to report that we've completed that effort...and we think we've made them even better 😃. Not only have we fixed a few edge case bugs, but we've stabilized some APIs

                                                          React Router-ing Remix
                                                        • Breaking React Query's API on purpose

                                                          Breaking React Query's API on purpose16.04.2023 — ReactJs, React Query, JavaScript, TypeScript — 7 min read Designing APIs for library interfaces is a pretty hard thing to do. You want your APIs to be flexible and cater to all needs. At the same time, you'd want them to be minimal and intuitive to avoid a steep learning curve. Those things are two sides of the same coin, and you'd likely want to b

                                                            Breaking React Query's API on purpose
                                                          • CTOが聞く Vol.3 Lighthouse Studio 海老原「事業環境とエンジニア組織の変化、そして新たな挑戦」 - CARTA TECH BLOG

                                                            CARTA HOLDINGSで働くエンジニアたちにCTOが「最近何やってるの?」をざっくばらんに聞いていくシリーズです。今回はCARTA HOLDINGS CTOのすずけんが、事業子会社のひとつであり「神ゲー攻略」などのメディアを運営するLighthouse StudioでCTOを務める海老原さんに話を聞きました。 インタビュアー:鈴木健太 Twitter ID @suzu_v(写真右) 株式会社CARTA HOLDINGS 執行役員CTO / 株式会社fluct取締役CTO。社内では「すずけん」と呼ばれる。「みんなのGo言語」「データ分析基盤入門」共著者。ウェブ技術全般に明るい。ポッドキャスト「ajitofm」をやっています。 インタビュイー:海老原昂輔 Twitter ID @co3k(写真左) 株式会社CARTA HOLDINGS / 株式会社Lighthouse Studio取締役

                                                              CTOが聞く Vol.3 Lighthouse Studio 海老原「事業環境とエンジニア組織の変化、そして新たな挑戦」 - CARTA TECH BLOG
                                                            • [Multi-AS Segment Routing 検証連載 #1] SR-MPLS L3VPN in Single-AS - NTT Communications Engineers' Blog

                                                              サマリ Single-AS なネットワークにおいて、 SR-MPLS + VPNv4 による L3VPN を実現 IOS XR + Junos の Multi-vendor 環境で動作検証に成功 この記事は Multi-AS Segment Routing 検証連載の1つです。目次は こちら 概要 イノベーションセンターの三島です。普段の業務では Multi-AS Segment Routing に関する control plane/data plane の技術検証や、運用効率化のためのコントローラー開発などを行なっています。 本記事では SR-MPLS を用いた L3VPN の Multi-vendor 環境における検証例を、サンプルトポロジーやコンフィグ例を添えながら紹介します。 今回の記事ではまず Single-AS での L3VPN 検証結果を紹介し、 Multi-AS 構成につい

                                                                [Multi-AS Segment Routing 検証連載 #1] SR-MPLS L3VPN in Single-AS - NTT Communications Engineers' Blog
                                                              • モバイルキャリアが特定のウェブサイトへのアクセスを制限していたので調査した結果

                                                                トラフィック(通信量)を制御してパケットを遅延させることで、通信性能の最適化やレイテンシ(遅延)の低減、帯域幅の確保を行うことを「トラフィックシェーピング」と言います。このトラフィックシェーピングにより、AT&Tのネットワークでは一部のウェブサイトが利用できなくなっているとソフトウェアエンジニアのアドリアーノ・カロイアーロ氏が指摘しています。 AT&T Wireless traffic shaping apparently making some websites unusable - Adriano Caloiaro https://adriano.fyi/post/2023/2023-04-16-att-traffic-shaping-makes-websites-unusable/ キャンピングカーでの車上生活を送っているというカロイアーロ氏にとって、AT&TやVerizonといった

                                                                  モバイルキャリアが特定のウェブサイトへのアクセスを制限していたので調査した結果
                                                                • 引っ越し備忘録(2020年2月版) - YAMAGUCHI::weblog

                                                                  はじめに こんにちは、StackdriverあらためGoogle Cloud Operations担当者です。非常事態宣言のまま落ち着かない日々が続きますが、COVID-19が日本で感染者を大きく増やす直前に引っ越しをしまして、そちらに関してはようやく落ち着いたので記録をまとめておこうと思います。 前回の引っ越しのときは前々回の引っ越しの備忘録を見てまったく同じことをしたのでなにも代わり映えがなかったため記録しなかったんですが、今回の引っ越しは前回とは違った作業がいくつか増えたので記録することにしました。前々回の引っ越しの備忘録はこちら。 ymotongpoo.hatenablog.com ひとり・賃貸でもここまでできる はじめての収納&インテリアDIY (サクラムック) 発売日: 2018/04/09メディア: ムック 引っ越し準備 部屋探し(2019年7月〜2020年1月) 結構厳しめ

                                                                    引っ越し備忘録(2020年2月版) - YAMAGUCHI::weblog
                                                                  • tRPCの便利だった機能

                                                                    nextと組み合わせるのをやりながら見つけた便利だった部分についての列挙 マージ機能 https://trpc.io/docs/merging-routers Routerの部分が肥大化してしまいそうだなというのが結構懸念だったが、mergeする機能があるのでこれは便利そうだった。 const appRouter = createRouter() .merge('user.', users) .merge('post.', posts) Infering Types https://trpc.io/docs/infer-types Routerなどの各種定義からTypeScriptの型を取り出す機能。 ちょっと記述が面倒なところはあるが、AppRouterの返り値や入力値が抽出できるので、一通り覚えておくと便利。 (とはいえinputについてはzodのinferを利用する方がスッキリするよ

                                                                      tRPCの便利だった機能
                                                                    • 【Vue/Firebase】ユーチューバー関連のサイトを立ち上げた話【個人開発】 - Qiita

                                                                      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事はQiitaトレンドランキングで2位を獲得しました。 【作ったもの】 カテゴリやランキングからYoutuberを探せるサイト:YOUTUBERランキング 【アクセスレポート】 アクセスリアルタイムレポート 概要 今回はリモートで通勤がなくなり自由時間が多くなったということで、個人開発をしてみたので、備忘がてらやったことを振り返ってみました。 WEB系に興味がある方などには、参考になる部分があるかもしれないので共有しますので、興味がありましたらLGTM、ストックお願いします。 対象読者 Webサイトの立ち上げ方を知りたい人 書いて

                                                                        【Vue/Firebase】ユーチューバー関連のサイトを立ち上げた話【個人開発】 - Qiita
                                                                      • Hatena Engineer Seminar #32 「はてなブログ新機能基盤の開発編」を2月25日にオンライン開催します #hatenatech - Hatena Developer Blog

                                                                        こんにちは。EM の id:yigarashi です。 2025年2月25日(火)に Hatena Engineer Seminar #32 「はてなブログ新機能基盤の開発編」を開催しますので、お知らせします。 Hatena Engineer Seminar #32 では、はてなブログチームのエンジニア3名が登壇し、2025年2月3日にリリースされた「はてなCMS」の開発について発表します。 「はてなCMS」では、はてながこれまで提供してきたオウンドメディアCMS「はてなブログMedia」の各種機能に加え、ノーコードで手軽にWebサイトを制作できる機能を新たに実装し提供しています。 参考:2025-02-03 はてなプレスリリース はてな、Webサイト制作のための「はてなCMS」をリリース - プレスリリース - 株式会社はてな 「はてなCMS」の開発にあたっては、これまでのブログ基盤にそ

                                                                          Hatena Engineer Seminar #32 「はてなブログ新機能基盤の開発編」を2月25日にオンライン開催します #hatenatech - Hatena Developer Blog
                                                                        • フロントエンド開発でURLのハードコーディングをやめる

                                                                          お知らせ この記事の内容を元にしたpath-kanriというライブラリを公開しました! はじめに ルーティングのパスをハードコーディングせずに、登録済みのものを関数で呼び出せるようにしたという内容です。 * 最近Next.jsで開発を行なっています。 import { useRouter } from 'next/router' const ExampleComponent = () => { const router = useRouter() // (略) const randomFunc = () => { // (略) router.push(`/example/${exampleId}/${slug}`) // <-これ!!!!!!!!!!! } return( <div> {/* view */} </div> ) } こんな感じでパスがハードコーディングされていることがありま

                                                                            フロントエンド開発でURLのハードコーディングをやめる
                                                                          • VPNサービスTailscaleを使ってAWS VPCプライベートサブネット内のリソースと通信してみた | DevelopersIO

                                                                            Tailscale はデバイス・アプリケーション同士をP2Pのメッシュネットワークで通信させるVPNサービスです。 Linuxカーネルにも組み込まれているWireGuardをベースに実装されています。 Windows/Linux/スマートフォンなどにクライアントプログラムをインストールすると、ごく僅かな設定だけで利用できます。 AWS VPC展開する場合、、たくさんのインスタンスへのインストールが発生する上、RDSのようなマネージドサービスにはユーザープログラムはインストールできません。 そこで、VPC内にゲートウェイとなるEC2インスタンス(Tailscaleドキュメントで言う所の「サブネットルーター」)を1台だけセットアップし、VPC内の各種リソースと通信する方法を紹介します。 左側がTailscaleクライアントをインストールしたTailscaleネットワーク 右側がAWS VPC

                                                                              VPNサービスTailscaleを使ってAWS VPCプライベートサブネット内のリソースと通信してみた | DevelopersIO
                                                                            • UniFiで自宅に巨大スタジアム並のエンタープライズWiFi環境を整えた (1) 購入編 | Kazuki Ohta's Space

                                                                              1: UniFi Dream Machine - $299 (1台) UniFi Dream Machine (以下UDM)はルーター、WiFiアクセスポイント、コントローラー等、UniFiの主要機能が1つのハードウェアにまとまった製品です。 従来は一通りのネットワーク環境を整えるためにはUniFiの複数製品を買う必要がありましたが、Dream Machineを設置することで1つのハードウェアで全てを賄える統合型のデバイスです。 UniFi Dream Machine を試してみたこちらのブログ記事にまとまっていますが、UniFiを最小構成の1台で試して見るならDream Machineを買いましょう。一部屋しかない場合などは、UDM 1台で事足ります。 2: UniFi Switch PoE 8 or UniFi Switch PoE 16 - $199/$299 (1台) UDMからの

                                                                                UniFiで自宅に巨大スタジアム並のエンタープライズWiFi環境を整えた (1) 購入編 | Kazuki Ohta's Space
                                                                              • 楽天モバイルのポケットWiFiの口コミとおすすめのモバイルルーターまとめ

                                                                                2014年に格安SIMを契約して、2015年3月から格安SIMの比較サイトを運営している格安SIMの専門家です。 個人で格安SIMを30枚契約、格安スマホは100台以上購入して実際の使い勝手をもとに評価します。マニアックなブログですが、累計訪問者数3000万人、1億ページビューです(2025年) 楽天モバイルのポケットWiFiなら料金は月1078円〜3278円 楽天モバイルのポケットWiFi(モバイルルーター)の月額料金は、実際に使ったデータ量に応じて料金が月1078円〜3278円に変わる段階制プランです。 例えば5月に3GB使ったら1078円、6月に10GB使ったら2,178円です。使ったデータ量で料金が変わるので、無駄なく使えます。 いつ解約してもOKです。事務手数料も無料です。工事も不要です。申し込めば2日〜3日程度で使えるようになります。 楽天モバイルの評判とデメリットを実際に契約

                                                                                  楽天モバイルのポケットWiFiの口コミとおすすめのモバイルルーターまとめ
                                                                                • 複数のルータを侵害したDDoS攻撃が発生、日本国内にも影響

                                                                                  Xlabsは1月7日(現地時間)、「Gayfemboy: A Botnet Deliver Through a Four-Faith Industrial Router 0-day Exploit.」において、ボットネット「Mirai」の亜種「Gayfemboy」が複数のルータを侵害して分散型サービス拒否攻撃(DDoS: Distributed Denial of Service attack)に悪用したと報じた。 研究者の調査によると、Gayfemboyは最近の活動において、Four-Faith製産業用ルータ、Neterbit製ルータ、Vimar製スマートホームデバイスを侵害し、ボットネットに組み込んだという。 Gayfemboy: A Botnet Deliver Through a Four-Faith Industrial Router 0-day Exploit.

                                                                                    複数のルータを侵害したDDoS攻撃が発生、日本国内にも影響