作成者: miccweb

サイト制作:居酒屋のblog&Twitter立ち上げを行いました

居酒屋のブログとツイッターを立ち上げました。

まずはブログ。 http://noshiro-asagaya.com/blog/

そしてTwitterです。 http://twitter.com/noshiro_asagaya/


実は4月に仕事を辞め、2週間ばかり秋田と北海道の自然を満喫してきたのですが、 その時、去年私が初めてサイト制作を行った能代市にある居酒屋・阿佐ヶ谷さんにその時のご協力の御礼を兼ねて、友人宅におじゃましてきました。

1年前に制作したはじめてのサイトと言うことで、まだデザインやグリッドなど、未熟な部分も残るのですが、昨年末あたりから、SEO対策が効いたのか、検索の上位にどーんとくるようになり、それ以降、観光客や出張のお客様がクーポンを持ってお店に来るようになり、宴会の予約も増え、売上につながったとお伺いしました。

その事をTwitterでつぶやいたところ、WordPressをメインで使われている能代市のWeb制作会社、GOGOWEBマーケットの佐藤代表の目にとまり、相互フォローさせてもらい、WordCampなどのお話をしておりました。
せっかく能代への滞在でしたので、佐藤代表ともお店でご一緒いたしました。その席で、能代市の商店を活性させるまち情報をツイッターで始めたいというお話を伺い、またタイミングよく、店員で友人から、ブログをはじめたいという提案を受けました。 それに応えるために、GWでブログとツイッターのレイアウトデザインをさせていただきました。 WordPressのインストール、プラグイン、テーマ、Twitterのアカウント登録、そしてお店にBlogとTwitterの投稿方法を説明 しない と使ってもらえないので、WordPressの簡単なマニュアルと、Twitterの電子本を送りました。 他にも本サイト側にブロ グの投稿結果が新着情報として載るように追加をしました。他にもメニューを修正したり等々、GWはほとんど潰れてしまいましたが、無事完了しました。
ブログの開始にあわせ、お店の方でもMY箸持参のお客様にアイスクリーム(現在は春限定の桜アイス♪)が無料で振る舞われるキャンペーンを行うこととなり、バナーなども準備いたしました。 まだまだ地方の街中ではガラケーが主流で、iphoneを見かけることは一度も無い状況でしたが、Twitterの認知度はどんどん上がってきています。ハッシュタグ #noshiroや #akita などで活発に交流されているユーザがおり、のしゅったーへの登録もこの先どんどん増えていくとの事です。ぜひ、佐藤さんの能代応援サイト「のっしゅたー」も応援してください。 のしゅったー http://noshtter.jp/

私としてはお仕事としての制作の小さな第一歩として、本当に良い経験になっていると実感しました。
秋田のきりたんぽ、本当に美味しかった!またリリースが終わったので遊びに行きたいですっ!

Gravatarに自分のTwitterアバターを登録してみる。

あれ?電源のマーク??

Wordcamp Yokohama2010の公式サイトでは、参加者のニックネーム、アバター、ツイッターIDを表示しています。この仕掛けによって、あのツイッターで見たことのあるアイコンの人だ~なんて交流がより一層お楽しみいただけます。ツイッターのものでなくても、自画像やとった写真、Skypeのアイコンや、癒し猫ちゃんの画像でもなんでもOK。あなたの手でサイトを彩ると、Wordcampでつながりを持つきっかけにもなると思いますよ。

「あ~あのマークの方ですねぇ」とか「今度そのアバター探してみます」なんてね。

Gravatar?

Gravatarは、Wordpress開発元mattの創業した会社automatticが運営している、アバターの登録サイトです。
ここにアバターを登録すると、Wordpress.comやWordpressのサイトにアバターを表示する事ができます。

アバターを登録してみよう

アバターの登録は、http://ja.gravatar.com/ で行えます。

「Gravaterに登録」から行えます。

Gravatarのサイト

既にWordpressをお使いの方は、Wordpress.comに登録されてる方も多いかと思います。

WordPress.comに登録済みの方はこちらからログインします。

Wordpress.comのアカウントでログインする場合

アバターの管理画面に飛びます。古いアバターを現在ツイッターで使ってるものに変更したい。。。

そんな場合は、「新しい画像の追加」をクリックします。

自分のパソコンに画像が入っていれば「自分のコンピューターのハードドライブ」を選ぶんですが、

画像をどこにあるかもわからない不精な方は「インターネット上の画像」という手段がありました。

画像をどこからうpしよう?

自分のツイッターから、アバター画像のURL持ってきましょう。

IEの場合は、画像を右クリック→プロパティ でURLをコピーします。 Firefoxは、右クリック→画像のURLをコピー ですね。

下の画像のように、画像だけを表示してURLをコピーなんてしなくてもいいんですね。

Wordpressのペルソナもあるよ♪

