microCMS

この記事は techtekt アドベントカレンダー2023 の22日目の記事です🎁 こんにちは、エンジニアの青木です。 10/18 に技育CAMPアカデミアで登壇した際にハンズオンを実施したのですが、この記事ではその内容について簡略化して紹介したいと思います。 はじめに バックエンドとしてmicroCMSを使い、Next.jsアプリケーションを開発するのがハンズオンの中身になります。 仕事でヘッドレスCMSについて触れる機会があり、非常に使いやすいと感じたこと、またNext.jsなどのWebアプリケーションフレームワークと組み合わせやすいと感じたことから、このハンズオンを考えました。 はじめに…

こんにちは、株式会社アルファドライブの佐藤です。この記事は AlphaDrive Advent Calendar 2023 4日目のエントリです。 本日は、Next.js(App Router) + microCMSで構築したWebメディアの技術スタックや開発チームの運用フローを紹介します。 開発したメディア ビジネスマガジン『Ambitions』のWeb版。 ambitions-web.com 多くの方に楽しんでいただけるよう、無料で全文読める形でお届けしています。 *1 主な技術スタック microCMS 特に日本において市場をリードするヘッドレスCMS。ブログのコンテンツ管理を担う Ve…

既存CMSからmicroCMSに移行できるのか気になった 個人でCMSを持ってないので、はてなブログをmicroCMSにデータ移行をやってみた データ移行だけ試してみるだけなのでこのブログは引き続きはてなブログで運営する 題材のブログは読書記録ブログの方 ※諸注意 ブログとCMSは違うが、CMSでブログ運用できるので題材にした Pythonは趣味レベルなので、あまり綺麗ではない microCMS, Next.jsについての説明はしない はてなブログからデータをexport はてなブログは『MT形式』でexport ブログ界隈ではよく使われる形式らしい Pythonを使ってMT形式をCSVに変換…

この記事はSmartHR Advent Calendar 2022の19日目です。 こんにちは！ SmartHRのプロダクトエンジニアの@diescakeです！ この記事では、SmartHRが提供している「ペーパーレス年末調整（以降、年末調整機能）」のアンケート画面の文言をmicroCMSで管理してStorybookでプレビューできるようにした話をご紹介します。 前提となる年末調整機能の概要や課題の話を含みますが、技術的に「どういう問題に直面して、どう解決したか？」という手段の話をメインとしています。 同様のユースケースをまるっとなぞりたい場面は少ないかもしれませんが、技術的に工夫した点をピッ…

初めまして！新卒1年目のmochi_proteinと申します。 CSR / SSR / SSG / ISRがどのような概念か、 架空アプリを例として、それぞれの違いを初学者向けにやさしく解説していきます！ 🔖目次は以下の通りです🔖 はじめに 架空アプリ「楽楽鮮魚」の仕様 前提知識 レンダリングとは？ 動的にHTMLを生成するとは？ CSR（クライアントサイドレンダリング）とは？ 概要 「楽楽鮮魚」が CSR を採用したら？ 初期画面(在庫一覧画面)表示までの流れ 詳細画面への遷移時の流れ CSRのメリット CSRのデメリット どのようなサービスに向いているか SSR（サーバーサイドレンダリング…

こっちに移行してきました。2023年振り返りなのに公開日が9月なのはそのせいです。許せ。 2023年のいろんな振り返りを結構雑にしていきます。 総括 2023年は今まで積み重ねてきた小さな個人開発が一つになった年な気がします。 初めての数百人規模で利用するシステム開発/運用やコンテストへの出場/受賞など様々な体験ができました。←文化祭入退場管理システムCracker 開発物 githubのコミット履歴を漁って何を作ったかまとめました。 ポートフォリオサイト再開発 scg API PRIME judgment Cracker v1 Cracker v2 CSS門松 ポートフォリオサイト再開発 自…

SEOとは、”Search Engine Optimization” の略であり、検索エンジン最適化を意味する言葉です。検索結果でWebサイトがより多く露出されるために行う一連の取り組みのことを指します。 オーガニック検索 オーガニック検索（自然検索 / Organic Search）とは、検索結果画面（SERPs）に表示されるURLのリストのうち、リスティング広告のような広告枠を含まない部分を指します。 リスティング広告 リスティング広告とは、ユーザーが検索したキーワードに応じて検索結果上に表示される広告を指して使われています。この広告は、広告が検索されたキーワードに連動して表示されるため、…

