しっくす・アパートの部屋

「これが君の全力か？」

私はいつも社員にこの言葉を問います。

「全力で仕事に取り組む」

簡単そうですが、これができる人間は一握りしかいないと考えています。

しかし私たちは「全力を出すことができる人間」を求めます。

会社で一番大切なのはお金ではなく「人」です。

「人」が会社をつくると私は考えています。

夢の実現に向けて、仲間と一丸となって働きたいという方。
今日の自分より明日の自分を成長させたい、と考えている方。
何か大きいことを成し遂げたいと思っている方。
いつか起業したいと思っている方。

そんな方をお待ちしています。

関信浩

シックス・アパート株式会社は随時人材を募集しています。
学歴や経歴は一切問いません！未経験者（初心者）大歓迎です。
人物重視、問うのはあなたのやる気だけです。

若い会社で従業員の平均年齢も若いので、年功序列という概念は一切ありません。
若い社員にも重要な仕事を任せられるので、実力主義の会社、頑張った分だけ報われます！

会社は明るくアットホームな雰囲気。
若い社員が和気あいあいと働き、しょっちゅう飲み会も行われています（笑）

採用説明会はマン・ツー・マンで随時行っています。奮ってご応募ください！

先輩社員が当社を選んだ理由

インターネット上では毎年さまざまな企業・団体・個人がエイプリル・フールのために事前に仕込んだネタを4月1日0時から24時までの間、24時間限定で炸裂させ、何がウソで何が本当かわからない一種のお祭り状態となります。そんななか、1990年代風のだっさい懐かしいデザイン・動きを再現、「ホームページ」風のブログをすぐに構築できる、Movable Type 5専用のテーマ「スーパーホームページテーマ 1.0」を使って、エイプリル・フール祭りに便乗しているサイトをざっくりとまとめてみました。とりあえず24時間リアルタイム更新予定です。



なお、掲載されていないサイトで「ここでもスーパーホームページテーマ 1.0つかってる！」というのを発見したときや「うちもスーパーホームページテーマでエイプリル・フールやってます！」という自薦の連絡はこちらにあるカッコいいBBSから送信をお願いします。サイトを見に行っても「どれがスーパーホームページテーマなの......？」ということで判断できなかったり、「何かが変わっているのだろうけど元のサイトの状態がわからない......」というケースも多々あるため、できるだけ「ここがスーパーホームページテーマになってるんだよ！」という詳細、見るべきポイント、ここがおもしろいぜ！というのもアドレスの連絡と合わせて書いていただけると掲載しやすいです。



まとめ一覧は以下から。

■ヘテムル

正統派のホームページビルダー風サイト。2009年産らしい。コンテンツだけでなく、ソースに入っている隠しポエムまで、スーパーホームページテーマで作ったMTブログそっくりだけど、実は隠しポエムはスーパーホームページテーマの方がインスパイアされた説ありw というかクワガタ社長、リスペクトしてます！

■まゆみんの☆日常

1990年代風のデザインになっただけでなく、カーソルが花見の季節を彷彿させるなど、細かい芸も。中身も「このちびまるこちゃんのタオルは洗っても洗ってもすぐに納豆みたいなにおいがするんだお」など、明らかに「病院逃げて」と言いたくなるレベルになる......はず。あれ？

Movable Type の提案資料は以下よりダウンロードできます。

みなさまの営業活動にぜひお役立てください。

• MT導入のご提案

・資料の中身の一部

6年前に執行役員になった平田くんは、全然仕事をしません。
過去には、うちには勿体無いような「ブログ神」の称号をもっていたので採用しましたが、
ふたを開けてみたら、
「ちょっと行ってきま～す」と外に出たまま3年間会社に滅多に戻ってこないし、
お願いしたMTのアップグレードを2年間かかってもやってくれないし、
しょうがないから技術顧問を任せてもあいかわらず滅多に会社にこないし、
全く困ったもんなんです。

でもね、もう40近い彼に固執してしまっても、
次にいつ会社に戻ってくるのか分からないので、諦めたのです。

そんな彼ですが、技術もさることながら、
実は会社経営を任せてもピカイチってことに最近気付きました。
いろんな会社で使われていると、長所が見つかるもんです。

このように、うちはエリートの集まりではありません。
ニューズ・ツー・ユーの女社長から「この子、ウチで世話してもよろしいかしら」と
頼まれて仕方なく手放したのに、公募で採用しても平田くんのような人はなかなか来ません。
それでも、残された社員をうまく活かしてやれば、
インターネット・エクスプローラーにだって負けないすごいもんが作れたりします。
赤坂にあるこんな小さなベンチャー企業に、
NTTさんなどのシステム案件が
持ち込まれるのは、その証拠です。

