タグ「ムーバブルタイプ」が付けられているもの

MTDDC Meetup TOHOKU 2015に行ってきました

  • 投稿日:
  • by
  • カテゴリ:
このエントリーをはてなブックマークに追加

2015年6月6日に開催されたMTDDC Meetup TOHOKU 2015参加してきました。http://mtddc2015.mt-tohoku.net

MTDDC Meetup TOHOKU 2015

<MTEntryExcerpt>タグ、<MTPageExcerpt>タグで書き出されるもの

  • 投稿日:
  • by
  • カテゴリ:
このエントリーをはてなブックマークに追加

<MTEntryExcerpt>タグ、<MTPageExcerpt>タグはブログ記事やウェブページの編集ページで概要に入力した内容を表示してくれます。

20150401004358_blogpix.png

Movable Typeを6.1にバージョンアップ & Movable Type Writer

  • 投稿日:
  • by
  • カテゴリ:
このエントリーをはてなブックマークに追加

Movable Typeがバージョン6.1になりData APIが強化されました。

そのData APIを使ったMovable Type WriterがGoogle Chromeの機能拡張としてリリースされました。

早速、Movable Type Writerを使ってみました。(この記事をMovable Type Writerで書いてます。)

MT WriterはGoogle Chromeで下記のURLからMT Writerと検索すると見つけられます。簡単にインストールできます。
https://chrome.google.com/webstore/category/extensions?hl=ja

インストール後にMT Writerを起動した後は、まずは初期設定です。設定するのは以下の内容です。

  • Server Settings
    • URL for Movable Type Data API Script
    • Username
    • Password

  • Upload Setting
    • Default Upload Path
    • Thumbnail Size
    • Square

「URL for Movable Type Data API Script」のところには、普段、MTにログインしているURLの最後「mt.cgi」を「mt-data-api.cgi」にしてあげればOKです。

「Thumbnail Size」はブログ記事に挿入される画像のサイズ選択できます。

「Square」は読んで字のごとく、画像を正方形にしてくれます。最近、正方形が流行ってますよね。

「Upload Setting」の「Default Upload Path」はアイテムをアップロードする場所です。これはオリジナルの画像がアップロードされるところで、ブログ記事に挿入されるサムネール画像はassets_cの配下に作られる年月フォルダに保存されます。
こんな感じ↓
http://www.drivemenuts.com/blog/assets_c/2015/03/20150307173233_blogpix-thumb-480x480-1630.jpg

初期設定が完了したら「Select to Post Blog」から投稿したいブログを選択してあげます。同時にカテゴリーが読み込まれるので、これで投稿するための準備が完了です。

画像のアップロードはいたって簡単です。画像を挿入したいところにカーソールを持って行ってMT Writerのウィンドウに画像をドラッグ&ドロップするだけです。

画像は挿入後もリサイズができます。

リサイズしてみました。横幅を480pxから360pxに変更しました。縦横比は保たれたままリサイズされます。

ちなみに画像のファイル名はドラッグ&ドロップした日時にリネームされるので、よっぽどな光速で操作しない限り被ることはないと思います。

上の写真を「Square」でアップロードしてみました。

かなり記事を書くのが楽になります。後は定型文が使えるといいかな。あまり使わないけど...。

あと、リッチテキスト・エディタでリストを作った時、リストの項目を全て入力後、そのリストから抜け出すにはどうしたらいいのだろう?returnを2回押しても抜け出せないようなんだけど、抜け出すための操作が違うのかな?

とりあえず、MT Writerで12年目の初投稿を書いてみました。

このエントリーをはてなブックマークに追加

WEBサイトを作っていると色々なパーツが必要になりますよね。ヘッダー画像とか、リンクボタンとか...。

20141212174958_blogpix.jpg

Movable Typeでサイトを管理することについて

  • 投稿日:
  • by
  • カテゴリ:
このエントリーをはてなブックマークに追加

Movable Type Advent Calendar 2014の10日目の記事です。

Movable Typeでサイトを管理する際、カテゴリーページのURLが「http://www.URL/メインカテゴリー/サブカテゴリー/」となる設定が使われることがよくあると思います。

20141210181212_blogpix.jpg

このように「/メインカテゴリー/サブカテゴリー/」の様にディレクトリを切ってファイルを管理するのは、CMSを使わずにウェブサイト構築にDreamweaverなどを使ってHTMLファイルを作り、FTPソフトでアップロードしていた時代の名残なのかなと思います。このようにするとHTMLファイルなどファイル管理しやすかったですからね。

MovableType.netにアカウントを作ってみた

  • 投稿日:
  • by
  • カテゴリ:
このエントリーをはてなブックマークに追加

20141209200017_blogpix.png

シックス・アパート株式会社よりMovableType.netという、MT Cloudよりライトなサービスが登場しました。

現在、ベータトライアルで無料ということもありアカウントを作ってみました。普段はレンタルサーバーにMTをインストールして使っているので必要ではないのですが...。

MTのスマホオプションとMobile Safari

このエントリーをはてなブックマークに追加

iOSのブラウザ"Mobile Safari"で既存のブログ記事の編集画面を開いた時、そのブログ記事のタイトルが長くて全て表示できない場合、表示されていない部分にカーソールを持っていくことができないので編集ができません。

20141128161601_blogpix.png

タイムゾーンの設定

このエントリーをはてなブックマークに追加

20141117191151_blogpix.png

ブログの全般設定にあるタイムゾーンは、設定してしまえば変更することは普通ないと思います。

