こんにちは、柴田（@shibe97）です。 突然ですが本日、microCMSブログのソースコードをオープンソース化いたしました！ リポジトリはこちら。 https://github.com/microcmsio/microcms-blog 経緯microCMSを利用したJamstack構成のWebサイトはここ1年でだいぶ広まりつつあります。 しかし、Jamstack構成のサイトは一覧画面 / 詳細画面を作成するのは非常に簡単ですが、そこから先を実装しようとすると途端に難易度が上がります。 ネット上にはまだまだ知見は少なく、実案件で投入できるほどの実力を持つエンジニアはそう多くはないという印象です。 そこで、実稼働しているmicroCMSブログのソースコードが参考になるのではということで、今回オープンソース化に踏み切りました。 microCMSブログはデータソースとしてmicroCMS、フロ

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

※このブログは、セキュリティエンジニアのstyprが英語で書いた文章を翻訳し、社内で監修したものになります。 こんにちは。株式会社Flatt Securityのstypr (@stereotype32)です。 以前公開した記事「Flatt Securityは“自分のやりたいことが実現できる”場所／セキュリティエンジニア stypr」でお話した通り、私は現在Flatt Securityで0day huntingとセキュリティの診断をしています。 私は 5月に入社してから 0day hunting の業務に取り組んでいます。他の面白い業務と並行して取り組んでいるので、一つの製品にかけている時間は、最低1日からせいぜい1週間程度です。 結果、これまでの間、私はかなり多くのOSS脆弱性を見つけてきました。そこで今回の記事では、現在までに修正された脆弱性のうち、技術的に面白い選りすぐりのものを解説し

静的サイトジェネレーターが最近、非常に普及してきました。 それに合わせて注目されているのが「JAMスタック」です。JAMスタックとは何なのか、なぜJAMスタックが人気になっているのかを紹介します。 Why JAMstack is Becoming so Popular by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに JAMスタックとは JAMスタックを使用する利点 JAMスタックはなぜ人気があるのか まとめ JAMスタックの有用なリソース はじめに 最近、静的サイトジェネレーターが非常に普及してきています。静的サイトジェネレーターは使い方が簡単で、最新のテクノロジーとVue.jsやReactなどのJavaScriptフレームワークに基づいて実装されています。静的サイトジェネレーターをは

Headless CMSとは Headless CMSは、Wordpressなどとは違って本体のウェブサイトと管理画面が完全に分離されているのが特徴の CMS(コンテンツマネジメントシステム) です。 これを使うと、フロントエンドとCMS側が分かれるのでそれぞれを別の場所に配置することが可能です。 動的なコンテンツを表示することをサーバーを持たずに行うことが可能になるのが魅力です。 Micro CMSとは Micro CMSは国産のHeadless CMSです。 これまでのHeadless CMSというと「Contentful」が主流な気がします。 Contentfulは日本のサービスではないので英語が基本になりますが、Micro CMSはデフォルトで日本語に対応していたり、日本語でのチャットサポートがあるのが良いと思いました。 使い方 登録 上記画面の「無料ではじめる」または「新規登録」

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? NTTテクノクロスの上原です。 業務では、社内情報のReact製自前キュレーションサイトの構築を担当しています。 この記事はNTTテクノクロスAdvent Calendar24日目の記事であり、社内の勉強会で発表した内容をQiita記事として書きなおしたものです。タイトルは釣りです。 (2018/12/28追記あり) 導入 記事を書いた理由 Gatsby.js(以降、Gatsbyと表記)はさまざまな高速化テクニックを用いた「爆速サイト生成」で有名なツールですが、そのリッチな機能性は、たとえばイントラ内サイト、業務システム開発、ツール開発