そして画像のURLをペーストして次へ をクリックしましょう。

URLをペーストすればいーんです!

画像がアップされました。大きすぎたり長方形な画像の方はここでトリミングを行います。

トリミングもここで出来ます。

レーティングの指定というのが備わってます。私は安全な画像です、はい。

レーティングを文の内容に沿って選択しましょう。私のはGです。

登録されました。下の一欄で好きなアバターに切り替えできるんですね。

登録されました。下の一欄で好きなアバターに変更できます。

さてさて、Wordcamp Yokohama2010の登録画面にログインしてみましょうー。

どうでしょう?プロフィールにGravatarを使うことができます。

プロフィールに登録したGravatarが!

プロフィールに登録したGravatarが!

起こりうることとすれば、Gravatarの登録が反映してサイトで表示されるようになるために、約10~15分程度時間がかかる場合があります。

リロードやログインし直しても表示が変わらない時は、ちょっと時間をおいてみてください。

これで、Wordcamp YokohamaのサイトやWordpress.comのサイトに投稿した際に、あなたのグッドルッキングなアバターが表示できます!!是非この機会にGravatarにアバターを登録してみてください。そしてWordcampサイトやWordcampで知り合った人とつながりを持っていただけたらと思います。

WordCamp Yokohama 2010登録開始!

WordCamp Yokohama 2010 の本サイトが公開になりました。

Zazieさん、サトタカさん、Odysseygateのおでさん、understandardさん、をかもとさん、そして大曲さんはじめ皆さん大変お疲れ様でした!

私が4月の頭から2週間ほど北海道の片田舎に帰省している間にサトタカさんの素敵なデザインカンプが、おでさんの手でコーディングされ、understandardさんがそこに混ざり、をかもとさんがプラグイン等の機能実装をすすめる、、、それがほぼオンライン上で進行しました。

進行管理はbacklogというヌーラボさんのプロジェクト管理ツールを提供いただいており、サイト制作以外でも、イベントのプログラム、会計、会場運営などの課題をあげて、オンラインでどんどん話が進んでいきます。
私は諸先輩方の制作を見守る事しかほとんどできなかったのですが、最後は皆で表示チェックや文言など細かなチェックを行いました。
ブラウザも沢山あるので、表示チェックだけでも、iphoneやAndroid、Blackberryでチェックする方も出てきて、それはそれでわいわいと皆楽しそうに作業している印象でした。

その他skypeチャットやオンラインミーティングが補助となっています。こういう経験はあまりないので、非常に刺激になります。

そして、backlogはなかなか使い易いツールで、プロジェクトを1つ完了させると、システムから褒められたり、相手のいい発言にスターを贈ることが出来たりと、気持ちよくお仕事できる仕掛けもついていて、面白いです。

この先もプログラムなど随時更新されますので、是非Wordpress、いえブログやサイト制作に関わる方皆さんで是非ご来場頂きたいです。
そしてWordpressユーザーの皆さんは是非当日お越しになれない方でも、バナーを張って是非Wordcampを応援お願いします!

http://rcm-jp.amazon.co.jp/e/cm?t=miccweb-22&o=9&p=9&l=st1&mode=books-jp&search=Wordpress&fc1=000000&lt1=&lc1=3366FF&bg1=FFFFFF&f=ifr

2月と3月とこれからの私。

1月も書かずに2月が終わってしまいました(汗) 3月です。

とーに3月!それもひなまつりまで終了とか!!

まぁ、書く事があった時に書くということにしています。

あまり義務感が強くなりすぎると、自分のブログなのに楽しくないってことになってしまうので。。。

 

2月は短かったので、勉強会への参加も控えめで、家で籠っていました。 参加は、、、

・photoshop講座(GIFアニメーションの回でしたが、extendでないとタイムラインはできないことがわかりました。)
・インタラ塾(広告を考える際の、ぶっとい部分を大切にするという視点が、なるほどなと思いました。)
・OSC Tokyo 2010 Spring(2日目のみ、ブースのお留守番メインでしたが、Wordpress,PHPmotion,Mozillaのセッションが聞けました。)
・マイクロソフト主催PHP&WordPressセミナー(Automatic社のマクラケン直子さんが来日しており、初対面! 色んなお話を聞けました。3.0の登場が楽しみです!また、PHPのセッションも入門からWindowsのクラウドサービスであるAzureでの構築など、ディープな内容までしっかり聞けました。開催決定が直前すぎたのか人がまばらでしたが…)

インタラ塾は面白かったです!あまり書きすぎると混みすぎるので控えめに言いますが、本当に盛況でした。そしてなかなか広告学校に入らないとこの手の話は聞けないと思うので、かなりお得な内容だったと思います。