今回も、すごい人は望んでいません。
平田君ほど仕事ができなくても、御の字です。
でも、期待はしています。
あなたに、うちの会社の将来がかかっているんですから。

社長：関信浩

まずはスーパーホームページ1.0 のテーマをダウンロードしてね！

え？そもそもMovable Type 5 をインストールしてないって？

そんな人はここからダウンロードしてね。MT5のインストールはここを参考にしてね。

ダウンロードしたら、super_home_page.zip を解凍するんだよ。

そしたら、Movable Typeのインストールフォルダ（mt.cgiのある場所）以下の themes フォルダに、FTPソフトなどを利用して、テーマファイルをフォルダごとアップロードしてね。

MTインストールフォルダ/themes/テーマ名のフォルダ

これでテーマのインストールは完了だよ！テーマ一覧メニューに、新しく追加されたテーマが表示されてるはずだよ。

あ、ここで注意だけど、君が大切に運営している既存のブログやウェブサイトにはテーマを適用しない方がいいと思うよ。

たぶん、後で元に戻せるはずだけど、何が起こるかわからないからね！しっくす・アパートは責任を負いませんからね。そこんとこよろしくお願いします！

じゃあ、新しく「ウェブサイトを作成」でスーパーなホームページをつくってみよう。

MT5からはブログを作る前に、まずは「ウェブサイト」をつくるようになってるんだ。

ウェブサイトのテーマは何でもいいよ。とりあえずデフォルトの「クラシックウェブサイト」にしておこう。

ウェブサイト名、ウェブサイトURL、ウェブサイトパスを設定してね。これで「ウェブサイト」という"入れ物"ができたと思ってね。

ウェブサイトができたら次は「ブログ」を作成しよう！左の縦メニューから　「ブログ　> 新規」を選んでね。
　

ブログテーマで「スーパーホームページ」が選べるようになってるはずだよ。

選べてなかったらインストールに失敗してるから、自分の行いをよく振り返ってみてね。

ブログURLやブログパスは空っぽにした方がいいかもね！

ここで一回再構築！

再構築ができたらブログを見てみよう。

わああ！すごいの出てきたね！だっさいなんだか懐かしいホームページが出てきたね！
マウスカーソルの動きに合わせてなんかくっついてくるよ！文字が動いてるよ！ワードアートでつくったようなボタンがついてるね。

すごいね、MT5のテーマ機能って！こんなだっさいなんだか懐かしいホームページもテーマにできちゃうんだよ。MTって何でもできるんねー。すごいよねー。

Movable Type 5 のテーマについてのドキュメントもぜひ見てみてね。

一通りホームページのデザインを眺めつくしから、今度はコンテンツを作っていくよ。

まずはホームページの説明の文章を入れてみよう。

左の縦メニューから「 設定　> 全般 」を選んでね。

「説明」のところに一言メッセージや、ホームページの説明を書いてね。

ここに書かれた文章は、タイトルのロゴの下の動くテキストで表示されるよ。動く文字なんてかっこいいよね。

でもこれ、<marquee>という前世紀の技術ではなくて、jQueryという最新の技術を使って動かしているんだよ。すごいよね。

じゃあ次に記事を書いてみよう！

縦メニューの「 ブログ記事 > 新規 」を選択、好きな記事を書いて公開してみよう。

じゃん！

わー！それっぽくなってきたよ！こんななつかしいデザインだったら記事を書くのも楽しくなっちゃうね。

さて、他のページも完成させていこう。メニューの「アバウト」はまだ工事中だね。

工事中だなんてかっこ悪いよ！では、「アバウトのページ」も作っていこう！

縦のメニューの「 ウェブページ > 一覧 」をみてみると、

「掲示板」「アバウト」のページがあるね。ここからページを編集できるんだよ。

ページを編集して再構築で、「アバウト」のページが完成できました。

同じような要領で掲示板も編集できるのは、もうわかるね？

「 コメントの許可 」のチェックのオン/オフでコメントをオンにすると、掲示板として使えるようになるよ～！

最後に、テーマのおさらいだよ。

MT5ではすべてのブログは必ず「ウェブサイト」に属することになるよ。今回の「スーパーホームページ1.0」はブログに対するテーマなんだよ。

ここまでできたらちょっとデザインを変えたりしたくなっちゃうよね！
次はちょっとしたホームページのカスタマイズ方法を教えてあげるね！

さて、テーマを適用して、自分のオリジナルのホームページができました。
次はちょっとカスタマイズして、オリジナリティ溢れるホームページの作り方を教えてあげます。