どうも、まさとらん（@0310lan）です！ 今回は誰でも簡単にJavaScriptでブログなどを構築可能なCMSツールを実現するライブラリをご紹介します！ Jekyllなどの静的サイトジェネレータと考え方は似ていますが、こちらはサーバサイドスクリプティングが一切不要ですべての作業をフロントサイドで完結できるのが特徴です。 GitHub Pagesと組み合わせることですぐにでもブログを構築して公開することができるので、ご興味ある方はぜひ参考にしてください！ なお、JavaScriptはpaizaラーニングの「JavaScript入門編」（完全無料）で学ぶことができます。そちらも合わせてチェックしてみてください。 【 CMS.js 】 ■「CMS.js」の使い方 それでは早速ですが、実際に「CMS.js」を使ったブログを作って公開してみましょう！ 本来は「CMS.js」のライブラリをダウンロ

現在会社のマーケティング改革を行っていまして、会社のWebサイトを作り直したり、製品の個別サイトとかもリニューアルしています。 で、なんかチョイ前まではWordpressでいいじゃんって風潮だったと思うのですが（今もかな）、前回Webサイトをリニューアルした時に 自称Wordpress知ってるマンを雇って、のちのちはデジタルマーケティングをやってもらおうと思っていたのですが、ものすごい時間がかかった挙句に ありえないHTMLを吐き出していて、デザインもよく見るとマージンとパディングが所々バラバラでそれはもう酷い物でした。 で、結局僕が自分でHTMLを書き出してブログ部分だけ適当なテンプレートを入れたWordpressを使ってサクッと終わらせました。 何が悪かったのかその酷いWordpressのテンプレートとかを見てみたのですが、VisualEditor的なプラグインが入っていて、WYSIW

このサイトはWordpressというCMSで作成しています。もともとはブログ用だったようですが、さまざまな機能がプラグインで追加できることもあって、単なるブログではなくWebサイトを作成する土台となっています。ただ、このCMSにはさまざまな種類があり、有料のものも無料のものもあります。もちろん、私が触って遊べるのは無料のものだけですが…。 前から気になっていたのですが、触ってなかったCMSにMagic3というのがあります。 Magic3は日本発のオープンソース(GPLv3ライセンス)な汎用CMSだそうです。Webアプリケーションプラットフォームとして、「ウィジェット」という仕様のモジュールを組み合わせることでさまざまな機能を実現するようです。 ただ、このCMSで作ったサイトをみたことがなくてイメージがつくれなかったし、紹介しているサイトもなくて、インストールせずに時間が経っていました。 そ

医薬品の製造販売及び輸出入を行うアステラス製薬では、米国ホワイトハウスやNASAも使うオープンソースのCMS「Drupal（ドゥルーパル）」でグローバルサイトを構築した。 さらに、Drupalのエンタープライズ利用を助ける、プラットフォームサービスAcquia（アクイア）を導入したという。 いちはやくAcquiaを導入したアステラス製薬の広報部の松田尚明氏と情報システム部川浪洋一郎氏が「Acquia Day 2017」に登壇。Acquia導入の理由や統合コンテンツ管理の取り組みを紹介した。その内容と編集部で追加取材した情報をお届けする。◎撮影　yOU（河崎夕子） グローバルサイト構築の背景医薬品の製造や輸出入を行い、世界70か国で医薬品の販売、売り上げの7割が海外だというアステラス製薬。 全世界に販売網を持ち、全世界にステークホルダーがいる。グローバル製薬会社として情報開示に関する方針を徹

一昔前のCMSというとユーザの見る画面と管理画面がはっきりと分かれていました。セキュリティ上はやりやすいかも知れませんが、管理者としてはユーザがどう見えているかを逐一確認する必要があって不便でした。 最近ではユーザの見ている画面上でそのまま編集できるものが増えています。その最新作と言えるのがOryです。 Oryの使い方 こちらがエディタの画面。右側にアイコンが並んでいます。 編集中です。文字を選ぶとフローティングで装飾メニューが出ます。 日本語も入力できます。 さらにコンテンツをドラッグして配置変更も。 しかも段組まで変えられます！ 三段だってできます。 新しいコンテンツを追加する場合は右側から。 Oryはコンテンツのカスタマイズできる幅が大きく、かつ編集内容がそのままユーザの見ている画面になるので非常に分かりやすく編集できます。操作性も直感的なので使い勝手は良いでしょう。 OryはJav