3月からは、WordCamp Yokohamaの実行委員としてWordPressのお祭りをサポートさせていただく事となりました。
ここで集う皆様、企業様、スピーカーの方々の架け橋となれるようお手伝いできればなぁと思います。
3月に入ってからの途中参加ですが、現在打合せが2回あり、色んなアイデアが出ており、活発に活動しております。
ぜひ、今から5月29日はカレンダーを開けておいてください!よろしくお願いします。

12月の勉強会をまとめるよ。

そういえば、すっかりこれを投稿するのを忘れてました。googleカレンダーを見ながら振り返ります。

12/4 クリエーターズサミット(2日目のみ参加)

→Flash Catalystの実演あり、Photoshopチュートリアル盛りだくさん(お土産有り)、後半はユニバーサルフォントについてや、最後のセッション事例など、ちょっと普段意識してなかったものも聞けたので、お金払って見に行って良かったです。この日裏でFICS Tokyoと被っていたそうです。。。

12/5  .fla刊行記念トークセッション@アップル銀座

→いや、改めて豪華なメンバーによる、本のみどころ以外にライブコーディングが見れたのが・・・!でもごめんなさい、まだ本賈ってません。今私の横にあるFla本が終わるまでは手ぇ出せません。(いつだろう?)

12/11 ネスト赤羽勉強会

→星野さんの超実用的API連携サービスの勉強。すごい参考になったので、yahooのAPIを登録したり、サービスを考えたり、多分この月一番役に立ったかなぁ!API始めたいと思っていたのでとっかかりとしては最高でした。

12/16 AR3兄弟のAR忘年会はustreamでみていました。おまけという事で。AR、来てますね!

12/17 CSSnite shift3 2009年のWeb界隈の総括ということで。html5やらMS Expression Webの話とか、色々網羅されていましたが、以外にもustreamの話はでてきませんでしたね。最後の不景気に対するお話が、良いまとめで未来のある話で良かったです。

12/19 Wordbenchクリスマス会。これはいつも勉強会でお世話になっている方たちとの飲み会ですね。忘年会シーズン真っ只中って感じでしたね。

12/21 印象アップ講座。これはWeb関係なくて就職活動にも向いてるのですが、座る姿勢や歩き方、あとは自分に似合うカラーを教えて貰ったりしました。

12/23  PHP初心者勉強会 MACに環境構築が完全にできていなかったので、ながはらさんのお力を借りて無事環境できました。これまでの講習だとセッションとかやたら後半に出てきて、一生懸命form文とか文法を頑張るのに、さくっと使いそうな所をひろって、質問に色々答えてくれたので、大変素晴らしい会です。PHPは書けるに越したことがないので、いろんなソースを読んだり、どういう処理をしたいか考えて書く練習をしたいです。

12/26 WPもくもく部 赤羽の会議室で半日もくもくとWordpressに関する制作を皆で行いました。集まるとはかどるなぁと思いました。私はFlameworkを使った子テーマを制作しましたが、まだ完成形ではないので、更新してこのブログに使いたいと思います。

12/28 まつばらあつし先生のFlash講座@アップル銀座  いつもFlashは難解だとか思わせるスクリプトメインのものではなくて、ここではFlashでお絵かきをして、さくさくっと動かす所をライブで。先生のかく絵が可愛いんですよ。CS4からついたボーンツールの使い方がわかったので、ここで勉強になって良かったです。

