かたつむりくんのWWW

5 Star Comment Rating プラグイン v0.1.0 リリース

5 Star Comment Rating と、Movable Type のコメント機能を利用して、ブログ記事に5つ星の評価を追加することができるプラグインです。

5 Star Comment Rating プラグイン

今回、評価に端数がある場合に半分の星が表示されるようにしました。

続きを読む

Craft CMS のリッチテキストエディタに画像やファイルのボタンが表示されないときの対処法

Craft CMS のリッチテキストエディタに画像やファイルのボタンが表示されなくて困っていました。リッチテキストエディタ Redactor の設定ファイルには下記のように設定しています。

{
  "buttons": ["format","bold","italic","lists","link","image","file","horizontalrule"],
  "plugins": ["source","fullscreen","alignment"]
}

本来であればリンクボタンの右に画像をアップロードするボタンとファイルをアップロードするボタンが表示されるはず。。。しかし下図の通り表示されていません。

craft-richtext-image01-min.png

この対処法というか原因が分かったのでシェアします。

続きを読む

MTOS から Craft CMS に JSON 形式でデータを移行する方法

MTOS に登録されている記事データを JSON 形式で Craft に移行しました。「Feed Me」という Craft プラグインを使ってとても手軽に移行できたので、その方法をご紹介します。

続きを読む

Craft CMS のリッチテキストエディタを拡張するプラグイン「Redactor Extras for Craft」を使ってみた

Craft CMS では Redactor というリッチテキストエディタが採用されており、表示するボタンなどは JSON ファイルで簡単に設定できます。

Redactor-Extras01-min.png

デフォルトのエディタにはテキストを左右に寄せるボタンが無かったので JSON に追記しようと思いましたが、残念ながら左右寄せには対応していないようでした。そこで、@BUN さんに教えていただいた Redactor Extras for Craft という Craft プラグインを使ってみることにしました。

なお、以下は Craft 2 での話になります。

続きを読む

MTAppjQuery v1.10.5 リリース - 写真等のギャラリーを簡単に作れる MTAppAssetsGallery を追加

MTAppjQuery v1.10.5 をリリースしました。

今回のリリースでは、MTAppAssetFieldsMTAppJSONTable を組み合わせて、ドラッグ&ドロップで並べ替え可能なアイテムのギャラリーを簡単に作れる MTAppAssetsGallery という新しいメソッドを追加しました。

この MTAppAssetsGallery については紹介動画を作成しましたので下記をご覧ください。

続きを読む

flexibleSearch.js v2.2.3 リリース - パラメータなしでも動作する initialParameter オプションを追加等

本日、高速な JavaScript 検索を実現する jQuery プラグイン「flexibleSearch.js」の v2.2.3 をリリースしました。v2.2.3 では下記の機能向上と修正を行いました。

続きを読む

MTAppjQuery v1.10.4 リリース - MTAppListing のアップデートなど

先週末、MTAppjQuery v1.10.4 を公開しました。

今回のリリースでは、 MTAppListing で選択できる項目を1つに限定するラジオボタンモードにするためのオプションを追加しました。

その他、当ブログでは案内していませんでしたが、v1.10.1 から v1.10.3 においても、小ぶりでありながら、案件で実際にあった需要を満たすための機能向上が図られています。ご興味がある方は下記のリリースノートをご確認ください。

Releases · tinybeans/mt-plugin-MTAppjQuery

もっともっと使いやすい MT に!

これからも MTAppjQuery をよろしくお願いいたします! m(_ _)m

Ubunto 16.10 + Apache に Let's Encrypt の SSL 証明書を設定する手順

Let's Encrypt の SSL 証明書を Ubunto 16.10 + Apache にインストールして設定しました。

複数のサブドメンにも対応させましたが、非常に簡単にできましたので、その手順をシェアします。

続きを読む

Movable Type のリスティング・フレームワークに初期フィルタを設定するプラグイン - InitialFilter v1.0.0 リリース

Movable Type の記事一覧画面などのリスティング・フレームワークに初期フィルタを設定するプラグイン「 InitialFilter 」の v1.0.0 をリリースしました。

具体的には下図の赤枠の部分のフィルタの初期値、つまり一覧画面にアクセスした時に最初に適用されているフィルタを設定することができます。

initialFilter-00.png

利用方法は下記のページをご覧ください。

ダウンロードが下記からお願いいたします。

macOS Sierra に Perl::Tidy をインストールする

Movable Type のプラグインを書いていて、他人と共有する場合は、リポジトリにコミットする前に perltidy でコードを綺麗にしてからコミットするのが最低限のマナーだそうです。

ということで、今さらながら macOS Sierra に Perl::Tidy をインストールしてみました。Mac を買い換えるときのためのメモです。

続きを読む

mt-data-api.js の getToken でトークンを取得してから jQuery.ajax で独自エンドポイントに POST するサンプル

Movable Type の JavaScript SDK の getToken を使ってアクセストークンを取得し、そのアクセストークンを使って、独自で追加したエンドポイントのうち、認証が必要なエンドポイントに POST する例です。

ここでは、独自で追加した MT オブジェクトを product としています。

続きを読む

Mac の Bootcamp に入れている Windows のパーティションを変更する

MacBook Pro(macOS Sierra)に Bootcamp で入れている Windows 10 のディスク容量が少なくなってきてしまったので、パーティションを変更しました。

