フルスタックフレームワーク

Next.jsとは？React.jsとの違い Next.jsで書いた処理の例 Next.jsで書いたサーバサイドレンダリング処理の例 Next.jsで書いたサーバサイドレンダリング処理でAPIからデータを取得する場合の例 Next.jsとは？React.jsとの違い Next.jsはReact.jsのフレームワークの1つであり、React.jsをベースにしてサーバーサイドレンダリングや静的サイト生成などの機能を提供します。 React.jsは単なるUIライブラリですが、Next.jsはReact.jsを使用して、より複雑なウェブアプリケーションを構築するためのフルスタックフレームワークです。 …

私自身、立ち上げ期のSaaSサービス・Webサービスの開発、個人開発を通じて学んだ立ち上げ期に役に立つサービスをまとめます。 そもそも、なぜ立ち上げ期で役に立つのか？ サービス立ち上げ時は、とにかく爆速でコンテンツの充実・プロダクトの中身を作っていかなければいけません。 そのため、本質ではないところについては、外部サービスを頼る・参考にする事が重要になります。 認証 OAuthを推奨します。 自前でアカウント周りの機能を作成することは控えましょう。 なぜなら、、、 個人開発系のアプリの場合、見ず知らずのアプリでアカウント登録を行うのは心理的な障壁がある 商用、toB系のサービスの場合、個人情報…

Ruby, SinatraでのWebアプリ開発が非常に楽なのに気付き、ChatGPTにいろいろ聞いています。Ruby on Railsは大規模で、複雑過ぎて、個人用途で何かを作る気には到底なれなかったのです。 今回は主に、ファイルの置き場所など。パスの読み替えが行われるのはviewsとpublicのみ、erbテンプレートはviewsに、画像やCSS, Javascriptなどはpublicフォルダに置くのが一般的なようです。 それぞれのフレームワークの歴史も後半で聞きましたが、Ruby on Rails(2004年)よりも、Sinatraの方が後発(2008年リリース)なのですね。 Ruby,…

※本記事は、Geminiによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 2024年、注目すべきWebフレームワーク5選 1. SvelteKit: 2. Solid: 3. Astro: 4. Remix: 5. RedwoodJS: まとめ GeminiへのQA Ｑ：近年の傾向として、どういったフレームワークが好まれているのでしょうか？ Ｑ：自動生成がデフォルトで付属しているフレームワークには、何がありますか？ フロントエンドフレームワーク フルスタックフレームワーク その他 各フレームワークの特徴 注意点 感想＋雑記 原文 意訳+要約 …

はじめに 私は仕事で３年以上Djangoを使っているが、副業でRailsを使う機会があった。同じそれぞれの言語を代表するフルスタックフレームワークだからそんなに違わないと思っていたらけっこう違ったので、感じた違いをメモしておきたい。 目次 フロントエンドに対する考え方 バージョンアップポリシー CoC（Convention over Configuration） モジュールのインポート Formの有無 Modelの仕様の違い Migrationファイルの扱い方の違い ファイルの扱い applicationの有無 認証機能の有無 ググラビリティ フロントエンドに対する考え方 Djangoはよくも…

CTO 藤村がホストするPodcast、論より動くもの.fmの第26回を公開しました。今回はフロントエンドエンジニアのうしろのことVue Fes Japan 2023の感想やCloudflare WorkersとRemix、最近注目している技術について話しました。 論より動くもの.fmはSpotifyとApple Podcastで配信しています。フォローしていただくと、新エピソード公開時には自動で配信されますので、ぜひフォローしてください。 podcasters.spotify.com テキストで読みたい方は下記からご覧ください。 Vue Fes Japan 2023 面白かったね 藤村：こん…

※本記事は、Bardによる意訳+翻訳を活用し、レイアウト調整したものです。 ※感想は、オリジナルです。 原文 意訳+要約 フルスタック・フレームワークは今後どうなるのか？ Bardさんに聞いてみた Ｑ：AIがフルスタックフレームワークでどのように活用されるのでしょうか？ Ｑ：フレームワークの使い方からAIの使い方を学習するに変わるだけだと思うのですが、学習コストは減るのでしょうか？ Ｑ：ChatGPTのような汎用的なAIよりも、フレームワークに特化したAIの方が重要な気がしますが、意見を聞かせてください。メリット・デメリットについても解説をお願いします。 感想＋雑記 原文 What Will …

気が変わった。T3 Stackそのものは推して行くが、Theoさんの推す構成ではない。 aroundthedistance.hatenadiary.jp フルスタックはReact前提に RailsでフルスタックWebフレームワークの扉が開いた。Rails,Cake.Django等は、MVCのMCがメイン。Vが弱い。Vにテンプレートエンジンを使い、jQueryを使ってインタラクティブなUIを作っていたけど、もうそれが最適な時代ではない。ReactでUIをプログラミングする前提に立つと、ルーティングとrevalidateがルート単位で可能なFWが一番開発生産性が高くなる。可能であれば、ビジネスロジ…

※こちらはバイセルテクノロジーズ Advent Calendar 2023の10日目の記事です。 前回の記事は、金澤さんのAuth0とEntra IDを扱うプロダクト同士を繋げるためのIstio設定あれこれでした。 はじめに こんにちは、開発3部の神保です。 バイセルでは、お客様宅への出張訪問による買取が買取チャネルの主力となっています。現在開発3部の弊チームでは、この出張訪問買取で使用されるWebアプリケーション「Visit」の新規開発を進めています。 VisitのフロントエンドにはReactを採用しましたが、Next.js等のフレームワークは使用せず、Vite + ReactによるSPA …

はじめに Rails、Puma、RackはRubyのウェブ開発において、それぞれ異なるが密接に関連する役割を果たしている。これらの概念を把握していることで、より堅牢で効率的なウェブアプリケーションを構築することが可能になる。 Railsフレームワークとは？ Ruby on Rails、通称Railsは、ウェブアプリケーションを構築するためのフルスタックフレームワークです。Railsは「規約より設定」の原則を採用しており、開発者が迅速にアプリケーションを立ち上げて運用に移行することを可能にする。 Pumaとは？ Pumaは、軽量かつ高速な並行処理を特徴とするRack互換のアプリケーションサーバー…

まっさらな Windows 環境で、React プロジェクトを新規作成するメモ。

こんにちは、スタメンの手嶋、西川です。 普段はエンゲージメントプラットフォーム「TUNAG」の開発をしています。 プロジェクトの背景 技術構成・選定 リプレイス前 リプレイス後 構成変更における注意点 1. 意図せず情報がキャッシュされてしまうリスク 2. ダウンタイム発生のリスク リプレイスのフロー 振り返り 最後に プロジェクトの背景 これまでTUNAGは、プロダクトの成長に注力してきた一方で、内部品質や開発効率などに関する課題の解消が後手にまわっていました。 TUNAGが成長軌道に乗ってきた中で、エンジニア組織を拡大させつつ、継続的にプロダクトの価値を素早く世の中に届けていくためには、開…