12月もびっちりでしたねぇ。あと、ustreamがあるのが素晴らしいですね!CSSniteもustしてくれればいいのになぁと思ってみたり(汗

今年はadobe関連のチュートリアルは結構充実したので、自宅でもくもくさせる方が優先度高いかもしれませんね。programmingは会社の空き時間で触れる感じかな。今はJSとかCSS3をいじっています。あとは地道に手を動かすだけ・・・。

あけおめ(&Myお雑煮)

あけましておめでとうございます。miccです。今年もよろしくお願いします。

2010年はよりこのブログが盛り上がるような事をして、更新も増やしたいと思います。

また、WebTIPSももっとうまくまとめて、自分の他に見に来てくれる方にもわかるコンテンツになるようにするのが、目標です。

さてさて、堅い話は置いといて、おでさんトラックバック企画募集されていた、お雑煮写真です。wokamotoさんの美味しいお餅を、wordbench東京のクリスマス会のジャンケン大会でGETしたので、この投稿を期待されておりましてw

そんななか、私は年末からずっと風邪をこじらせてしまい、元旦までは餅粥を食べていました。2日になり徐々におかゆに飽きたためお雑煮を作ったのですが、その日は食材の買い置きがなにもなかったので、某永谷園の松茸風お吸い物に焼き餅を入れたインスタント雑煮でした。

さすがに、それはないだろう、って事で3日にちゃんとしたお雑煮を作りました。

我が家の北海道風雑煮は、昆布と鰹でとったダシに多めの大根、人参、牛蒡、椎茸、鶏肉を入れ、(味噌をといたらけんちんになりそう)、醤油のおすましにします。今回はつゆの素がちょっと多かったので、色が濃い目になってしまいました。でも味の方は美味しくできましたよ!

角餅を焼いたのを2つ、だしをかけたら、三つ葉とイクラを散らして完成です!

(写真はiphoneでとったのですが、あまり良くなくてごめんなさい><)

ちなみに残ったおだしは翌日お蕎麦にしました。

他に北海道では「くじら汁」というけんちん汁にくじらの塩漬けが入った煮物を保存食として年末に作って食べていました。スーパーではかなり高い値段で年末になると塩蔵くじらが売られます。(100グラム位で1000円〜2000円位したと思います。スーパーのハムコーナーに有るシュリンクされた塊ベーコンの値段と比較して見てください)お節の参の重にも煮物が入るので、雑煮とくじら汁と煮物がバッティングする事がありました。(そして残るのはくじら汁・・・です)

今年もこの美味しいおもちのように、粘り強く頑張ろうと思います。

クリスマスの支度中。


クリスマスや年末年始が近づいてきましたね。 先日、お友達が結婚したこともあり、お祝いに手作りのウェディングカードを作ろうと思って、夜なべしてたりします。

なかなか思ったようにできない日もありますが、 Photoshopのブラシを使って、窓からの雪景色をイメージしたものを。

ブログの投稿のたびに画像を挟んでいる方はつくづくまめだなぁと思います。

素材を探すのは楽しいけれど、ピンとくるものにめぐり合うまでに結構な時間がかかるものなので。。。

サンタさんには素材辞典をお願いしたくなりますw

Simple Tweetを入れてみました。

あまりブログに書き込みとかもらったことないのですが(w
一応ブログもやってますよという事で、
この投稿した事が、Simple Tweetを入れると勝手に投稿したことをつぶやいてくれるので、
便利なプラグインではないかと。

あとサイドにもよく見かけるFollow meを付けてみました。これもWP Pluginとしても出ているんですね。
phpテンプレに埋め込む必要ないので、テーマを着せ変えてもこれだと楽ですね。

当初自分のつぶやきを収集しようかと思いましたが、
あまり残しておきたいような事はつぶやいていないなぁと思い、取りやめました。。。

さて、うまくいくかな。

11月に勉強したことをまとめるよ。

そうですよ、あっという間に12月なんです。今年も1ヶ月残ってません。 いや、ちょっとまった。あとまだ1ヶ月も、あるんですよ。まだ、今なら何か残せます。

さてはて、11月もあちこち顔を出してました。

11/10 cssnite(html5)
11/11 デザイン勉強会 
11/13 ネスト赤羽勉強会 
11/16 photoshop

11/19 cssnite(CMS)
11/27 teck talk2(html5)
11/28 楽天WEBディレクションカンファレンス
11/29 wordbench川崎

今月が最大だったんじゃないかと思いました。 多分外の勉強会は体力的に週1〜2本が限界かなぁと思いました。
週2回だと学校通いと同じペースなのでそこそこいいのではと。

デザイン勉強会はとても実践的で役にたちました。カイ士伝さんが動画をupしてくださってので、 何回か戻してみながら、ちゃんと形にすることができました。
html5はoperaのフォーム関連と、cssniteのiphoneアプリでの制作用途ってところで触って行きたいと思いました。 しかしながらまだ未着手なところが自分ガンバレです。

WordPressのhtml5化をたまに聞きますが、 つまりはテーマをhtml5に書き直しているってことですよね。対応早って感じです。その辺のところじっくり取り組んでみたいです。
あと、海津先生のPhotoshop講座も毎月アップルで見ていますが、WebDesigningの連載で復習しながら挑戦してる感じです。こちらのスタンプネタはtwitterとかポストカードのネタにしようと思います。
twitterの背景も、Web Creators(というかMdNのサイト)を参考に作ったのですが、なんか遠目に見るとカビっぽい? 配色だったので、改めて作る事にして一旦取り下げました。。。

12月はflashの座談会、デザイナーさんの忘年会、デザイナーズサミットもあれば、WordPressのテーマ作成もあり、 そんななかでクリスマスもくりゃ年越しも迫っています。

悔いの残らぬような年越しにしたいと思います。

FlancFlancのクリスマス。

http://www.francfranc.com/jp/download/blogparts/2009xmas_francfranc_clock_r.js

ちょうど友人への結婚祝いを探す為にサイトをのぞいたら、特設サイトができてました。 そこのブログパーツです。

クリスマスまでをカウントしている訳ではなく、普通に時計ですが、flanc flancらしく ピンクで可愛いです。

壁紙も落として、すっかりパソコンもクリスマスになりました。

 

特設サイトは、 http://www.francfranc.com/jp/campaign/2009christmas/ です。お店にも行こう〜っと☆