ただし、旅行記ブログなどの場合にブログ記事の日付を現地時間にしたい場合は、設定を旅行先のタイムゾーンに変更しておくと後から修正しなくていいので、行き先に応じてタイムゾーンを変更するのもアリかなと。まぁ、旅先でブログ記事をその都度書かないとなりませんが...。

このエントリーをはてなブックマークに追加

20141105191940_blogpix.png

最近、イベント告知サイトがいろいろと増えてますが、そういったものもMovable Typeで作れるなと思い取りあえず作ってみた。まぁ、突っ込みどころはたくさんあるのでしょうが、取りあえずサンプルというかテストという感じで作ってみました。

MTイベント告知

ブログエントリーの概要

このエントリーをはてなブックマークに追加

下記のブログを読んで某ブログのテンプレートを書き換えました。
グローバル・モディファイアを使いこなそう

ブログの記事を書いたとき、その記事の概要を書く部分があります。Movable Typeだと「概要」です。「記事の作成」または「記事の編集」画面の下の方にあります。

20141001154245_blogpix.png

このエントリーをはてなブックマークに追加

珍しくコメントをいただきました。そのコメントは過去の記事で書いた「MovableType 5でスペースのみを入力して検索すると「エラーが発生しました。」となる件」に対する解決方法が知りたいということでした。

ブログのエントリーが1件しかなかったので...

  • 投稿日:
  • by
  • カテゴリ:
このエントリーをはてなブックマークに追加

ブログの記事が1件しかないと言うことはまずないと思いますが、絶対にないとは言えないですし、実際にブログ記事が1件しかないブログを作ってしまいました。

作っている時はブログ記事が1件しかないことなど想定せずにテンプレートを書いていたのですが、実際にブログ記事が1件の場合に想定外のことが起こってしまいました。ブログ記事が2件以上あれば下の画像のように前後の記事へのリンクが作られます。

20140923154649_blogpix.jpg

GOURMETVOX.COMにルート検索を追加しました。

  • 投稿日:
  • by
  • カテゴリ:
このエントリーをはてなブックマークに追加

gourmetvox.comにワンタップで現在地からお店までのルートをスマートホンのGoogle Mapsに表示させる機能を追加しました。

GitHub : js-route-from-current-place-for-googlemaps

使い方は簡単です。gourmetvox.comのブログ記事ページにスマートホンからアクセスしてページをスクロールしていくと地図が現れます。その下にある「現在地からのルート表示 for Google Maps App」(下の画像の赤丸の部分)をタップしてください。

20140908195142_blogpix.png

このエントリーをはてなブックマークに追加

MTAppjQuery、使ってますか?!MTAppjQueryとはMovable Typeの管理画面をカスタマイズするプラグインです。

Movable Typeのプラグインと言えば、9/26にプラグインについてのイベントがあります。詳細はこちらから->MT Tokyo

それでMTAppjQueryですが、通常はWEBサイトやBlogにインストールされたテンプレートのuser.jsとuser.cssに設定を書いてカスタマイズします。

Blog単位でカスタマイズが出来るので、複数ある様々なデザインのBlogの管理画面を最適な形にカスタマイズすることが出来ます。

MTAppjQueryのuser.cssに文字コードを指定する

このエントリーをはてなブックマークに追加

MTAppjQueryのuser.cssにコメントを書くことがあると思います。

20140828144920_blogpix.png

MTAppjQueryでカテゴリー一覧の高さを変える

このエントリーをはてなブックマークに追加

昨日書いた「MTAppjQueryをインストールしてカテゴリーを選択しやすくする」が分かりづらくなってしまったので、カテゴリーの高さを変える方法だけをこちらに転記しました。内容は昨日のエントリーとほぼ同じです。

下の画像はMTAppjQueryのuser.cssを適用前のカテゴリー一覧です。

20140827195033_blogpix.png

MTAppjQueryのインストールと設定

このエントリーをはてなブックマークに追加

昨日書いた「MTAppjQueryをインストールしてカテゴリーを選択しやすくする」が分かりづらくなってしまったので、インストール・設定編とカスタマイズ編に分けました。まずはインストール・設定編。内容は昨日のエントリーとほぼ同じです。

まずはGitHubからダウンロード。ダウンロードはこちら->mt-plugin-MTAppjQuery

このエントリーをはてなブックマークに追加

MTAppjQueryをインストールします。MTAppjQueryは一言で言うとMovable Typeの管理画面をカスタマイズするためのプラグインです。

まずはGitHubからダウンロード。ダウンロードはこちら->mt-plugin-MTAppjQuery

[2014,08,28:追記]
下記の2エントリーに分離しました。

[2014,08,28:追記ここまで]

ImageUploadUtilityがアップデートされました

このエントリーをはてなブックマークに追加

ImageUploadUtilityといえば画像のリサイズとリネーム(それだけではありませんが...)をしてくれるMovable Typeのプラグインですが、このImageUploadUtilityがバージョンアップされました。

ImageUploadUtility

今回のバージョンアップで変わった主な点は画像リサイズの方法を選べるようになったことと、画像の拡張子を小文字に変換してアップロードする機能です。

ワンタップでルート検索 -JavaScript GeoLocation-

このエントリーをはてなブックマークに追加

Webサイトに案内図を載せていることは多いと思いますが、今はスマートホンやタブレット端末などモバイル機器が充実しているので、案内図を載せるだけではなく、簡単にルートを表示させるようにしたら便利だと思い高田馬場グルメではスマホやタブレット端末からワンタップで徒歩ルートを表示出来るようにしています。このJavaScriptのGeoLocationを使ったルート表示のスクリプトをGitHubに載せました。

js-route-from-current-place-for-googlemaps