「Next.js」に関連する技術ブログ
企業やコミュニティが発信する「Next.js」に関連する技術ブログの一覧です。
全271件中 256 - 270件目
ヘッドレス CMS 運用におけるデプロイと環境差分について
2020/12/15
ブックマーク
こんにちは。武田（ @tkdn ）です。 MVP でスタートさせた au Webポータル 無料ゲーム というサービスを、手製のビルドスクリプトと手製のコンフィグで生成していた静的サイトから、Next.js SSG + ヘッドレス CMS へ 9 月にリニューアルしました。 リニューアルした理由に触れつつどうやってデプロイ・運用しているか、あたりを中心に今日は書いていきます。 なお、この記事
OpenAPI + Express.js + TypeScriptでAPI開発するTips
2020/12/14
ブックマーク
FORCIAアドベントカレンダー2020 14日目の記事です。 事業開発部の龍島です。皆さんschema firstな開発してますか？ フォルシアではwebアプリケーション開発にサーバサイドはExpress.js + TypeScript、クライアントサイドはNext.js(React.js) + TypeScriptを用いており、間をつなぐAPIインターフェースの定義にOpenAPI Specification(swagger)を用いてschema firstな開発を行っています。 ここ2年ほどschema
Netlify Hosting を使わずに Netlify CMS を立てた話
2020/12/10
ブックマーク
mediba Advent Calendar 2020 10日目担当の尾野です。 入社から昨年度まで関わっていた au Webポータルから離れ、今期からゼロイチの経験をしたくて新規事業創出部門にいます。 ただ、何を隠そう我々の部門は お金がありません 。 今回はそんなお金の無い部門が安価に CMS を立てたと言う小ネタ中の小ネタなお話です。 こんな人が対象 初期構築/ランニング共に安価な構成で構築
初学者が手探りでOSS(Deno)に触れてみたら楽しかった話
2020/12/04
ブックマーク
FORCIAアドベントカレンダー2020 4日目の記事です。 事業開発部の田中です。業務では webコネクト の開発・保守に携わっています。 Node.jsを基盤とし、フロントはReact+Redux+Next.js、サーバーサイドはExpress.jsを利用し、TypeScriptで開発を進めています。 OSS(Deno)を触りたくなった動機 2020年5月にDeno 1.0.0がリリースされたのを受け、Twitterや様々な技術ブログでそれが注目されている
自動で画像最適化してくれるのうれしいよね(Next.js)
2020/11/30
ブックマーク
こんにちは。フロントエンドエンジニアの 渡邉 です。 普段はReactとTypeScriptを書いています。 今回の内容はタイトルにも記載されていますが、Next.jsを使った画像の最適化です。 画像の最適化でやるべきことは多々あります。 例えば、画像のサイズ・重さ調整や、フォーマット、遅延読み込みなどあります。 Next.js 10で発表された next/image を使えば誰でも簡単に画像の最
アドベントカレンダー、今年も始まります！
2020/11/30
ブックマーク
今年もやります！FORCIAアドベントカレンダー2020 こんにちは。旅行プラットフォーム部 エンジニアの高橋です。 気付けばもう12月、毎年思うことではありますが1年が経つのは本当に早いですね。 今年はコロナウイルスの影響もあり、年初に思い描いていた一年とは大きく異なるものになりました。 外出自粛要請解除後にひさしぶりにオフィスに出社した際は、普段人で
GraphQL, TypeScript, React を用いて型安全に社内システムをリニューアルした話
2020/11/06
ブックマーク
こんにちは。メドレーのエンジニアの山田です。現在、医療介護求人サイト「ジョブメドレー」のチームで開発を担当しています。 今回、ジョブメドレーの社内スタッフが利用する社内システムをリニューアルした事例をご紹介します。 リニューアル対象はバックエンド領域も含まれますが、本記事ではフロントエンドの話を中心にご紹介します。 また、弊社デザイナ
Next.jsとTypescriptが奏でるUniversal JSの世界 ~commune を支えるアーキテクチャ~
2020/11/01
ブックマーク
Next.jsはサーバレンダリング、ゼロセットアップなどモダンな機能を兼ね備えたフルスタック系Reactフレームワークです。commmuneではUniversal JSを実現する手段として採用し世界的なトレンドの先端を切り拓いています。 また、Typescriptは今や大規模開発には欠かせない基盤です。commmuneでは全レイヤーをTypescriptで統一しており、型の力を最大限引き出しています。
Next.jsとTypescriptが奏でるUniversal JSの世界 ~commmune を支えるアーキテクチャ~
2020/11/01
ブックマーク
Next.jsはサーバレンダリング、ゼロセットアップなどモダンな機能を兼ね備えたフルスタック系Reactフレームワークです。commmuneではUniversal JSを実現する手段として採用し世界的なトレンドの先端を切り拓いています。 また、Typescriptは今や大規模開発には欠かせない基盤です。commmuneでは全レイヤーをTypescriptで統一しており、型の力を最大限引き出しています。
BASEにおけるVue.jsのこれまでとこれから
2020/09/17
ブックマーク
前書き こんにちは、BASEのフロントエンドチームでエンジニアリングマネージャーをやっている松原( @simezi9 )です BASEではフロントエンドエンジニアの積極採用を行っています。 その過程で、面接を受けに来られた方によく「BASEはVueとTSを採用しているとのことですが、相性がいまいちじゃないですか？なんでVue＋TSにしてるんですか？」 という感じの質問をいただくこと
PWA, PRPL Pattern の概要と採用状況の調査
2020/07/17
ブックマーク
こんにちは。メドレーにてジョブメドレー開発エンジニアをしています、矢野と申します。 ジョブメドレーでは、主にバックエンド ( Ruby on Rails ) の改修を担当してます 直近では 「サイトパフォーマンス改善施策」 として、Rails コードのリファクタリングによる TTFB 高速化に取り組んでました 「もう絶対にコケないのが分かってる」ビルドやテストを、手元のコンソー
チャリティーカンファレンス沖縄2020Vol.1 開催にあたって込めた想い(スライドあり) #charitycon_oki
2020/06/23
ブックマーク
はじめに 株式会社Re:Buildのカンボ(鈴木孝之)です。 6月21日（日）にチャリ ティー カンファレンス沖縄2020を実行委員長として、企画・運営した中で背景や 開催にあたって込めた想いをまとめましたので、よろしければ、読んでください！ 今回のカンファレンスは全体で約110人の方が参加して下さいました。 charity-conf.okinawa.jp チャリ ティー カンファレンス沖縄とは？ 今
デザイナーがデザインツールを使わずに、React を使ってデザインした話
2020/06/19
ブックマーク
メドレーのデザイナー酒井です。最近、 JobMedley から CLINICS に異動しました。 自分はデザインはもちろん、HTML/CSS/JS 実装してプルリク送ったりしているちょっとフロントエンド実装領域に軸足が寄ったタイプのデザイナーです。 ここでは以前所属していた JobMedley 事業部の話をさせていただきます。 当時、JobMedley の社内システムのリニューアルプロジェクトにデザイナー
VercelとHerokuで手を抜きながらはじめる個人開発
2020/05/21
ブックマーク
こんにちは、BOXILの開発をしている徳田( @haze_it_ac ) です。 今回は業務と少し離れた話をしてみます。 はじめに みなさんは仕事以外でもWebアプリケーションを作っていますか？ 作りまくっている人も、仕事以外ではコードを書かない人も居るかと思います。 私は気になったライブラリを見つけたり、こういう実装ってできないかな？と思った際に、簡単なWebアプリケーシ
【東京】JAMSTACK Meetup #1 を主催&登壇しました！
2020/02/01
ブックマーク
はじめに 株式会社リビルドの鈴木です！ 2020/1/30(土)にJAMSTACK Meetup #1 with microCMSで主催&登壇してきました！ 約40名の方が来場されました。 以下はイベント詳細ページになります。 re-build.connpass.com JAMSTACKとは？ JAMSTACKは、「 JavaScript 」「APIs」「Markup」という3つの技術を組み合わせた、新しいWebアプリケーション アーキテクチャ です。 パフォーマンスの改善、セキュリ