状態管理ライブラリ

こんにちは！12月03日の@iwadoooo_77さんの記事にてご紹介いただいた25卒内定者の＠riku_ftです！ 今回は個人開発で採用したLaravel + Inertia + React + TailwindCSSという構成について、実装を通じて発見した利点と課題を話したいと思います。 きっかけ：個人開発でSPAの複雑さに悩んでいた 個人で開発し、公開、運営までしたいWebアプリケーションでの開発段階での話です。 そのアプリではユーザー体験を考慮してSPAの実装を考えていました。 ですが、「いざ作ってみよう！」と意気込んで実装を始めたものの、調べれば調べるほど考慮すべき要素が増えていきま…

株式会社カオナビでは、社員の個性や才能を発掘するタレントマネジメントシステム「カオナビ」を主力プロダクトとして、HR領域の機能開発に2012年から注力しています。 そして2024年4月、隣接する経営管理領域のSaaS「ヨジツティクス」を独自に開発してリリースしたことで、マルチプロダクト戦略にかじを切りました。 現在の開発組織で新規プロダクトの経験がない中、どのようなことに気を使いながら開発を進めたのでしょう。プロダクトオーナーを務める福田健（ふくだ・けん）さんと、フロントエンドでの技術選定などをリードした別城慎治（べっき・しんじ）さんに話を伺いました。 ※この記事は株式会社カオナビによるタイア…

オープンハウス社長のお言葉 オープンハウス、会社は社長で全て決まる。このカルチャーを築いたの凄いわ pic.twitter.com/mDuFH8vl4y— くっつー＠店舗専門の不動産屋社長 (@kutsukake_tenpo) 2024年9月17日 バスケ選手の補足コメント 本気なら風邪ひかないよ。は精神論ではなく、本気なら毎日がどれだけ大事かわかるから、そもそも風邪を引かないように栄養、睡眠、休息などをとっていつでもベストパフォーマンスを発揮できるようにする意味だと思う。アスリートもそうだから。 https://t.co/1khIkimjp8— 佐藤マクファーレン優樹 (@yukisatom…

最近、依存を少ない形がよいというツイートをよく見る気がする 普段、FlutterとNuxtがメインだけど、 個人開発みたいな少人数・小規模向けだとどういうのがいいのかぁと、 模索を続けていて、ちょっとづつ自分似合う形が見つかってきたので、 備忘録として整理してみた(*´ω｀*) 注意 あくまで個人的、かつ、現時点の模索中の状態のもの どこでもつかえる or 完璧ではないので、 指摘・コメント、Wellcomeです(*´ω｀*) 困ってたこと 基本FWの作法に従うほうがよいと思ってるけど、 FlutterとNuxtを行き来すると、 それぞれのお作法を思い出さないといけないのがつらい。。 特に、p…

こんにちは、SWETの伊藤(@akito0107)です。 SWETが所属する品質管理部では開発プロセスや検証プロセスなどの業務をProcess Flow Diagram（PFD）を使って可視化し、 チーム全体の認識合わせや業務効率化に活用しています。 この記事ではPFDそのものやPFDを用いた業務可視化の実例を紹介します。 その後、SWETで開発しているPFDを記述するためのツール、PFD Draw Toolを紹介します。 PFD（Process Flow Diagram）とは PFDとは清水吉男氏がDFD（Data Flow Diagram）を基にして、人が行う作業に使えるようにアレンジした…

valtioについて調べた github.com valtioは日本人の@daishiさんが作成したProxyベースのシンプルかつリアクティブな状態管理ライブラリ proxyを用いてJavaScriptオブジェクトをラップし、状態の変更を自動的に追跡・通知する仕組みを提供している 生まれた背景は以下に書かれていた zenn.dev Mobxとの違いとして、Valtio はプロキシストアとのやり取りに HOC ではなくフックを使用するのでReactの思想に近い 特徴 シンプルなAPI proxyとuseSnapshotという基本的な2つのコンセプトで動作複雑なactionやreducerを定義す…

