いつも MovableType.net をご利用いただき、ありがとうございます。プロダクトマネージャーの早瀬です。2018年2月5日で MovableType.net が正式公開されてちょうど3年となりました(^_^)1周年と2周年の記事は以下になります。MovableType.net は2周年を迎えます！MovableType.net は今日で1周年です！３周年ということで先日社内でケーキを購入し、お祝いしました。美味しいケーキケーキを前に集合写真（このタイミングでいたメンバーで）

MovableType.net はサービス型CMSということもあり、Web担当者にもWeb制作者にもメリットがあります。今回は導入事例を中心にご紹介していきます。例えば以下の事例にあるように、制作者の開発期間の短縮することができる、納品後の運用負荷を軽減しその分コンテンツに集中する、といったことが可能です。ロケットスタートホールディングスが MovableType.net を使う理由 以下の事例では選んで頂いたポイントの一つとして「利用者がPCが苦手な場合もあるので管理画面の使いやすさは重要」という部分があります。ヒューマンブリッジ株式会社- MovableType.net 導入事例管理画面の各機能については、サービス開始してからも使いやすくなるように日々改善しているので、嬉しく思います。運用面でのセキュリティ対策や支払い、規約など企業利用に適しているということで採用いただいたケースもあります。東京海上日動メディカルサービスが MovableType.net を使う理由また、事例でもいくつかご紹介させていただいていますが、先日All Home Page 株式会社様が MovableType.net の紹介記事を書いて下さいました。もっと使おう！MovableType.net　ーMovable Typeアドベントカレンダー１２月４日の記事ですー | MtoM・Move up to MovableType.net　ムーブアップ（サイト引越し）サービス　古いウェブサイトをMovableType.netへお引越ししよう！All Home Page 株式会社様では実際に何件も MovableType.net をご利用いただいており、実際の利用者様ならではの感想をつづっていただいているので、現在 MovableType.net のご利用を迷われている方、すでにご利用いただいている方も、ぜひ一度ご覧ください。 より便利に活用できる方法が見つかるかもしれません。以上導入事例からいくつかご紹介させていただきましたが、ご利用いただいているお客様の声は他にも以下に掲載されていますので是非ご覧いただければと思います。MovableType.net 導入事例

デザインテーマに Gallery Black という写真を公開するためのテーマがあるのですが、このテーマをベースに以下の記事で紹介した新機能を利用して、YouTubeの動画を掲載するギャラリーテーマを作ってみました。年始４日連続リリースの新機能まとめ実際に出来上がったデモサイトは以下になります。（この記事の最後から実際に使えるサンプルテーマもダウンロードできます。）YouTubeギャラリー

