7年間使ってきたWordPressを捨ててContentful+Gatsby+Netlifyにしたら爆速になったし経緯とか教訓とか語る - Qiita
7年間使ってきたWordPressを捨ててContentful+Gatsby+Netlifyにしたら爆速になったし経緯とか教訓とか語るWordPressReactNetlifygatsbycontentful こんにちは、古都ことと言います。普段はブログやらなんやらをやっているのですが、今回ブログのお引っ越しをしたのでその経緯などについてお話ししたいと思います。 先にまとめ ブログをVPSとWordPressで7年間運営してきた 速度面やメンテナンス面でそろそろガタがきていた Contentful+Gastby+Netlifyの構成に移行した Lighthouseで高スコア叩き出せた 技術選択って難しいね 運営しているブログ Subterranean Flower Blogというブログをやってます。 主にフロントエンド周りのことを取り扱っており、たまにマリオ64の記事や、転職の記事などでも
WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA
ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ
SCOUTER開発者ブログ
2024-04-29 CSSってどんな勉強をしたらいいの？おすすめの勉強法3選！ 文字やタブなどWebサイトのデザインを作成するマークアップ言語がCSSです。 CSSを勉強すると、おしゃれなWebサイトやかっこいいWebサイトが作れるようになります。 また、Webサイトを作るときに必要なHTMLを理解するのにも役立ちます。 CSSを勉強するならできるだけ効率よく勉強できるようになりたいですよね。 ではCSSの勉強法はどのようなものがあるのでしょうか。 CSSの勉強法は、スクール […] 2024-04-29 WEBエンジニアから見たXserverの使い勝手と評判 レンタルサーバーのおすすめサイトを見ると、大体どこでも上がってくる有料のレンタルサーバーの一つに「Xserver」があります。 このXserverとは、どのようなサーバーで、サービスにはどのようなものがあるのか。 ホームページ関連
【入門】Nuxt.js + Contentful + Netlify で始める、JAMstack な CMS 構築 - Qiita
【入門】Nuxt.js + Contentful + Netlify で始める、JAMstack な CMS 構築JavaScriptVue.jsJAMstackNuxtcontentful 概要 こんにちは、アジアクエスト株式会社でフロントエンドエンジニアをやってます、かめぽんです。最近はエンジニアリングだけでなく Vue や Nuxt の導入支援などもしていたので、徐々に Vue を使ってくれる人が増えつつあり、組織的にもこれからどんどんフロントエンド技術を一層浸透させていきたいなと思っております。 最近、JAMstack やヘッドレス CMS という言葉を聞きますが、CMS と聞いて真っ先に思い浮かべるのは WordPress だと思います。人によっては好き嫌いあって僕もそんなに得意と言うか好きな技術ではありません。だけど、CMS の需要はかなりあるのでどうしたらもっと扱い回しやすい
Gatsby v2とNetlifyで運用コストゼロのサービスサイトを作る。ハマった部分とメリットの解説。 - Qiita
Gatsby v2とNetlifyで運用コストゼロのサービスサイトを作る。ハマった部分とメリットの解説。JavaScriptReactNetlifygatsby はじめに はじめてのQiita投稿です。 現在、現役プログラマーとプログラミング学習者を直接つなげるマーケットプレイスCodeGritを開発しています。こちらのサービスで、事前登録、メンター募集を開始するにあたりティーザーサイトを構築しました。 構築したサイト: CodeGrit タイトルの通り、Gatsbyを利用したのですがGatsby.jsが現在Version1から2への移行期にあたり、一部混乱のある部分もあったのでこの記事ではハマりそうな部分と、Gatsby.jsとNetlifyを利用するメリットを解説します。 Gatsby.jsとは? Gatsby.jsは、React製のスタティックサイトジェネレーターです。Gatsbyの
脱WP。netlifyCMSなら静的サイトの記事作成を管理画面からできちゃいました！ | カオスボーイ・トーキョー @カオスボーイの憂鬱
netlifyCMSは、netlifyが提供するCMSサービスです。 ボタン一つで、静的サイトジェネレータをベースにした、CMSの管理画面を構築してくれます。 もしこれからブログやサイトの作成を考えている方は、こちらも候補に入れて検討してみてください。 netlify CMS | Open-Source Content Management System どんなサービスなのか？ WPの代わりになるのか netlifyCMSの制限事項 netrify CMSで選べるジェネレータ まとめ netlifyのホスティングについてはこちらに書いています👇 どんなサービスなのか？ 静的サイトジェネレータの問題は、エンジニア的な知識がないと構築が難しい ことです。 また、クラウド上にサイトを管理するページがない ので、ローカルで静的ファイルを生成して、デプロイしなければならない。 つまり、パソコンがな
まだWordPressで消耗してるの？Netlify CMSでブログを作成しよう！ - Qiita
この記事は群馬大学電子計算機研究会 IGGG Advent Calendar 2017 7日目の記事です みなさん，ブログ書いてますか？ 「はてなブログ」などのブログサービスをレンタルしている👊 ❌️ 指定されたテンプレートやドメインのみで満足していますか？ 「WordPress」などのブログシステムをサーバに設置して公開している👊 ❌️ セキュリティ対策を行うコストや，スパムコメントの対策に困っていませんか？ ❌️ アップデートの心配はありませんか？本当にWordPressが必要な規模ですか？ 「Hexo」などの静的サイトジェネレータで生成した記事群をGitHub Pagesへデプロイしている👊 ❌️ 独自ドメインを利用する際にCDN経由でSSLを適用できますが，設定がめんどくさくないですか？ ❌️ 複数人でブログを運営している場合，Gitに慣れていない人はどうすればよいでしょうか
Decap CMS | Open-Source Content Management System
Integral part of the Jamstack Get the speed, security, and scalability of a static site, while still providing a convenient editing interface for content. Compared to server-side CMS like WordPress, this means better performance, higher security, lower cost of scaling, and a better developer experience. You can learn more about the Jamstack on jamstack.org. Works with most frontend toolsYou can ad
Netlify + Netlify CMS + GatsbyでCMSを構築してみたメモ - Qiita
背景 CMSといえばWordpressという時代が長きにわたって続いていますが、 コードがプログラマーフレンドリーではなく開発が辛い スケールを考慮して複数サーバーやCMSで環境構築しようとすると設定が面倒 脆弱性が多くメンテナンスコストが高い Wordpressで実現してる要件のほとんどは静的サイトで代替できるものが多い このあたりに積年のフラストレーションがあり、 そろそろ脱WordpressのためNetlify CMSを試してみました。 料金 CDNとして静的サイトをホスティングするだけならいつまでも無料 その他機能（認証・ユーザー・チーム利用・フォーム）にはフリーミアムな料金設定がある Getting Started Hugo (Golang) GatsbyJS (React) の２つのStatic Site Generatorがありますが、今回はGatsbyJSを選択しました。
Gatsby + Netlify CMSで作ったブログをカスタマイズする | Blog
かれこれ、WordPress→Tumblr→はてなブログという感じで色んなブログサービスを転々としてきましたが、最近になってGatsby + Netlifyという単語をよく聞くようになったので試してみました。 https://www.gatsbyjs.org/ React製の静的サイトジェネレータです。 Gatsbyで生成されたサイトはSPA（Single Page Application）でかつPWA（Progressive Web Apps）なのでだいぶ高速です。 Markdownのファイルでブログを書けるのも便利。 通常、生成されたサイトはGitHub PagesやAmazon S3等に置くと思うのですが、そこに新しく登場したのがNetlifyです。 https://www.netlify.com/ フロントエンドのビルド・デプロイ・ホスティングをまるっとやってくれるサービスです。
スマホ対応サイトもアプリも簡単に作れる！オススメCMS比較7選｜ferret [フェレット]
ホームページやブログの作成、既存のWebサイトを再構築するときに役に立つのがCMS（コンテンツ・マネジメント・システム）です。デジタルマーケティングが主流になりつつある現代において、さまざまなCMSが誕生しています。 最近ではMA（マーケティングオートメーション）に機能の1つとして組み込まれていることも珍しくなく、こうした背景からユーザーからのニーズ（導入決断時の優先度）の高さを改めて実感させられます。一方で、数多くのサービスが乱立し、正直、どれを選べばよいのかわからない、という方も多いのではないでしょうか。 そこで今回は、CMSを選定する際に押さえるべきポイントと、おすすめのCMSを紹介します。 ■ ferretおすすめのCMS・サイト制作ツール一覧を見る 目次 CMSとは？ CMSを企業が導入するメリット Webサイトのデザインを簡単に管理できる SEO対策につながる アカウントの権限
![スマホ対応サイトもアプリも簡単に作れる！オススメCMS比較7選｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2d39b9d629ce87a4db967805e74156464618b7e/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F7311%2Fog_image%2Fdefault-279901f5efdbbc129b91bdc34096fefb.jpg)
まだまだある！便利なCMS・プラットフォーム11選
この記事は、2017年11月20日に公開された記事を再編集しています。 以前ferretで、便利なCMS・プラットフォームを紹介しました。 参考： こんなにある！WordPressに替わる便利なCMS・プラットフォーム11選｜ferret 今回は、WordPressの競合でもあり、代替としても使えるCMSやパブリッシングプラットフォームとして新たに11個を厳選して紹介します。 それぞれのCMSに良さがあるので、ぜひ自分にあったCMSを見つけてみてください。 便利なCMS・プラットフォーム11選 1. Publii Publii Publiiは、安全・高速でスタイリッシュなブログサイトを作るためのプラットフォームです。ほかのCMSと大きく違う点は、Publiiではブラウザにログインをして記事を書くのではなく、WindowsやMacに専用のアプリケーションをインストールすることです。 ライター
Optimizely Content Management System (CMS)
Content Management System Deliver incredible content experiences, anywhere Optimizely Content Management System equips marketers and developers with a modern, fully composable suite of user-friendly tools. Deliver impactful experiences across any channel, and personalize with AI-driven insights. Get started Streamline content production Get complete content lifecycle coverage with a seamless conne
見よ！これが Python製の WordPress風フルスタックCMSフレームワーク「Mezzanine（メザニン）」だ！ - akiyoko blog
この投稿は 「Python Advent Calendar 2015 - Qiita」 の 23日目の記事です。 煽っておきながら先に言い訳しておきますが、「Mezzanine（メザニン）」は WordPress公式 が作ったものでもサポートしているものではありません。 しかしながら、Mezzanine の 概要ページ の説明を見ると、 In some ways, Mezzanine resembles tools such as Wordpress that provide an intuitive interface for managing pages, blog posts, form data, store products, and other types of content. Mezzanine は、いくつかの点において、ページ、ブログ記事、フォームデータ、ショップ商品、お
JavaScript製のオープンソースなCMS・「CMS.js」
CMS.jsはJavaScript製のCMSです。オープンソースとして公開されています。サーバーサイド・スクリプトの援助なしにクライアントサイドでWebアプリケーションを構築する事が出来る、との事です。jekyllを意識しているみたい。ライセンスはMITです。 CMS.js
CMSにもうずっと疑問を持ってますという話 - 業務用iOSアプリのfeedtailor社長ブログ
僕はいわゆるCMSが余り好きではありません。随分前に子会社のSYNCNEL事業のオフィシャルサイト(あるWeb屋がWordpressで制作)で苦い経験をしてからは特に。このブログもWordpressなので余り大きな声で言えたもんじゃないですけど(笑) でも、ホントはもうWordpressやめたい。ってかCMSにそもそも疑問を持ってます。 CMSの「おおげさ」感 サーバにシステム入れちゃうと、plug-inのupdateとか、CMS本体のupdateとか気になるし、ってか相性とかもあって出来なかったりもするし、そもそもシステムの為に必要なphp等の言語やDBやミドルウェアのupdateも気になって、脆弱性気になるけど…と余計な心配をしなくちゃいけません。 運用面でも、サイト全体の世代管理もしにくいし、ビジネス理由で別サーバに移転しようと思っても大変、htmlの構成を読み解こうとしてもテーマや
TechCrunch
Having used Journal for a few days now, I feel confident saying that Day One is not staring down an existential threat — at least not yet. Keep in mind we’re talking about Apple has a well-kno
Drupal(ドゥルーパル)というCMSを知っていますか？ | さくらのナレッジ
Drupal(ドゥルーパル)は、フリーソフトウェアのコンテンツ・マネジメント・システム(CMS)のことです。 残念ながら、日本ではDrupalをご存じではない人が多いと思います。Drupalのことを日本でも知ってもらい、コミュニティが盛り上がっていければと思っています。 これからのDrupalの連載をよろしくお願いします。 Drupalとの出会い 私は大学図書館システム関係の仕事をして、初めてDrupalに出会ったのが2年前となります。 2年前に大学図書館のホームページにDrupalを採用することになり、いろいろと勉強しながら導入しました。その機会が縁で、現在に至っています。 その時に構築したサイトが九州大学附属図書館様のページです。 Drupal自体は、高機能で沢山のモジュール（プログラム)があります。また、これまでWebシステムを開発していた経験から比較して、Drupal上で独自にモジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SHIRASAGI公式サイト
実例から見る、CMSとレスポンシブデザインで変わるウェブ制作のワークフロー