ホームページやブログの作成、既存のWebサイトを再構築するときに役に立つのがCMS（コンテンツ・マネジメント・システム）です。デジタルマーケティングが主流になりつつある現代において、さまざまなCMSが誕生しています。 最近ではMA（マーケティングオートメーション）に機能の1つとして組み込まれていることも珍しくなく、こうした背景からユーザーからのニーズ（導入決断時の優先度）の高さを改めて実感させられます。一方で、数多くのサービスが乱立し、正直、どれを選べばよいのかわからない、という方も多いのではないでしょうか。 そこで今回は、CMSを選定する際に押さえるべきポイントと、おすすめのCMSを紹介します。 ■ ferretおすすめのCMS・サイト制作ツール一覧を見る 目次 CMSとは？ CMSを企業が導入するメリット Webサイトのデザインを簡単に管理できる SEO対策につながる アカウントの権限

ブログ作ろう。 ➡️技術的な知見を得るために自前のサーバーにCMSを設置したい。 ➡️PHPではなく、node.jsのCMSないかな？ ➡️いろいろあるみたいだけどKeystoneJSが一番著名そうだね。 ➡️しかもexpressか。 node.js初学者の自分でもコード追えそうだ。 よし、まずMacに入れてみよう。 ということでまずはMac上にinstallしてみることにしました。 ■前提すでにnode.jsでいろんなコードを書いているため 既に Homebrew、node.jsがinstallされております。 ■やったことhttps://github.com/keystonejs/keystone を見ながらガチャガチャ作業しました。。。 ただ、最初から公式サイトの “Get Started"　http://keystonejs.com/getting-started/ を見ておけばよ

CMSといえばWordPress、Drupalといった具合にPHPではMySQLと組み合わせたシステムが数多くなっています。その結果、CMSといえばコンテンツをデータベースに納めるものだと思う方も多いようです。 しかし大規模なサイトやどうしてもそうしなければならない必要性がなければシステムはシンプルな方が分かりやすいのではないでしょうか。今回はPHPのノンデータベースなCMS、Fansoroを紹介します。 Fansoroの使い方 FansoroのインストールはPHPファイルを配置するだけで完了します。 ファイル構成です。Markdownファイルで文章を書いていくだけです。 ブログ、ページ機能が基本になります。 FansoroはJekyllなどのようにMarkdownファイルをコンテンツとしてHTML表示を行う仕組みになっています。プラグインやテーマ機能も提供されています。 Fansoroは

オープンソースの静的サイトジェネレーター「Lektor CMS」がv2.0へアップデートしています。詳細は以下から。 Lektorは欧州でPocooの開発などに携わっているエンジニアArmin Ronacherさんが公開した静的サイトジェネレーターおよびCMSで、昨年末にv1.0が公開され開発が進んでいましたが、10日新たにLekrot CMS v2.0がリリースしされたそうです。 Happy to announce that Lektor 2.0 is available for public consumption! Read what's new: https://t.co/9Db1K9A04Y — Lektor CMS (@getlektor) 2016年4月10日 After quite a bit of wait, I’m happy to announce the 2.0 r

SiteCakeは通常の静的なHTMLを編集可能にするシンプルなCMSです。プログラミングの知識も不要でプレーンなHTMLを編集可能になします。コンテンツはドラッグ&ドロップで調整出来てデータベースも不要との事。どこまで編集可能かはまだ分かりませんが・・・小中規模なWebサイトならこういうので良いですよね。SiteCakeはオープンソースとして公開されています。ライセンスはGPLとなっています。 SiteCake