本年も MovableType.net をよろしくお願いいたしまます。プロダクトマネージャーの早瀬です。昨年も年明けに４日間連続リリースを行いましたが、今年もお年玉企画の４日間連続新機能リリースを行いました！以下そのニュース記事になります。テンプレートの非公開の対応とテンプレート内検索の改善【年始4日間連続！新機能リリース1日目】テーマ書き出し時にフィールドの並び替えや表示非表示の設定も同梱可能に【年始4日間連続！新機能リリース2日目】年別アーカイブで開始月が選べるようになりました【年始4日間連続！新機能リリース3日目】モディファイアの replace と regex_replace に対応しました【年始4日間連続！新機能リリース最終日】ではそれぞれどのような機能なのか？どういったことに使えるのかなどまとめてご説明していきます。１日目：テンプレートの非公開とテンプレート内検索の改善テンプレートの非公開機能今までは例えばトップページのちょっとした改修を行いたい場合、よくあるパターンとしてindex_test.htmlといったようにテストページを作りますが、自動生成されるsitemap.xmlに入ってしまい検索対象になる可能性がある、といったことがありました。また、雛形としてテンプレートを残しておきたい、といった場合などにも公開された状態になってしまいました。今回下書き（非公開）が実装されたことにより、新規作成時は下書き保存しておきプレビューで確認する、公開したページを下書きにして非公開にする、といった運用ができるようになりました。テンプレート内検索テンプレートの編集を行う場合に、該当ページを開いてそのテンプレート内の特定の文字列をブラウザのページ内検索機能を使って探す、といった運用をよく行うことがあるのですが、現状のテンプレート編集画面は読み込みを速くするために全ての内容をレンダリングしない仕組みとなっていて、その影響でブラウザのページ内検索が有効でない場合がありました。そこで、テンプレートの入力エリアに検索機能を追加しました。入力エリア内をクリックしカーソルがある状態で、WindowsはCtrl+f、Macはcommand+fキーを押すとSearchボックスが表示され、表示されているテンプレート内の検索を行うことができます。２日目：テーマに標準項目も含めたフィールドの並び替え等の情報を含めるテーマ作成時にカスタムフィールドを利用して、使いやすいようにフィールドの項目の並び替え等をすることがあります。テーマを書き出す際に、先月並び替えなどに対応した標準項目の情報も含めて同梱できるため、使いやすくテーマ化することができるようになりました。雛形テーマ作成時などに利用すれば制作効率もアップできますので是非ご利用ください。３日目：年度別アーカイブも作成可能に年別アーカイブを作成した際に、開始月を選べるようになりました。学校関連など4月はじまりで３月終わり、といったようにアーカイブしたい場合は開始月を４月にするだけで対応可能です。また、年度には大豆年度（10月〜翌年９月）、酒造年度（７月～翌年６月 ）など色々あることを個人的に初めて知りましたが、その辺も対応可能です。４日目：モディファイアの replace と regex_replace の対応ご要望として定期的にいただく、モディファイアでの正規表現が可能な regex_replace の対応を行いました。また、あわせて単純な文字列の検索置換の replace も対応しています。テンプレートソース内の余分な空行を削除したい、本文内の特定のタグを書き換えたいなど様々な利用用途があります。以上４日連続リリースの内容をご説明してきました。今回の機能強化はお使いのユーザーの皆様のご要望を実現しております。もしこんな機能あったら便利なのにな、といったご要望がありましたお気軽にサポートまでお問い合わせください！

今回は、先日新しく追加された機能、標準項目の並び替え を利用して、記事作成画面を実際に公開されるページの見た目と近づけてみようと思います。 今回はテーマ「EC Brand」を例にして並び替え機能を試してみましょう。テーマ「EC Brand」は、商品を扱うブランド・企業サイトの運用に適したテーマです。そのため、商品の画像や説明、価格など、商品サイトに必要な項目があらかじめ用意されています。必要な情報は記事作成画面にあらかじめ出てくるので、必要情報の記載漏れや、記事作成者ごとに形式がバラバラになってしまう、なんていう問題も回避できる便利なテーマです。しかし、これまでは上記の公開される記事に記載される項目の順番と、記事作成画面の項目の順番がバラバラで、入力したデータが公開した画面のどのあたりに配置されるのか、戸惑うこともありました。新機能として追加された標準項目の並び替えを使えば、記事投稿画面の項目を自由に入れ替えることができます。例えば、上記のような投稿画面の場合、「設定」＞「投稿」の「フィールドの表示設定」にある「記事」部分の順番は以下のようになっていました。上記の項目は、公開されたページでは以下のように配置されます。記事投稿画面の各項目の順番、並び替えた方が使いやすいですよね。商品画像（メイン）とか、最初にあった方がいいですよね。そんなわけで、管理画面のサイドバーにある「設定」＞「投稿」をクリックし、「フィールドの表示設定」にある「記事」の項目で並び替えてみました。この順番にすると、実際に公開されているページの表示とだいたい同じ順番になります。※ 順番の変更は、各項目名の右側にある三本線をクリックしたままで上下に動かしてください。順番が決まったら、ページの一番下にある「変更を保存」ボタンをクリックするのも忘れずに！上記の設定が保存されると、記事作成画面はこんな感じになります。こうすると、公開されているページと同じ順序で各項目に情報を入力できるので、よりページの作成がわかりやすくなるかと思います。12月も終わりに近づき、そろそろ今年も終わり。記事の投稿が便利になる標準項目の並び替え（表示非表示）機能をぜひご活用ください。

