the stoned blog

Check

小生、本業はDTPオペレーター兼コーダー寄りWebデザイナーではあるんですが、どうも本人が思ってるよりイラストのイメージが強いのか、こいつはイラスト専業の人間でそれ以外の仕事は受け付けないんでは、という風に他人から思われてるような印象を受けることが最近多いので、やっぱりデザインとイラストは分けといた方がいいか、と思いました。

それでとりあえずですが、DTP・デザイン部門（?）のFacebookページだけ作ってみました。

ご参考までにご覧ください。
僕も万能とはいいませんが、inDesignとwordpress両方使う人もそんなにいないと思いますのでね・・・

なお、どうもIEでは見られないらしいので、他のブラウザをお使いください。
このページはWordpressで作ったものをFacebookページとして読み込ませてるんですが、IEだけエラーになってるみたいです。
いずれにせよIEなんぞ使って欲しくないですけどねぇ。

Check

インプレスジャパン社の「あでやか年賀状2012」にイラスト4点掲載して頂いたのですが、今日、出版社の方から本が届きました。

元々当方、イラストが専門というわけではないからですが、年賀状の素材イラストの 仕事は今回初めてでした。
昨年年賀状の仕事が来なかったのは、単に僕が知られてなかったからか、こいつはウサギが描かんだろうな、と思われていたのか・・・（^^;）

でも仕事として受けると普段自分ではやらないようなモチーフや技法を使ったりするすごくいい機会になるので、大変楽しかったし勉強にもなりました。

ちなみに、年賀状の本なのでみんなめでたい感じで赤や黄色が多い中、ご覧のとおり、僕のページだけ真っ青でございます（爆）

しかも印刷方法のページにまで使って頂いて、感謝感激です！

全ページ眺めてみましたが、画集としても楽しめるぐらい素敵な作品がたくさん掲載されていますので、ぜひお手にとって頂くと嬉しいです。

また、現在、「唯心」さんでのグループ展「神無月」で、この本に掲載されている作品も展示しています。
合わせてご覧頂けるとなお喜びます。

インプレスジャパン社のご担当者さまにもこの場を借りてお礼申し上げます。
ありがとうございました！

Check

前から作ろう作ろうと思っていた自分のFacebookページのWelcomeページ、やっと作ってみました。

Masahiko Saga Facebook Page

ところがまたぞろ仕様が最近になって変わったようで、ネットにあがってるFacebookページのカスタマイズ法や、2ヶ月前に出たばかりのFacebook本に載っているやり方とも違っていて非常に戸惑ってしまい、英語の仕様書を読み直しながら作業していて、中身のページを作るよりFacebookページに内蔵させる作業の方が時間がかかったため、自分でFacebookページカスタマイズをやろう、という方のためにメモ書き代わりにやり方をブログにアップしておきます。

ただ、ここまで手間取ると思っていなかったので途中の画像が抜けているところもありますし記憶の順番が入れ替わってるところもあるかもしれません。
ご容赦ください。

またFacebookページ自体の作り方やiFrameで表示できるページの幅が520pxである、ということなどは既に知っている、という前提です。
（画像が見にくい場合はクリックすれば大きくなります。）

1・まずFacebookのページの最下段の「開発者」の箇所をクリックして、https://developers.facebook.com/のページに行きます。

2・もし「開発者」アプリを登録したことがなければ、ここでアカウント情報を登録します。

3・画面右上の「+Create New App」のボタンをクリック。
ここで「アプリケーション名」を登録して、利用規約に同意します。
さしあたって「アプリケーション名」は「Welcome」としておきました。

そうすると画像認証のセキュリティチェックの画面が出るので、入力して「送信」します。

4・次にアプリの登録です。左上に「Basic」とありますが、まずはこちら。
上から「App Display Name」に「アプリケーション名」の名前。
その下の「App Namespace」にキャンバスページの名前を入力。
キャンバスページというのが、Facebookアプリの名前で、おそらく現在ネットにあがってる情報ではここに最初から「Canvas Page」か「キャンバスページ」という項目になってると思います。

Facebookアプリ自体のURIは「http://apps.facebook.com/hogehoge」という感じになっていて、この「hogehoge」部分を入力するんですが、どこにも「キャンバスページ」という名前がないので探しまくりました。
「?」マークをクリックすると一応表示されるんですが、こんな簡単な説明では合ってるのかどうかわかりません。

ちなみに「App Namespace」は他と同じ名前は使えないみたいで「welcome」はダメだったので「welcometosaga」としました。

後は下の方にある「App on Facebook」と「Page Tab」の項目。
ここは最初は入力欄は見えていないので、項目名右側のチェックマークをクリックして、表示させます。
ここも戸惑った部分です。

そして「App on Facebook」の「Canvas URL」（Facebookページに表示させるWebページのURI）を入力してやるとその下に自動的に「http://apps.facebook.com/welcometosaga」と出てきます。

その下の「Page Tab」は、ページの左のアイコン下に出てくるメニューの設定です。
表示させたい単語と「キャンバスページ」のURIを入力してやります。

5・そしたら左上の「Advanced」をクリック。マウスオーバーしても色が変わらないので、必要な項目かどうかすらわからないんですが、一応設定項目のページに飛びます。

ここでは僕はなにもいじってないですが、「Canvas Settings」の箇所で幅と高さを変更したい方は変更してください。

6・次に左側のサイドバーの「Related links」のところの「アプリケーションのプロフィールを見る」をクリックします。

7・そして次の画面の左側のサイドバーの「マイページに追加」をクリックします。
そうすると自分が管理しているFacebookの一覧が表示されるので「Facebookページに追加」をクリックするとFacebookページの左側のサイドバーに「welcome」という項目が増えます。

8・最後に自分のFacebookページの「Facebookページを編集」をクリックして「権限の管理」の「デフォルトで表示するタブ」を「welcome」とすれば、「いいね！」を押してない人が来たときには「welcome」ページが表示されるようになります（多分）。

また、「facebookページのコンテンツ幅 × 高さを可変にする」方法はこちらで紹介されています。
http://fublicbox.com/technique/to-vary-the-height-of-the-facebook-page-created-by-iframe.html

それにしても今日は、FBのインターフェースの変更のおかげで一日つぶしてしまった。
先日買った「Facebookページ　プロフェッショナルガイド」にはWordpressとの連携方法についても書かれていたけど、それはまた今度トライします。

一応お断りしておくと、また仕様が変わるかもしれないので、半年後にこの記事の内容が使えるかどうかは保証いたしません、あしからず。