ポイントは４つ。

秘密のポエムの変更方法、ナビゲーションメニューの追加の仕方、マウスカーソルについてくる画像の変更方法、背景画像の変更方法方法だよ！

■秘密のポエムを変更する

気づいてたかな？トップページのソースの中には秘密のポエムが隠されているんだ。

このポエム、せっかくだから自分のオリジナルのポエムにしたいよね。見えないオシャレとはこのことだと思うんだよ。

左のメニューから、

「 デザイン　> テンプレート > メインページ 」

を開いてね。

メインページはトップページのテンプレートだよ。

<mt:Include module="ソースポエム">
ここでソースポエムというモジュールを読み込んでいるのがわかるね。
右側の、「インクルードテンプレート」の一覧から「ソースポエム」のモジュールを開くことができるよ。

ここからポエムを編集できるよ。編集したら再構築で、秘密のポエムの変更完了だよ！

■新しくメニューを追加する

今のメニューは「HOME」「アバウト」「掲示板」ってなっているね。

ここに、新しく「お問い合わせ」というメニューを追加してみよう！

ウェブページで作成するよ。

「 ウェブページ　> 新規 」

を開いて、お問い合わせページの中身をつくってね。

タグの部分に、@inquiry (タグ名は任意です）を入れるのがポイントだよ。

「お問い合わせ」用のメニューの画像も用意して、images/ の配下にアップロードしてね。

テンプレートモジュールを編集してナビゲーションを追加していくよ。

「 デザイン　> テンプレート > テンプレートモジュールの"ナビゲーション" 」

を開いてね。

<mt:Pages tag="@inquiry">
<li><a href="<$mt:PagePermalink$>"><img alt="お問い合わせ" src="<$mt:BlogURL$>images/otoiawase.gif" /></a></li>
</mt:Pages>

こんな感じのソースを入れるよ。
MTPages は、ウェブページの一覧を表示させるブロックタグだよ。
tag="@inquiry" で、そのタグをつけたウェブページだけ表示させる、ということができるようになるよ。

MTBlogURL はブログの URL (サイト URL) を http:// から始まる絶対 URL で表示するタグだよ。
MTPagePermalink は現在のページのアーカイブへの絶対 URL を表示するタグだよ。

さて、モジュールを編集したら再構築してみよう。

お問い合わせのメニューが追加できました！

■マウスカーソルについてくる画像をカスタマイズする

このテーマではマウスカーソルにいろんなアイコンがついてくるんだ。正直ウザイんだけど、4月1日だけなら我慢できるよね。 このアイコンもオリジナルのものにしたいよね！

まずはアイコン画像を、
images/ 配下にアップロードしてね。

アイコン画像の変更は、

「デザイン　> テンプレート > テンプレートモジュールの"HTMLヘッダー" 」

から編集するよ。

15行目のあたりに画像のパスが書いてあるね。ここから編集するよ。
画像は無限に増やせるよ！

再構築してマウスカーソルについてくる画像、変更できましたね！

■背景画像を変更する

背景画像を変えれば一気にオリジナル感が出るよ！ぜひやってみよう～！

「デザイン　> テンプレート > インデックステンプレートの"スタイルシート" 」

ここにスタイルシートのコードを追加しよう。

ここに書いたスタイルシートのコードは、優先されて反映されるよ。

body {
background: transparent url(<$mt:BlogURL$>images/xxx.gif) ;
}

再構築して、デザインを確認してみよう。

だいぶいい感じだね！

次はせっかくカスタマイズしたテンプレートを、みんなにも使ってもらえるように、「テーマとしてエクスポートする方法」を教えてあげるよ！

せっかくカスタマイズしてつくったMT5のオリジナルのテンプレート、みんなにも使ってもらいたい！そんなアナタは「テーマのエクスポート」をやってみよう！

テーマは、

• テンプレート、カスタムフィールド、カテゴリー、フォルダ、ファイルを、まとめて"テーマ"として保存できる！
• 保存したテーマを、別のブログに適用できる！
• 他のMovable Typeにインストールしたり、インターネットで配布できる！

というもの。ぜひチャレンジしてみてね。

左のメニューの、
「ツール　> テーマのエクスポート 」

を選択してね。

上のキャプチャみたいに、名前やファイル名など入力してね。

オプションは全部チェックしておいてね。

「オプション　> ファイルの詳細 」から、ディレクトリの指定に、「images」が入っているか、確認してね、

これをこのままエクスポート！
zipファイルが生成されましたね。

エクスポートしたテーマのファイルを、前の記事で説明したテーマのインストール方法に沿ってインストール！

どん。

自分で作ったテーマが見事適用されました！