SEOとは、”Search Engine Optimization” の略であり、検索エンジン最適化を意味する言葉です。検索結果でWebサイトがより多く露出されるために行う一連の取り組みのことを指します。 オーガニック検索 オーガニック検索（自然検索 / Organic Search）とは、検索結果画面（SERPs）に表示されるURLのリストのうち、リスティング広告のような広告枠を含まない部分を指します。 リスティング広告 リスティング広告とは、ユーザーが検索したキーワードに応じて検索結果上に表示される広告を指して使われています。この広告は、広告が検索されたキーワードに連動して表示されるため、…

Babylon.js Japanコミュニティ主催で「ゆるほめLT会 Vol.3」を開催しましたので、内容をまとめてみました。 1. Babylon.js ゆるほめLT会とは？ 2. 発表内容 2.1 超ぷち点群データを生成させて表示した話 2.2 Babylon.js × microCMS でフォトギャラリーサイト作った 2.3 Babylon.js CSG で遊ぼう。 2.4 create-babylon-appを軽率にアプデしたい 2.5 告知 : PlayCanvasコミュニティとの合同LT 3. おわりに

2024/7/11 https://microcms.connpass.com/event/316541/ スポーツ業界でmicroCMSを積極的に導入している話 プラスクラス・スポーツ・インキュベーション株式会社 宮川 貴佳史さん スポーツクラブへのmicroCMSの導入 スポーツ業界のシステム開発をしている 特徴 運用者が非エンジニア web専任がいることはまずない 外部データから情報更新することが多い 試合の情報など 画像や動画が多く重要 導入された理由 日本語のUIである 管理画面の機能充実 ロール別の権限設定 編集周りの細かい権限設定 手動更新とAPI更新の両立 コンテンツを分けて参…

はてなブログ独自の集計による人気記事のランキング。6月23日（日）から6月29日（土）〔2024年6月第5週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 グローバル企業で生き抜くための英会話フレーズ集 - fu3ak1's tech days by id:fu3ak1 2 早川書房の3000作品以上が最大50％割引の電子書籍セールがきたので、新作SF・ノンフィクションを中心にオススメを紹介する - 基本読書 by id:huyukiitoichi 3 パキスタンで、こんなアニメ映画がつくられたらしい…「THE GLASSWORKER」（広島の映画祭で８月上映？） - INVI…

目次 目次 はじめに 企画LPの儚さ 企画LPをアーカイブする！ 仕様 開発について 技術選定 ちょっと技術の話 スクラム開発 ユーザーの反応 おわりに はじめに こんにちは！ ZOZOTOWN企画開発部・企画フロントエンド1ブロックの秋山です。ZOZOTOWNトップでは、セール訴求や新作アイテム訴求、未出店ブランドの期間限定ポップアップ、著名人コラボなどの企画イベントが毎日何かしら打ち出されています。私はそのプラットフォームとなる企画LPをメインに実装するチームに在籍しています。 チーム特性としては以下のようなものがあります！ クリエイティブコーディング寄りの実装をする機会に恵まれやすい 普…

こんにちは、株式会社アドグローブ ソリューション事業部の青山です。 普段Vueなどのフレームワークを使ってウェブ開発を行っていますが、最近注目を集めている新しいフレームワーク「Astro」に興味を持ち、軽く触っていました。端的にいうとAstroは、シンプルさと高速性に特化した静的サイトジェネレーターです。今回は、Astroがどのように静的コンテンツ表示に特化しているのか、他のフレームワークとの速度比較、そして実際にコンテンツコレクションを使ってMarkdownコンテンツを表示する方法について詳しくご紹介します。 Astroの概要と特徴 他のフレームワークとの速度比較 コンテンツコレクションを使…

はじめに 株式会社BuySell Technologiesテクノロジー戦略本部 開発3部 Tech MK（テックマーケティング）グループ マネージャーの黒沢です。 Tech MKグループではBUYSELL公式サイトなど当社で運営しているWebサイトの制作、更新を担当しております。 TechMKグループで担当している運用フェーズにあるWebサイトはWordPressで制作しております。 WordPressは圧倒的なシェアを持っているオープンソースCMSですが、使いこなすのは難しく、当社でも運用上の課題がいくつかありました。この記事では、それらの改善のためにTech MKグループで行った取り組みに…

Next.js（App Router）で作成したポートフォリオサイトにRSSフィードを実装してみました。https://kimizuka.fm/rss.xmlキャッシュの設定が適切にできているかに不安が残りますが、実装方法をメモしておきます。 今回はサイトをデプロイするたびに、ルート直下に rss.xml を生成することをゴールと設定しました。 使ったライブラリ rss @types/rss www.npmjs.com www.npmjs.com調査した感じ、Node.jsでRSSフィードを実装する場合、rss か feed のどちらかを使うのが一般的なようですが、まずは rss から試してみ…