通常は Windows のパーティションを一旦削除して、パーティション・サイズを変更してから再度 Windows を入れるという手順を踏むようですが、それは心が折れそうだったので、ソフトウェアを使うことにしました。

利用したのは「Camptune X」というソフトウェアになります。

日本語のページもありましたが、そちらには「macOS Sierra」対応とは書いていなかったので、英語版の方を購入しました。英語版には「macOS Sierra support」(ただし、「macOS Sierra supported with disabled SIP only.」)と書いてありました。

続きを読む

Cloud9 に Drupal 8 をインストールしてみた

drupal-Cloud9-00-min.png

ブラウザ上の統合開発環境である Cloud9 に Drupal8 をインストールしてみましたので、その手順をシェアします。

続きを読む

MTAppjQuery の設定のフリーエリアに MT タグを Typo して管理画面がエラーになったときの対処法

MTAppjQuery のプラグインの設定画面に、「自由テキストエリア」という項目があります。これは、管理画面テンプレートのいくつかの位置に、ここで入力した値を挿入することができる機能です。ここには管理画面用の MT タグも使えるので、使いようによってはとても強力な反面、入力するときに typo したり、間違った MT タグを書いてしまったりすると、エラーが発生して管理画面に正常にアクセスできなくなってしまうリスクがあります。

今回は、エラーになってしまった場合の対処法をご紹介します。

続きを読む

MTAppJSONTable 内のテキストエリアをリッチテキストエディタにする方法

【2017/01/10 追記】
MTAppjQuery v1.10.0 までの MTAppJSONTable では、下記の方法だと不具合が発生します。次のバージョンの MTAppjQuery で実装できるように MTAppJSONTable にオプションを追加する予定ですのでお待ちください。

先ほど、「MTAppJSONTableでつくった textarea でリッチテキスト(TinyMCE)モードを使いたいのですが、なにか方法はあるでしょうか?」というご質問をいただきました。

簡単にですがその方法をご紹介します(MTAppJSONTable の設定方法などは割愛します)。

続きを読む

Movable Type の Data API でウェブサイトやブログを更新するときの注意点

Movable Type の Data API の JavaScript SDK を使って既存のウェブサイトやブログを更新する場合は updateSite() というメソッドを利用します。

この updateSite() を使って、ID が 1 のウェブサイトのタイトルを website 1 に変更しようと思い、下記のように書いて実行してみました(事前に Data API のインスタンス api を作成し、認証を通過しているものとします)。

api.updateSite(1, { name: 'website 1' }, function(response){
  console.log(response);
});

しかし、これだと 400 エラーとなり、レスポンスで A resource "website" is required. と言われてしまいました。

続きを読む

Movable Type で作る静的な動的Webサイト

こんにちは。この記事は「 Movable Type Advent Calendar 2016 - Adventar 」の 6 日目の記事です。Movable Type のアドベントカレンダーで 5 年連続で 12 月 6 日に書かせていただいております。

今日でついに 40 歳になりました。2016 年は家族で New Zealand に引越したり、40 歳になったり、bit part にもメンバーが加わったりと節目の年となりました。これからもよろしくお願いいたします。

今年のアドベントカレンダーの記事は、先日の MTDDC Meetup TOKYO 2016 のセッションで相棒の mersy が紹介した「 MT7を先取り!? DataAPI と Riot.js で作るユーザフレンドリーなダッシュボード 」関係にしようと思ったのですが、ここのところ管理画面ネタばかりなので、今回はオモテ側のお話にしようと思います。

今回のお題は「Movable Type で作る静的な動的Webサイト」です。

続きを読む

Google に Web ページを再インデックスしてもらう方法

サイトの情報を少し変更したので Google さまに再度インデックスしてもらうことにしました。

その手順をメモしておきます。

続きを読む

MTAppJSONTable と MTAppAssetFields で可変数&ドラッグアンドドロップで並べ替え可能なギャラリーを作る

本日公開した「 MTAppjQuery v1.10.0 」では、textarea をMT標準のファイルアップロードのフィールドに変更することができる MTAppAssetFields というメソッドを追加しました。

この MTAppAssetFieldsMTAppJSONTable を組み合わせて使うと、画像数が可変で、ドラッグアンドドロップで並べ替えができる画像ギャラリーを作ることができます。

MTAppAssetFieldsInMTAppJSONTable03-min.png

今日はその方法を紹介します。

続きを読む

MTAppjQuery v1.10.0 リリース - MTAppAssetFields、MTAppUserMenuWidgetの追加など

本日、MTAppjQuery v1.10.0 を公開しました。

今回のリリースでは、

  • MTAppAssetFields メソッドを追加
  • MTAppUserMenuWidget メソッドを追加
  • remove_host モディファイアを追加

などの機能追加の他、

  • MTAppJSONTable の機能向上・修正
  • MTAppSortableBatchEdit の修正

などがあります。

詳細は下記リリースノートをご確認ください。

Release Released v1.10.0 · tinybeans/mt-plugin-MTAppjQuery

今回のリリースの目玉は MTAppAssetFields ですね。この MTAppAssetFieldsMTAppJSONTable と組み合わせて利用するサンプルを下記の記事に掲載していますのでご覧ください。

MTAppJSONTable と MTAppAssetFields で可変数&ドラッグアンドドロップで並べ替え可能なギャラリーを作る

また remove_host モディファイアも地味に便利です。

もっともっと使いやすい MT に!

これからも MTAppjQUery をよろしくお願いいたします! m(_ _)m