記事・ウェブページのインポート・エクスポート形式の一つとしてCSV形式に対応しました。この機能は指定された形式で用意すれば、エクセル等で作成したデータをそのまま読み込める機能になります。使い方によっては例えば、、エクセル形式に持ってこれればどんなCMSからでも加工してデータ移行ができる会員情報をエクセルで管理していてその情報を利用して一括でウェブページとして作成したいといった様々な使い方ができますが、今回はその機能を活用してウェブページでサイトの骨組みを作る方法をご紹介します。CSV形式の詳細については以下のマニュアルをご覧ください。CSV形式のフォーマット今回やろうとしていることテーマPublic Organizationをベースにし、エクセル等の表計算ソフト上でサイト構成を作成、そのデータを読み込んでサイトの骨組みを作るPublic Organization の特徴や使い方はマニュアルを参照してください。エクセルで指定のフォーマットを準備まず、エクセルでウェブページの骨組みを作るための最低限のフォーマットと項目を用意します。以下はPublic Organizationのデモサイトのコンテンツを書き出したものになりますので、サンプルとしてご利用ください。 test.csvをダウンロード 必須の項目とフォーマット今回必須の項目は以下になります。カスタムフィールドの項目については、Public Organizationのウェブページで利用されているものになります。type : 記事かウェブページかを設定します。今回はウェブページなのでPageと設定します。title : ウェブページのタイトルを入力basename: ウェブページのファイル名を入力folder: フォルダに続さない場合は空にする。フォルダに属する場合はフォルダ名を記述。階層は「/」で入力するcf_webpage_top : 「トップページに表示」のカスタムフィールドcf_footer_menu : 「フッターメニューにのみ表示」のカスタムフィールドcf_folder_top :「フォルダのトップページ」に設定のカスタムフィールド上記フォーマットで、必要なページ構成を作っていきます。作業中は通常のExcel形式で保存しておいて大丈夫です。ExcelからCSV形式で書き出す完成したらExcelのメニューのファイル＞名前をつけて保存から、フォーマットをCSV（コンマ区切り）(.csv)に指定して保存します。CSV形式をインポートする予めPublic Organizationのテーマを適用しておいたウェブサイト・ブログのメニューの設定＞インポートページを開きます。ファイルは先程作成したCSVファイルを指定し、Excelで書き出したCSVファイルは文字コードがShift_JISになるため文字コードを「日本語(Shift_JIS)」を選択します。後は読み込むだけで、自動的に以下のようなウェブページが構造的に作成されます。これで、ウェブページを使ったサイトの骨組みが完成です！以上となりますが、実は作成されたフォルダのパスや説明文などを明示して、フォルダ構造だけを作るということもできます。フォルダ構造だけをパスも指定して作成する方法エクスポートデータは、実は記事、ウェブページ、カテゴリ、フォルダの情報が分かれてzipファイルにまとめられて書き出されています。その書き出されたデータのうち、フォルダ情報のCSV形式に関しては以下のフォーマットになっています。type : カテゴリかフォルダかを指定。今回はFolderlabel : フォルダ名を入力dirname : URLに使われるパス名を入力parent : そのフォルダが属する親フォルダを指定するdescription : フォルダの説明文を入力上記フォーマットで作成し、CSVとして書き出しこのファイルを先に読み込むか、ウェブページのCSVと同じフォルダに入れzipで固めたものを読み込むとフォルダの詳細情報も反映されます。こちらもあわせてお使いください。

テーマ「Basic theme」、「Stylish Corporate」、「Character」、「Landing Page」、「EC Brand」、「EC Blog」記事、ウェブページに同様のCSSスタイルが付いています。h2〜/h2、h3〜/h3、 h4〜/h4…といった見出しや、太字、引用文、リンクといった、編集画面から可能なもの、その他リストやテーブルにもスタイルを用意しています！CSSの知識がなくても、記事、ウェブページのデザインを簡単に整えることができるので、使い方によってぐっとレベルアップしたサイトになりますよ♪また、「自分でCSSを書き換えて記事、ウェブページをカスタマイズしたい！」という場合にどうすればいいのか？もご紹介します！目次見出し系強調文字、リンク、引用文リスト系テーブル本文内のデザインをカスタマイズ（CSSを理解している方向け）