はてなブログ独自の集計による人気記事のランキング。10月27日（日）から11月2日（土）〔2024年11月第1週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 【すべて1人泊可能】各都道府県から1軒ずつ、2食付き1万円以下で1人で泊まれる温泉宿を選出した【全47軒】 - 温泉ブログ 山と温泉のきろく by id:happydust 2 役割をお願いする時に伝えていること - Konifar's ZATSU by id:konifar 3 なめる／なめられる についての話 - シロクマの屑籠 by id:p_shirokuma 4 娘の勧めで読んだ『絶望死のアメリカ』に垣間見るト…

はじめに 2024年10月1日から１か月間、「Booost!!! Excite Internship2024」に参加させていただきました、しみはるです。本記事ではインターンの内容や、学んだことを紹介させていただきます。 はじめに 自己紹介 インターンでやったこと 学んだこと 技術面 コンポーネント設計/カスタムフック 自動フォーマットに伴うGitエラー 大規模なコード 業務面 コミュニケーション 仕事のペース作り 感想 最後に 自己紹介 情報系専攻の修士１年で、大学院では主にpythonでの数理最適化・進化計算アルゴリズムの研究・開発を行っています。今年の4月からWEBエンジニアを目指して活動…

こんにちは。エイチームライフデザインでハナユメという結婚式場情報サイトの開発を行っている大江です。 ハナユメは長い間、PHP/Symfonyを用いて開発・運用されてきました。しかし、プロダクトの成長と機能の複雑化に伴い、技術的負債が蓄積してきました。そこで、数年前からこの課題を解消するために、フロントエンドをSvelte/SvelteKitで置き換えるプロジェクトを始めました。現在では、検索ページ、式場詳細ページの一部、リングページなどいくつかのページをSvelte/SvelteKitでリリースしています。 今回は、Svelte/SvelteKitを選んだ理由や、実際に導入してみて感じたことに…

はじめに この記事は、2024年9月に私が何をやっていたのかを振り返る記事です。 もしみなさまの参考になる部分があれば幸いです！ やったこと 株式会社DMM Boost入社 株式会社DMM Boostに、フルスタックエンジニアとして入社しました！ hassyadai.notion.site 私は前職までバックエンドエンジニアだったのですが、フロントもキャッチアップするということで現職ではフルスタックエンジニアとしての採用となりました。 9月はオンボーディングとして、簡単なタスクをこなしながら、ドメインや技術要素についてキャッチアップしました。 どんな技術要素をキャッチアップしたかというと、以下…

はじめに 今回はフロントエンドの状態管理について調査してみます。 フロントエンドにおける状態管理とは フロントエンドにおける状態管理とは、ユーザーインターフェース（UI）のデータやその変化を一貫性を持って管理する手法を指します。 ここで言う「状態（State）」とは、サーバーから取得したデータ、UIの現在の表示内容など、アプリケーションの動作に影響を与える全ての情報を意味します。 ユーザーからの入力も状態に含まれます。 今回は自分の考えにも近いこちらの記事を参考に状態管理周りを調査してみます。 2020年に立ち上げたWebフロントエンド構成の振り返り 状態が必要な理由 状態管理を行わない、もし…

この記事は秋の技術特集 2024の 7 記事目です。 カケハシのAI在庫管理チームでフロントエンドエンジニアをしているNokogiri です。今回はAI在庫の入庫ダイアログを zustand を使ってリアーキテクチャした事例を元に取り入れたプラクティスを紹介したいと思います。 イントロ AI在庫では、ユーザーの入力を伴うフロントエンド部分で多くのケースに React Hook Form を利用しています。 React Hook Form は、入力フォームの状態管理やバリデーションを簡単に実装でき、パフォーマンスにも優れた素晴らしいライブラリです。 しかし、ユーザーの操作に応じてインタラクティブ…