はじめに 技術構成（before）と課題 技術構成（after）と選定の理由 改善したこと パフォーマンスの向上 デリバリー速度の向上 セキュリティ面でのリスク低下 大変だったこと 記事のマークダウン変換 段落分けと改行の区別 字下げ 書式の追加 Lintが必要になった 記事ごとのOGP画像周りの実装 URL変更に伴うリダイレクト設定 標準の検索機能がない おわりに はじめに 技術部の @mom0tomo , @etsxxx です。 技術部では、事業部横断的な仕事としてコーポレートサイトの運用も行っています。このたびWordPress on EC2で運用されてきた弊社のWebメディア（Q by Livesense）を、Hugo on Clouflare Pagesに移行しました。 q.livesense.co.jp 弊社のWordPress運用はやや特殊で、エンジニアがサーバーにSSHして
はじめに このサイトの作成に利用している静的サイトジェネレータのHugoに関する情報をまとめていくページです。基本的には、私が利用した機能について、私の理解を残していきます。あくまで私が使った範囲での、私の理解なので、間違えている可能性も高いです。 また、Hugoは、かなり柔軟に設定・利用できるため、網羅的な情報ともなっていません。正しい情報は、Hugoを参照してください。 環境 Hugo 利用しているHugoのバージョン: 0.124.1 OS 私は、Windows 10に、Windows Subsystem for Linuxをインストールし、Ubuntu 20.04上で動かしています。このページの説明も、この環境で試した結果です。 $ cat /etc/os-release NAME="Ubuntu" VERSION="20.04.1 LTS (Focal Fossa)" ID=ub
POSTDの運用がリクルートからニジボックスに移管される際に、デザインのリニューアルと同時にコードベースをGatsby.jsに変更しました。 本記事では、運用移管に至るまでの過程を踏まえつつ、現在のPOSTDの構成を紹介します。 移管前のPOSTD 前述の通り、POSTDは株式会社リクルートのインキュベーション部門Media Technology Lab.（現新規事業開発部）で運用されていました。 最後に公開した記事は、2019年3月28日の「PHPはもうダメだ、PHP万歳！」となっています。 もともとはWordPressによる運用が行われていましたが、運用体制の関係で静的HTMLをFirebaseで公開する形式になっていました。 ニジボックスへの引き継ぎに伴い、記事の翻訳を始めとしたサイト運用を再開することになり、改めてCMSの形式に変換する必要が出てきます。 Gatsby.jsを選ぶ
こんにちは、柴田（@shibe97）です。 突然ですが本日、microCMSブログのソースコードをオープンソース化いたしました！ リポジトリはこちら。 https://github.com/microcmsio/microcms-blog 経緯microCMSを利用したJamstack構成のWebサイトはここ1年でだいぶ広まりつつあります。 しかし、Jamstack構成のサイトは一覧画面 / 詳細画面を作成するのは非常に簡単ですが、そこから先を実装しようとすると途端に難易度が上がります。 ネット上にはまだまだ知見は少なく、実案件で投入できるほどの実力を持つエンジニアはそう多くはないという印象です。 そこで、実稼働しているmicroCMSブログのソースコードが参考になるのではということで、今回オープンソース化に踏み切りました。 microCMSブログはデータソースとしてmicroCMS、フロ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この投稿は、静岡 Advent Calendar 2019の6日目のものです。 11/16(土)に開催したShizuoka.js#5でJAMstackのことについて話し、SanityというheadlessCMSが使われていることを紹介しましたが、この補足として会社で使われているheadlessCMSのGraphCMSについて紹介します。 と言っても自分はそのGraphCMSを使わている案件には関与していないので、社内で聞いた話になります。 また、好みや個人の感想レベルの部分もあるかと思いますので、あくまで参考程度にしてもらえればと思いま
この比較を見るとデータベース数 (MySQL) の差が大きいように思えます。最廉価プランでは非対応となり、エコノミーでは1つしか利用できません。例え数十個のドメインを使えたとしても、1つのデータベースでは、WordPressのようなCMS (要MySQL) を満足に利用することはできません。もちろん、1つのデータベースを複数のCMSで共有することもできますが、パフォーマンスの悪化や、管理の煩雑性を考慮するとあまりお薦めできません。 それでもランニングコストを下げたいのであれば、 Flat-File CMS という選択肢があります。Flat-File CMSはデータベースが不要 (一部は要SQLite) なので、エコノミープランであっても対応するドメインの数だけCMSによるサイトを立ち上げることができます。また、多くのFlat-File CMSはPHPで動作するため、ほとんどのレンタルサーバ
OneThird CMS Lightweight CMS for Small website, Web application framework. Download Document OneThird CMSとは？ cakePHPやsmarty等の外部ライブラリを使用しない、福岡発の純国産CMSです！Onethird CMSは、ゼロベースから設計されました基本動作に外部ライブラリを使用していないため無駄な部分がありませんCMSの基本設計フレームワーク、テンプレートエンジン、WYSIWYGエディタすべてオリジナル設計 だから高速動作、超軽量 OneThird CMSの特徴, MVCを使わずに設計された超軽量・超高速CMSMVCに比べて構造が簡単(覚えることが少く短期間でマスターできます超高速で動作（HTML作成速度はWordPressの約2倍）MySQL,SQLiteの両方に対応（安価なサ
Vue.js + Nuxt.js + GraphCMSでHPリニューアルしました 今年2回目となりますが、HPをリニューアルしました。以前は普通にWordPressで作ってたんですが、Nuxt.jsがV1のRCリリースされてたので本格的に触ってたら題材がないのでHP作り変えるかって感じですね。 Nuxt.jsはVue.jsで作ったSPAをSSR（サーバサイドレンダリング）してくれるやつで大変便利なのですが、サーバーサイドというかnode.jsでゴニョゴニョやってるところもあるみたいでそのへん意識してコード書かないといけないので最初は理解が大変でした。ググっても情報も少ないのでGithubで色んなひとのコードを貪るように読みました。 せっかくなのでサーバーレスでいきたいのとCMSどうするかというところで色んなサービス触ったのでその辺の選定を書いてみたいと思います。Vue.js + Nuxt.
概要 Github Pagesでブログ構築ができる静的サイトジェネレーターの総まとめです。 もともと使っていたOctpressからの移行で、HugoとHexoで迷い、デプロイのしやすさや、Node.jsで完結できることなどからHexoに決めました。なので、Hexoの情報は多めになっています。 Assembleも、Grunt・Yeomanでがりがり動かすことができそうで、いつか試してみたいです。 リプレース要件 以下を満たすもの。 Markdownでブログ記事を記述できる(Githubとかで管理したいから) Octopressから移行が可能(最悪手動でもOK) デザインがモダンであること(スマートフォン対応していること) イケてること(色んな意味で) Jekyll｜Rails｜Github Star 18848 メリット Github Star数No1と人気。 日本語の記事も多い なんでもで
小規模なサイトで、ブログ的なサイトではないけど、サイト運営者が自分で更新したいからWordPressを使うことは少なくないと思うんですよね。 ・10ページ以内とかの小規模サイト ・サイト運営者がいつでも更新できるようにしておきたい ・サイト運営者が自分でHTMLを修正するのはなし ・ftpを使うのは面倒 みたいな感じ。こういうのにWordPress使うって、面倒な気がします。CMSってそれぞれ癖があって、慣れればいいかもしれないけど、覚えること自体がめんどくさい。ブログ的なページ構成ではなくて、ページのなかに変更したい部分が複数あると、WordPressを使うのが便利というわけでもないし。最近、小規模なCMSも出てきているようですが、自分の知る限り、それほどさくっと簡単というのは見当たらなくて、プログラマなら数分でできそうなくらいプリミティブなCMSを作ってみました。Dropboxのなかに
最近ちらほら、Wordpressキツイよねという話がWeb屋さんの知り合いからよく耳にする機会があるように感じます。というか、僕自身コーポレートサイト製作の案件とか相談された時に、Wordpressはちょっとないなと思っちゃいます。（まぁ予算があったり規模がデカければ普通に商用CMS使いますが。） そんななか滋賀の渚さんが虚構新聞のサイトとアプリをまるっとリニューアルして、すんごく薄いCMS？的なものを作られていたので影響されて考えをまとめてみました。 Wordpressが嫌になるシチュエーション だいたい、昔の静的サイト制作のノリのままCMS化が進んでWordpress使いやすいよね～で流れてしまった挙句、バージョンアップや脆弱性対応でつらい目にあってWordpressやめたくなってるんだと思います。 そもそもの前提として コーポレートサイトとか、基本静的ページでもギリ行ける内容。 でも
バリデーションでSQLインジェクション攻撃をブロックしないCMSが多い ログインIDにおける典型的なSQLインジェクション攻撃として、'OR 1=1# をバリデーションがブロックするかどうかを確認しました。ログインIDとして許容される文字を見る限り、WordPress、Joomla、Drupalはブロックしそうですが、結果は下記の通りです。 WordPress: ブロックしない Joomla: ブロックする Drupal: ブロックしない MovableType: ブロックしない ということで、意外なことに、バリデーションでSQLインジェクション攻撃を止めるのはJoomlaのみという結果でした。 ログインIDにヌルバイトや改行が使えるCMSがある テストをしていてもっともびっくりしたことの一つがこれです。JoomlaとMovableTypeはヌルバイトや改行など制御文字がログインIDとして
今日は、Webサイトのコンテンツ管理システム（CMS）の話題を。オープンソースCMS「Drupal」の、企業インフラとしての利用が世界で広まっているということで、その状況やなぜ利用されているのかを解説します。 ジョンソン&ジョンソンが世界で3000サイトの構築に利用していて、そのほかにも、ファイザー、インテル、トムソンロイター、BBC、ワーナーミュージック、ホワイトハウス、スタンフォード大学、オリンピック、グラミー賞など、いまや世界のWebサイトの2.5%で使われているCMSがあることをご存じでしょうか。 それが、オープンソースCMSの「Drupal（ドリューパルドゥルーパル）」です（実はWeb担も2006年のオープン当時からDrupalを利用して運営しています）。 9月に、Drupalプロジェクトの創始者であるドリス・バイテルト氏が来日して開催した「Drupal Night in Tok
今注目されている Micro CMS 従来は Joomla, WordPress, Drupal, Movable Type 辺りから制作者の肌に合うツールを選ぶ場合がありました。これらは今でも十分に使える高機能 CMS ですが、機能が多過ぎることから、メンテナンス、運営、ワークフローをしっかり設計していないと、複雑で扱い難いものになることがあります。無料から使える小中規模 CMS は出そろった感がありますが、ここ 1, 2 年ほど新しい CMS を幾つか見かけるようになりました。 Pico : 静的ファイルを管理する CMS Dunked : ポートフォリオに特化した CMS Koken : こちらもクリエイティブ向け CMS Leeflets : 1ページサイトを手軽につくる CMS Ghost : Markdown で書けるブログツール Dropplets : こちらも Markdo
2013年7月10日、 Movable Type のメジャーバージョンアップとなる Movable Type 6 を発表し、ベータ版の提供とライセンスの販売を開始しました。正式リリース（製品出荷）は10月を予定しています。 本日より、新しいライセンスおよび価格体系に変更され、旧バージョン（Movable Type 3、Movable Type 4、Movable Type 5）をご利用いただいている皆様に向けた優待キャンペーンを実施します。 CMSの最新版 「Movable Type 6」 を発表 Movable Typeは、2001年にサンフランシスコで誕生して以来、進化を続けているブログ・CMSプラットフォーム製品です。個人や企業のブログにとどまらず、大企業の数万ページに及ぶ大規模サイトまで、商用版製品が日本国内で5万サイト以上に導入されています。 今回発表した Movable Typ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
