無料配布いたしますが、未だ配布用ページが完成しておりません。ご希望の方は「お問い合わせ」よりお知らせください。
7月30日追記：配布用ページを作成しました。「MovableType 5 無料テーマ HTML5」
＊利用規約は「MovableType 4.2 無料テンプレート 2Column HTML5」と同様です。お申込みの際に名前・電子メール・テンプレート利用予定ドメイン・住所・電話番号をお知らせください。
]]>本日タイトルを「ブログ」としてサイトに統合しました。（Google Analyticsのコードも慌てて追加）
また、ブログ記事の「Twitterでコメントする」ボタンを「Twitterでつぶやく」とし、@atstyleを外しました。
今後もサイトのリニューアルは続きますが、HTM 5にできるのはいつ頃でしょうか...
]]>AirMac ExtremeベースステーションにHDDを接続、AirMac Discとして利用出来るようにしているが、これが使いにくい。Windowsから繋がらない場合もありAirMac Extremeベースステーションの再起動が必要となる。これでは使えないので、Dropboxを使うようになった。
Dropboxは多くの方が利用されているので既におなじみ。
ところがWindowsにはApache HTTP ServerをインストールしてありDocumentRootを「Dドライブ」の「mysite」フォルダとしている。テンプレートを含むこのサイトのデータなど全てがmysiteフォルダ内にあり、My Dropboxで利用しにくいし、無料（2GB）では多くのデータを共有できない。
そこでWindows Live Syncを利用するようになった。容量無制限（フォルダ内のファイル数は20000未満だが複数のフォルダが作成できる）。クライアントソフトをインストールしてフォルダを指定するだけで登録している全てのデバイスでデータが同期される。
現在はWindows PC 1台・Mac mini・MacBookの3台でデータを同期ている。さらに各マシンは外付けHDDにバックアップも行っているので6箇所にデータがあることになる。バックアップ体制も万全で、どのマシンからも仕事ができる。
Windows Live Syncは共有フォルダーを使い外部へデータを渡すこともできるが、少し手続きが面倒なので、テーマの送信などにはquanpを利用する。メールアドレスがわかればiPhoneからでもファイルを送信できる。
準備はできても、なかなかMacに移行できないでいる...
]]>まずは文書型を<!DOCTYPE html>とし、html5.jsを読み込ませたりxml:lang属性などを削除した程度で、セクショニングなどは手を入れていない。
新しいテーマも作らないといけないので、完成までにかなりの時間がかかると思う。
]]>ブログ以外の階層構造変更により、ほとんどのURLが変わっていますが、.htaccessにてパーマネントリダイレクトを行っておりますので影響はありません。
＊各ページをブックマーク・リンクされている方は、できましたらURLの変更をお願いいたします。
お手数をおかけいたしますが、よろしくお願い致します。
]]>本日、文字コードをShift_JISからUTF-8に変更したところです。（2005年オープン当初からメールフォームCGIの都合でブログ以外はShift_JIS...）
今後の方針は
ご迷惑をおかけいたしますが、よろしくお願い致します。
]]>朝6時過ぎに出発して、飛行機が少し遅れたおかげで、会場についたのが12時過ぎ（熊本からは遠いよね～）。すでにかなりの方が入室されてるようでした。会場のドア付近にOscarさんとlinkerのcremaさんを発見。その隣に座らせていただきました。
内容は
スピーカーのみなさま、シックス・アパートのみなさま、大変勉強になりました！ ありがとうございました。
]]>
無料配布いたしますが、未だ配布用ページが完成しておりません。ご希望の方は「お問い合わせ」よりお知らせください。
7月30日追記：配布用ページを作成しました。「MovableType 5 無料テーマ HTML5」
＊利用規約は「MovableType 4.2 無料テンプレート 2Column HTML5」と同様です。お申込みの際に名前・電子メール・テンプレート利用予定ドメイン・住所・電話番号をお知らせください。
]]>
上部と下部のナビゲーションにはシークレットタグを用いてウェブページを追加することができる。現在ブログをひとつだけ作成しているが複数のブログで運営できる。
ウィジェットは以下のとおり
「フォト」「最近のコメント」「最近のトラックバック」はウェブサイトのメインページとブログのメインページのみに表示できる。「ページリスト」は上部と下部のナビゲーションに追加した以外のウェブページを表示する。
]]>
現在、マークアップはほとんど終了した。テンプレートの構成はブログ向けとしたためにシンプルになった。
HTMLヘッダーは、ウェブサイトとブログで共通化できないこともないが、一部区別したいところがあったので別になっている。レイアウトや細かいデザインはこれから。
]]>
この機会にぜひMT5へアップグレード！
]]>
MovableType 5（MT5 MTOS5）テーマ1030 とは全くの別物。
まだ検索以外のシステムテンプレートとサイドバーには手をつけていない。なかなか進まないが今月中に完成させたい。
]]>シックス・アパートが、ブログ／メディア向けの ソーシャルメディア相互連携ツール「zenback」を発表
「zenback」とは？
zenbackは、ブログ記事のテンプレートにスクリプトコードを埋め込むことで利用できます。ブログの記事の下や横に、
- その記事に関係する自分のブログ記事
- その記事に関係する他のzenbackユーザーのブログ記事
- その記事についての最新のTwitterのつぶやき
- その記事についてのはてなブックマーク
- その記事の最新のアクセス元（リファラ）
を表示します。
zenbackによって、今までは１つ１つ独立している印象だった「ブログ」が、他のブログや他のサービスとゆるやかにつながり、大きなソーシャルの輪となっていきます。
このブログの個別ページに実装してみました。
記事のすぐ下にテンプレートタグで表示している「関連記事」は新しいものから拾ってきますが、zenbackではランダムに古い記事からも（件数は指定できる）表示されているようです。
気になったらzenbackベータテストへお申込み！
]]>ぴったりフォフィットし、開口部やボタンの作りは「さすが」と思わせるものがありますね。
普段は裸で使って、車（eKワゴン）での充電時にダッシュボード下の「プチごみ箱」に放りこむので、その時だけ装着の予定。
]]>グローバルナビゲーションを設けておらず、主となるナビゲーションをカテゴリとしてnav要素でマークアップした。＊ブログにより違うかもしれない。
TrackBackとPoweredをaside要素、その他をsection要素でマークアップした。
また、ブログ記事リストなどと同様に「Recent Entries」と「Archives」はul要素ではなくol要素でリスト化した。
<nav>
<h2>Categories</h2>
<ul>
<li>カテゴリー</li>
</ul>
</nav>
<section>
<h2>Recent Entries</h2>
<ol>
<li>ブログ記事</li>
</ol>
</section>
<section>
<h2>Archives</h2>
<ol>
<li>月別アーカイブ</li>
</ol>
</section>
<section>
<h2>Tags</h2>
<ul>
<li>タグ</li>
</ul>
</section>
<section>
<h2>Comments</h2>
<ol>
<li>ブログ記事タイトル</a>
<div><span>コメント投稿者 投稿月日</span></div>
</li>
</ol>
</section>
<aside>
<h2>TrackBacks</h2>
<ol>
<li>ブログ記事タイトル</a>
<div><span>送信者</span></div></li>
</ol>
</aside>
<section>
<h2>Photo</h2>
<ol>
<li>サムネイル</li>
</ol>
</section>
<section>
<h2>Feed</h2>
<ul>
<li>Atom</li>
</ul>
</section>
<aside>
<h2>Powered by </h2>
<ul>
<li>Movable Type</li>
<li>@Style</li>
</ul>
</aside>
<section>
<h2>Search</h2>
<ul>
<li>検索フォーム</li>
</ul>
</section>コメントとトラックバックの「┗」はCSSの:before擬似要素で表示した。
div.comment-author span:before , div.ping-name span:before {
content: " ┗ ";
}コメントフォームでinput要素type属性の値に新しく加えられたemailとurlを利用した。
<label for="comment-email">電子メール</label>
<input type="email" value="">
<label for="comment-url">URL</label>
<input type="url" value="" >