最近公開したテーマの中には、カスタムフィールドからメインイメージなどの大きな画像をアップロードするケースが多くなってきました。（本日公開のテーマ「EC Brand」、「EC Blog」も、カスタムフィールドからメインのスライドや画像をアップしますね。）指定のサイズの画像を用意して、編集画面からアップロードできるからお手軽♪…ですが、高解像度のディスプレイをお使いの場合、「なんだか画像がぼやっとしてしまう…」なんてことがあります。メインイメージはサイトの顔！キレイな画像を使いたいですね。今回は画像の最大サイズを変更することで、メインイメージを高解像度に対応させる方法をご紹介します！手順はじめに1.画像の最大サイズを変更2.画像の準備3.アップロード

プロダクトマネージャーの早瀬です。今回は「これから作ろうとするサイトは Movable Type ファミリーのうち、どれを使えばいいの？」といった疑問を解決すべく違いや選択するポイントをご紹介していきたいと思います。Movable Type ファミリーは大きく分けると、、、MovableType.netMovable Type クラウド版（ソフトウェア版が動いているマネージド・サービス）Movavble Type ソフトウェア版の３つに別れます。（その他にエンタープライズ向けや、AWS版などあります。）ソフトウェア版との細かい機能一覧の比較は以下もご覧ください。Movable Type シリーズ比較

操作マニュアルをリンクしながら、機能ごとの詳細や使いどころをまとめた「管理画面の基本」を公開しました。テキストだけでは分かりにくい部分は動画を使って解説しています。管理画面の基本「アイテムのアップロードと管理」より操作方法だけでなく、用語の解説や以下のような似ている機能の使い分けなどもご紹介していますので、MovableType.net を初めて操作される場合などにぜひご活用ください。ウェブサイトとブログの両方で記事を書くことができますが、どちらで書けばいいの？（詳細はこちら）CSSファイルはインデックス・テンプレートとファイルマネージャで管理できますが、その使い分けは？（詳細はこちら）4種類のデザインテンプレートのそれぞれの役割とは？（詳細はこちら）「管理画面の基本」へのアクセス方法MovableType.net 製品サイトのグローバルナビゲーションから［マニュアル］を開くとアクセスできます。管理画面の基本関連リンクトフでもできる！？テーマ開発講座MovableType.net を使って初めてテーマを開発される方向けの学習・開発ガイドです。テンプレートの種類や、MTタグの使い方から解説しているため、Movable Type カスタマイズ初心者の方にもオススメです。MTタグ逆引き辞典実現したいことからMTタグを検索できる逆引き辞典です。MovableType.net 制作者向けポータルMovableType.net のテンプレートをカスタマイズされる方向けに、マニュアルや関連記事をまとめています。

プロダクトマネージャーの早瀬です。最近対話型インタフェースとして、LineのClova WAVEやGoogleのGoogle Home、AmazonのEchoなど色々なものが日本でも発売されつつあります。先日、MT Live!という月２回行っているイベント（シックス・アパートのメンバーやMTに詳しい方々に色々聞いたりできる）に参加した後に、秋葉原のビックカメラにエンジニアの天野と二人で行ってGoogle Home Miniを購入してきました。※次回のMT Live!の開催は11/8です。疑問点等直接聞きたいなどありましたら是非ご参加ください(^_^)

前回はメディアサイトの運用、前々回は企業での運用を例に紹介してきましたが、今回は小学校のPTAサイトの運用を例として紹介したいと思います。ワークフローでできることの詳細については、以下の記事をご覧ください。新機能ワークフローを徹底解説！登場人物承認者：PTA会長レビュアー：副会長（標準で指定）、校長先生（外部メンバー）申請者：広報委員