linker

hara19.jp管理人が作ったパンケーキだらけのサイト「東京パンケーキ速報」 - linker journal

2013-05-09T17:57:23Z

ども。@cremaです。

今日は、友人が新しく立ち上げたWebサイトを、さらっとご紹介してみますね。その名も東京パンケーキ速報と言うのですが、title要素に添えられた副題「ジタバタするほど美味しい東京のパンケーキたち」というのが、ちょっと可愛いのですw

このサイトの管理人である@ysakakiは、一部界隈では「パンケーキ神」と呼ばれるほどパンケーキ大好きな男性なのですが、本業は30min.さんのエンジニアで、元々hara19.jpという人気原宿情報サイトを運営しているんですよね。

hara19.jpはWordPressでできていまして、去年のWordCampでは、突如PVが上がった時の高速化対策やらブログ運営のコツなどのノウハウをじっくり語っていました。

hara19.jpの裏側〜地域情報サイトの構築・運営ノウハウ〜 from ysakaki

hara19.jpを運営していく中で、パンケーキを食する才能に目覚め、パンケーキ部門を切り出して別サイトにしたという。

@ysakakiの面白いところは、バリバリのエンジニア、かつ、コミュニケーションとおもてなし能力の高いブロガーであるところですかね。

シズル感のある写真も撮れて、文章力と編集力もあり、フットワーク軽く取材に行ってしまい、アクセス解析もがっつりやり、なおかつサイトの実装とサーバの面倒は自分で見られるという、なんというか万能感のあるひとなので羨ましい。

少しでも見習って、人気サイトを運営してみたいと思う今日この頃です。

Adobe Illustrator CCとPhotoshop CCの新機能をいくつかピックアップ - linker journal

2013-05-07T08:13:09Z

ども。 @crema です。

日本時間の昨夜アメリカ本国で始まったAdobe MAXでの発表を受け、本日東京でも「Create Now MAX 2013 速報スペシャルイベント」が開催されました。Ustreamでも中継されていましたので、ご覧になった方も多いかと思います。

発表内容は、基本的には下記記事の通りなのですが、

Adobe，同社のクリエイティブツール「Adobe Creative Cloud」のアップデートを発表――クラウドサービスとして生まれ変わり，2013年6月18日から提供開始予定：レポート｜gihyo.jp ... 技術評論社

特に話題になっているのは、

今後の新バージョン提供はCreative Cloud上のみで行われることになり、新バージョンのパッケージでの販売が無くなる
製品名の最後につくのは「CS（Creative Suite）」ではなく「CC（Creative Cloud）」になる
Fireworksの新バージョン開発がされなくなる（バグフィックスと新OSへの対応はされる模様）

といったあたりでしょうか。

Fireworks関連では、長谷川恭久さんが素敵記事をさっそく公開されていますね。

Fireworks後のツールとワークフロー : could

そんななか空気が読めない感じで（？）恐縮ですが、せっかくなので、特に自分が注目しているIllustratorとPhotoshopの新機能について、さっくりメモっておきたいと思います。

Adobe Illustrator CCの新機能いくつか

文字タッチツール

アウトライン化せずに文字情報を保ったまま、一文字づつ選択して変形できるツールが追加されました。文字列に変形をかけた後、文字を打ち替えることも可能です。

囲み罫を作りやすくなったブラシ

自分で作成するブラシで、コーナータイル（ブラシの角の部分）が自動生成されるようになったり、

写真を使ったブラシ生成が可能になったり。

CSSの書き出し機能の強化

Illustratorで作成したアートワークから、CSSを書き出したりSVGとしてコードを生成したりできるようになったとのこと。個人的には、これで書き出されるコードの内容とワークフローの改善が可能かどうかを、今後重点的に検証していきたいと考えています。

エリア内文字とポイント文字を瞬間切換え

エリア内文字ツール右側をクリックすると、ポイント文字に瞬間的に切り替わる。逆も可能。地味ですが意外と役立ちそうな機能ですね。

全体的なIllustrator CCの紹介ビデオ

その他にも多くの新機能があるので、気になる方はこちらのビデオをどうぞ。長さは12分ほどです。

Photoshop CCの新機能いくつか

「ぶれの軽減」で手ぶれ写真をシャープに補正

今日のデモで最も観客が湧いていた機能は、多分これ。新機能「ぶれの軽減」により、長めの露光（1秒とか）で生じた『手ぶれ』が、無かったことのようになっていました。

スマートシャープ機能の刷新

ネムい写真をシャープにする『スマートシャープ』機能のアルゴリズムが刷新されたそうで、ノイズやハロー効果が少ない状態で写真をしゃーぷにできるとのこと。

Camera Rawをフィルターメニューとして使用

これまではプラグインだった「Camera Raw」を、Photoshopの中でフィルターメニューとして使用できるようになりました。写真撮影好きのひとには、嬉しい機能かもしれませんね。

雑感

今日の『Fireworks開発終了』発表を受けて、一部では『脱Adobe！』という機運も盛り上がっているように見受けられますが、個人的には自分が適切と判断したツールを適切なシーンで使い分けしていけばいいのかなと思っています。

のらりくらりとした態度のようですが、仕事としてIllustratorとPhotoshopの講義や書籍執筆をしているわりには、「なにがなんでもIllustratorとPhotoshopを使わなきゃ！」という考えでもなく、逆に「これからの時代は完全に脱Adobeだ！」というわけでもなく。

性格的に食わず嫌いではなく、なんでもとりあえずは首を突っ込んでみたいのですよね。

正解はいつもひとつではなく、時代と環境によって、常に揺れ動くものだと思いますので。

ということで、今後も様々なツールをあちこち試しながら、メーカーさん、制作者の皆さん、そしてクライアントさんの想いや事情をうわばみのように飲み込みつつ、時代の流れに則った最適解を探していこうと考えています。

当面の課題は、IllustratorをどのくらいWeb制作のワークフローに乗っけていけるかな、という実験ですかねー。

4月20日はMTCafe Tokyo 2013 Springです - linker journal

2013-03-28T12:14:53Z

みなさん、こんにちは、まーしーです
年度末進行というかんじで、気づいたら3月も終わりですね。
バタバタなこの頃です。

さて、来週からは4月ですが、4月20日にMTCafe Tokyoが開催されます。

4月20日 MTCafe Tokyo 2013 Spring(東京都)
http://kokucheese.com/event/index/75018/

去年は花見もー、とか話題になっていたような気がしますが、今年はその頃は桜の時期ではなさそうですね。

今回のMTCafe Tokyoは勉強会形式ということで、2会場、2セッションずつとなっているようです。

内容は以下のようなかんじだそうです。

メイン会場

デザイナーにもできる再構築の高速化／負荷分散
@hjfuji

Movable Typeの実践的な管理画面カスタマイズ、検索カスタマイズ（仮)
@tinybeans

サブ会場

未定（仮題：CMS構築案件で起こる「認識のすれ違い」)
@naoaki011

変化に強いインフラを楽して構築するために考えること
@yagishita

全部ききたいなー、と思いますが。どれにしましょうか、、、
非常に悩ましいです。

参加者のリストを見てみると、いつもの人達もですが、名前は知ってるけど会ったことがないという方がちらほらいるので、是非この機会にいろいろと話してみたいと思います。

MTに興味ある方は是非参加してみてはどうでしょうか。

【満員御礼】「仕事でちょこっと使えるPhotoshop講座」で喋ります。 - linker journal

2013-03-22T14:54:07Z

ども。火曜／金曜担当の@cremaです。

今日は「こういうこともやってまーす」というご紹介を。

公私に渡って仲良しなepoch seedの森下さんが企画してくださったちょっと変わった講座、「【広報・マーケ向け】仕事でちょこっと使えるAdobe Photoshop講座」が開催されるのですよ。

ときは2013年4月5日（金）、ところはデジタルハリウッドさんのStudio新宿。

ということで、本当はこの記事で「参加者募集しております！」と書きたいところだったのですが、なんと先ほど募集開始後1時間で15人の定員が埋まってしまいまして！　ありがとうございます！

イベントの企画意図としては、「デザインが本業ではない広報やマーケティング担当者が、ブログやFacebookページに写真をアップする際、基本的な修正や加工をできるようになる！」というもの。

広報やマーケの方は、なにかと業務で写真を扱うことがあるものなんですね。商品写真、イベントレポート写真、ポートレイト写真などなど。バタバタなスケジュールの中で急いで撮影したもの、光線の具合が悪かったもの、ヘアスタイルがちょっと乱れてしまったものなど、見栄えを良くしておきたい写真も多々ありそうです。

そこで今回は、そんな「Photoshopをちょこっと使いたい」というライトユーザー層に向けた講座を準備することにしました。

ポートレイト写真の色補正、後れ毛などを綺麗に消す、少し小顔／デカ目に補正など、自分で写真をいじって「こんなことができるんだー！」と感じていただく、ワークショップ形式。さらにデモンストレーションで、補正した写真をIllustratorに配置して、ポストカードっぽくレイアウトしていきます。

ロクナナさんで月に1回開講している黒野明子のIllustratorとPhotoshop基本講座でも、「突然会社の広報担当（Web担当）になって、IllustratorとPhotoshopを使う必要がある！」という受講生の方が度々おいでになるので、一定のライトユーザー需要があるなぁという肌感覚がありまして。

学生さんやデザイナー志望の方に講義をするのも有意義で楽しいのですが、こういう講座にも今後様々な形で関わっていけたらいいなと思っております。

こういった講師のお仕事がありましたら、お気軽にお声掛けくださいませ（笑）。

WDF vol.8＠金沢にて「ソーシャル系Webサービスのつくり方」というお題で話してきました。 - linker journal

2013-03-12T10:57:38Z

ども。火曜／金曜担当の@cremaです。

先日当journalで告知しておりました通り、金沢のWeb系勉強会「WDF vol.8」にて、「ソーシャル系Webサービスのつくり方」というお題の60分の講演をしてきました。

内容は、私のクライアントさんであるアジャイルメディア・ネットワークにて週3回常駐しながら、ディレクターTさん＋エンジニアMさんと3人組で、「Webサービスの中の人」業務をどのようにやっているかというもの。

これまでこういったナマな仕事内容を語ったことは無く、受講者のみなさまに受け入れていただけるかどうか若干不安があったのですが、終わってみると概ねご満足いただけたようで、ほっとしているところです。

「まだまだこれから」「いま試行錯誤中」という部分も多く含まれていましたが、このように仕事をしている人達もいるのかという一例として、1mmでも参考にしていただければ、とても喜びます。

同時に講演した古瀬美香さん（ウォークスコミュニケーションズ）と、最後にパネルディスカッションもさせていただきました。

話題の中心は、「スマートフォンとECサイト」「O2O」など。この先モバイル端末に合わせたWebサイト／サービスをどのように構築していくか、会場のみなさまも交えてイメージを膨らませていきました。

当日の参加者のみなさまのつぶやきをまとめたTogetterは、こちら。

WDF Vol.8 ツイートまとめ - Togetter

わざわざ大阪から金沢まで参加しにきてくれた出口さんの素敵ブログ記事は、こちら。

WDF Vol.8「これからのWebサイトディレクションに欠かせない充実のセッションが揃いました。」に参加してきました。｜ふにろぐ

当日ご参加くださった受講者のみなさま、一緒に講演してくださったみなさま、そしてもちろん主催のみなさま、全てに感謝です。ありがとうございました！

ということで、こういった新ネタを作る講師は、これにてしばらく打ち止め。私が出せるネタは出し尽くしてしまった感がありますので、しばし充電期間に入りますね。いずれパワーアップして戻ってくる予定ですので、またその時はかまってやってください。

あ、IllustratorとPhotoshopの講師やイベントは引き続き色々やっていきますので、そちらもどうぞよろしくお願いいたします！

※講演／パネルディスカッション中の写真は、WDF主催者の方の許諾を得て、Facebookページから転載させていただきました。ありがとうございます！

LivePreviewTemplateとMTML CompletionsでMTMLの編集作業を効率化 - linker journal

2013-03-11T09:00:00Z

みなさん、こんにちは、まーしーです
この週末の東京は夏のように暑くなったり、空が黄色くなったりなんか色々でしたね。
年度末ですし寒暖の差などで体調崩さないようにしないといけないですね。

ローカルで編集中のMTMLをプレビューできるLivePreviewTemplate

ToI企画の天野さんが、ST2とMTML Completionsの組み合わせをさらに便利にして、MTML編集が出来るようになる拡張「LivePreviewTemplate」を作成されていました。

LivePreviewTemplate とは - ToI
http://tec.toi-planning.net/mt-column/plugin/livepreviewtemplate/

こちらにある動画を見て頂くと分かるのですが、ローカルで編集したMTMLの内容をブラウザでプレビュー出来るという拡張になります。

まず、テンプレートを編集したいMTの管理画面で登録したBookmarkletを起動します。
そうするとこんな感じでDrag&Dropするエリアが開くので、ローカルで編集しているファイルを持って行きます。

ファイルをもっていくと、プレビューのウィンドウがポップアップで開きます。
（PopupをBlockしてると開かないかもしれないので、そのあたりは環境を確認してください。）

適当にローカルのファイルを編集して保存します。そうするとこのような感じでPopup内では編集内容が反映されています。

シンプルなインデックステンプレート、個別記事アーカイブ、月別アーカイブで動作確認してみましたが、問題なくプレビューできました。
テンプレートモジュールもインデックステンプレートが読み込まれて表示の確認ができました。
MTは5.2が必要で、ブラウザはGoogle Chrome、Firefox、Safari が対応しているようです。

コンテキストの内容によって表示を変える場合などはうまくでなそうなきもしますが、基本的な動作確認には全く問題なさそうです。
あと気になるとしたら、Dynamic関係、cgi関係あたりでしょうか、、、

PopupウィンドウでPreviewしているテンプレートについては、確認してみて問題がなければ管理画面側でちゃんと保存してあげる必要があるので、これは忘れないようにしないといけませんね。
ローカルのファイルとしては保存されていますが、MT側のデータとしてはまだ保存されていない状況になっていますので。

MTMLの編集環境を徐々に改良していきたいと思います

最近、MTMLの編集作業としては、ローカルでの編集作業をGitで管理するということと管理画面へのコピペという流れをファイルリンクにするか、テーマにするかなど色々考えていたところではあるので、この拡張機能のおかげでだいぶ改善されそうです。

MTML Completionsも小さな機能追加を予定してますし、少しずつ改善していきたいと思います。

ポッドキャスト上手くなりたい。 - linker journal

2013-03-08T15:30:02Z

ども、火曜／金曜担当の@cremaです。

完全なる趣味で、毎週日曜深夜に「純喫茶エピソード」というポッドキャストをやっているわけなのですが。

現時点での最新公開分の自分の喋りが、相当グダグダで悲しいので、今後気をつけようと思う点をリストアップしてみました。

当たり前のことなんですけどね......。なかなかできておりませんで......（涙目）。

何かを話しはじめる前には、できるだけ要点を提示してから詳細を語る。
自分だけ話さず、相方さんたちに適度に話をふる。その際、話が続くようにクローズドクエスチョンを適度に混ぜる。
相方さん達の考えを引き出して盛り上げる工夫を、もっと考える。
聴取者の人には分からないので、「あれ」とか「これ」とかの指示代名詞を使わないようにする。特にブログ記事を引用して紹介する時は、タイトルや要点を簡潔に提示する。
Skype録音なので難しいのだけれど、できるだけ相方さん達と話を被せないようにする。
テーマに対して、もう少し予習する。
そもそも、ゆるゆるがテーマなので、それに見合った話題選定やムード作りを見直す。

うむー。今年は頑張らない宣言をした上に、番組コンセプトは「ゆるゆる」ではありますが、せっかくやっているからには、もう少し自分の話術クオリティを上げていきたい！

練習用に、自分一人だけのポッドキャストをやってみるのもいいのかも？と、相変わらず悩めるアラフォーでした。

手のかからないAudioBooとかで試そうかな...（妄想）

藤本さんの新著『改訂新版スタイルシートポケットリファレンス〔CSS3対応〕』プレゼントキャンペーンが開催されています - linker journal

2013-03-04T09:00:00Z

みなさん、こんにちは、まーしーです。
いつもMTのプラグインでお世話になってる藤本さんが新著『改訂新版スタイルシートポケットリファレンス〔CSS3対応〕』を書かれました。

現在、この書籍のプレゼントキャンペーンを行っているとのことでそれに乗っかってみます。

「改訂新版スタイルシートポケットリファレンス〔CSS3対応〕」プレゼントキャンペーン延長 - The blog of H.Fujimoto
http://www.h-fj.com/blog/archives/2013/03/01-143836.php

改訂新版スタイルシートポケットリファレンス〔CSS3対応〕

藤本壱
技術評論社 ( 2013-01-24 )
ISBN: 9784774154862

mersy's bookshelfで詳細を見る

ブログでこの書籍を紹介すると、抽選で3名にこの本がプレゼントされるとのことです。

書籍の内容は

スタイルシート(CSS)の記述に必要な知識を体系立ててコンパクトに整理しました。もちろん最新のCSS3に対応。デザイン・クオリティの決め手となるスタイルシート―その構成要素である多数のプロパティや設定値、セレクタだけでなく、基本的な構文まで網羅的に解説します。目的別に整理しているので、使いたい項目を辞書のようにぱっと引けるのが特徴。また、多様化するブラウザ環境に配慮し、スマートフォンでの対応状況も調査しました。Webデザイナーからエンジニアまで、多くの方に、手元に置いていただきたい一冊。

というかんじです。

細かいブラウザの対応状況などは日々変わってしまうかもしれませんが、CSSの基本は変わらないので、書籍として一冊持っていると便利かもしれませんね。

---------

ちなみに、最近藤本さんのプラグイン類でお世話になったのは（プラグインじゃないですが）

MTOSインストール済みAMIの使い方(その1・AWSのアカウントの取得) - The blog of H.Fujimoto
http://www.h-fj.com/blog/archives/2012/12/26-103708.php

で紹介されているAMIですね。
AWSでさくっと環境が出来てしまいます。

AWSでMT環境の構築は先日読んだ『Amazon Web Services クラウドデザインパターン実装ガイド』でも補足で書かれていたので参考になるかもしれません。

Amazon Web Services クラウドデザインパターン実装ガイド

大澤文孝 / 日経BP社 ( 2013-02-07 )

mersy's bookshelfで詳細を見る

(Power) MTML CompretionsでMTタグのフォーマットを指定出来るようになりました - linker journal

2013-02-28T02:00:00Z

みなさん、こんにちは、まーしーです。
2月も最終日ですね。早いですねぇ。。。（焦

すでに@tinybeansが書いてますが、先日公開した、MTML CompletionsとPowerMTML Completions でMTタグのフォーマットが指定出来るようになりました。
@tinybeansが機能追加してくれました！

MTML Completions（MTタグを補完する Sublime Text 2 用パッケージ）でタグの書式が変更可能になりました | かたつむりくんのWWW
http://www.tinybeans.net/blog/2013/02/28-095121.html

Packageのupgrade方法

まずはPackageをupgradeしておいてください。

Command Palette（Command + Shift + P）で「Package Control : Upgrade Package」を選択します。

UpgradeがあるPackageが表示されるので選択すればUpgradeされます。

設定方法

Preferences > Settings - User（command + ,）に以下の項目を設定するとこでテンプレートタグの書式等を変更できます。

接頭辞の設定方法【mtml_prefix】

ここで設定した値がテンプレートタグの接頭辞になります。mtml_prefix を設定しない場合は mt: になります。

設定無し => <mt:EntryTitle /> 
"mtml_prefix": "MT:" => <MT:EntryTitle /> 
"mtml_prefix": "MT" => <MTEntryTitle />

ファンクションタグの書式を変更方法【mtml_function_tag_type】

ファンクションタグの書式を変更できます。設定できる値は dollar または none です。

設定無し => <mt:EntryTitle /> 
"mtml_function_tag_type": "dollar" => <$mt:EntryTitle$> 
"mtml_function_tag_type": "none" => <mt:EntryTitle>

これからも少しずつ機能追加等していきたいと思います。

ST2をお使いのかたで、まだ使ってない方は是非試してみて感想を頂けるとありがたいです。
bit partともどもどうぞよろしくお願いします。

Sublime Text 2でMTタグ、PowerCMSのタグを補完できるPackageを作成しました #powercms #movabletype #st2 - linker journal

2013-02-25T00:00:00Z

みなさん、こんにちは、まーしーです
積雪量で酸ヶ湯がニュースになってますね。東京もここ数日寒い日が続いてますし、出来るだけ引きこもっていたいと思う日々です。

さて、bit partでSublime Text 2 用のpackageを作成しました。

MTタグの入力補完ができるMTML Completions

MTML CompletionsはSublime TextでMovable Typeのタグ入力補完を行えるものです。

MTML Completions
https://github.com/bit-part/MTML-ST2

モディファイアやDynamicMTMLのタグなどが入っています。

MTタグ

BlockタグやFunctionタグなどの分類がわかるようになってます。

モディファイア

モディファイアも補完できます。

PowerCMSのタグを補完するPowerMTML Completions

あわせてPowerCMS用のPowerMTML Completionsも作成しました

PowerMTML Completions
https://github.com/bit-part/PowerMTML-ST2

PowerCMSのタグ

PowerCMS独自のタグを補完できます。
こちらは漏れがありそうなので随時追加していければと思っています。

ということで

これらのPackageは@BUNさんが作成された物をベースに作成しました。
許可頂きどうもありがとうございました！

・ブロックタグを補完する際は改行を入れたい
・mtタグの入力フォーマット
などを指定出来るようにといった要望を頂いているので、そのあたりも今後、機能追加していければと思っています。

使ってみて要望やバグなどありましたら、Issueやpull request、FacebookページやTwitterアカウントに連絡頂ければと思います。
（readmeの英語がおかしいとかも、、、）

「デザインの学校これからはじめるFireworksの本〔CS6対応版〕」レビュー - linker journal

2013-02-22T16:59:46Z

ども。@cremaです。

いつもとってもお世話になっている株式会社エフシーゼロ(#fc0)のお二人、山本和泉さんと藤川麻夕子さんから、ご著書の「デザインの学校これからはじめるFireworksの本〔CS6対応版〕」を頂戴しました！　ありがとうございます！

というわけで、さらっとレビューなど。

実はわたくし、Webデザイナーに転職する以前から、ずーっとPhotoshop LOVERでした。いまもWebサイトのパーツやバナー作成などをする際、やっぱり一番手に馴染むのはPhotoshop。

ただ昨今ではFireworksの人気が非常に高く、宗旨替えしたり両刀使いになったりする方もとっても多いですよね。

そんなわけで私も、「その魅力を知りたい！」と、ぼちぼちFireworksを使い始めている昨今なのです。

そんな私にとって、この本は「Fireworksでできること」をさらっと概観するのに、とてもいい感じ。

もちろん「Webデザインがはじめて」という方が手にとってもしっかり分かるように構成されている内容なのですが、Photoshop使いが転向するためにも、Photoshopではできない（機能が異なる）部分をざっくり知ることができます。

Fireworksでは、ガイドとガイドの間の長さを簡単に確認できたり、オブジェクトに設定するテクスチャが豊富に揃えられていたり、マスターページと呼ばれる共通部分を登録できたり、オブジェクトの角丸を後からサイズ変更したり、さすがWebデザインに特化されたソフトウェアならではの、便利機能が詰め込まれているのですよね（私としては「あ、この機能、Photoshopにもあればいいのに」なーんて思ってしまったりすることもあるのですがw）。

そのような「ならではの機能」を盛り込みながら、平易でコンパクトな解説がなされているので、Webデザインに慣れているひとが短時間でさっくりFireworksに慣れるのにも、なかなかいい感じ。

一冊を通して架空のショッピングサイト内の数ページを作る演習形式で書かれているので、実際のWebデザイン作業に沿ってよく使う機能を一通り知ることができるのも、良い構成かと思います。

というわけで、これからWebデザインを学びたい方はもちろんのこと、私のようなPhotoshopからの転向組にもなかなか使える、Fireworks最初の教則本としてふさわしいものだと思った次第。

気になる方は、チェックしてみてはいかがでしょうか？

デザインの学校これからはじめるFireworksの本〔CS6対応版〕

posted with amazlet at 13.02.22

#fc0 山本和泉藤川麻夕子
技術評論社
売り上げランキング: 200,140

Amazon.co.jpで詳細を見る

空き時間にドットインストールを見てると楽しいですね - linker journal

2013-02-21T10:10:01Z

みなさん、こんにちは、まーしーです。
最近は風呂での読書が楽しみになりつつあります。

ちょっとVPSまわりの設定を少し反復してやってみようと思ったので、「ドットインストール」を見てみました。

3分動画でマスターする初心者向けプログラミング学習サイト - ドットインストール
http://dotinstall.com/

さくらのVPSを触ったのでコチラのレッスンを見ました。

さくらのVPSの基礎 (全21回) - プログラミングならドットインストール
http://dotinstall.com/lessons/basic_sakura_vps

ドットインストールは知ってましたが、ちゃんと見たことはありませんでした。
今回いくつか見てみましたが、１つ１つが短いので、初めて触れる人にとっては凄く良さそうですね。

たとえば、Sublime Textの話とか、TwitterBootstrapの話とか

#01 Sublime Text 2とはなにか？ | Sublime Text 2の基礎 - プログラミングならドットインストール
http://dotinstall.com/lessons/basic_sublimetext/10501

Twitter Bootstrapの基礎 (全18回) - プログラミングならドットインストール
http://dotinstall.com/lessons/basic_twitter_bootstrap_v3

自分でダウンロードして触ってみればわかる物もあるでしょうが、こういう動画でどんな物なのかを知るのも悪くなさそうです。
空き時間になんとなく気になった物をちょっと見てみると楽しいですね。

Webの場合、Webにも英語、日本語の情報がありますし、本もありますし、こうやって動画もありますし。
色々な勉強手段があるので、挫折したらとりあえず他の方法を試してみると、つまづいたハードルはクリア出来るかもしれませんね。

検索結果内にエントリーの著者情報を出すように設定だけしておいた - linker journal

2013-02-11T07:00:00Z

みなさん、こんにちは、まーしーです
3連休はいかがお過ごしですか？次の連休はGWのようですね。

さて、検索結果での上位表示について、

Google会長エリック・シュミット、本人確認の取れた作成者のコンテンツをより上位に表示する | 海外SEO情報ブログ
http://www.suzukikenichi.com/blog/google-eric-schmidt-says-information-tied-to-verified-online-profiles-will-be-ranked-higher/

みたいな話もあるので、今更ですが設定しておこうとおもったのでテンプレートいじってみました。

この辺の情報についてはウェブマスターツールの方にもかいてありますね。

検索結果内の著者情報 - ウェブマスターツールヘルプ
http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=1408986

とりあえずなにも設定していない状況で、テストツールで試してみると

Google Structured Data Testing Tool
http://www.google.com/webmasters/tools/richsnippets

このような感じですね。

情報を入れていないので、こんな感じですね。
ということで、少し追加してみましょう。

HTMLにlinkを追加してGoogle+側でも設定を追加しておく

HTML側には

<link rel="author" href="https://plus.google.com/112387447202401710035" />

みたいなかんじで、Google+のプロフィールページで確認出来るID（数字のところ）を入れておきましょう。
あわせて、Google+のプロフィールの設定に「Contributor to」みたいなところがあると思うので、そこにサイトのURLを追加しておきます。

これを入れた状態で、再度テストツールにかけてみます。

このような感じで、画像などの著者情報が表示されましたね。

linker journalのように複数人で記事を書いてる場合は<$MTEntryAuthorUsername$>で条件分岐して直接いれるとか、<$MTEntryAuthorURL$>にGoogle+のURLを入れるとかすることでもいいかもしれませんね。

Google+ページでも問題なさそう

@crema,@taku-workとそれぞれGoogle+のプロフィールページがある場合はいいですが、企業のブログの場合、名前まで出さないなどで、ない場合もありそうです。
ということで、Google+ページとかでもいけるかどうかためしてみました。

linker.in のトップには特に指定してないので、何も表示されてないですね。

ということで、linker のGoogle+ページのiDを

<link rel="author" href="https://plus.google.com/115886449885491436878" />

このような感じで入れてみて、再度テストツールにて見てみます。

ということで、表示が確認出来ますね。
Google+のページに飛んだところでそこまで活用していないのではありますが、、、、

テストツールでは反映されてますが、実際の検索結果の方はすぐには反映されなさそうなので、気長に待ってみようと思います。

ということで、ちょろっと試してみたメモでした。

参考リンク

検索結果内の著者情報 - ウェブマスターツールヘルプ
http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=1408986
Google Structured Data Testing Tool
http://www.google.com/webmasters/tools/richsnippets
Google会長エリック・シュミット、本人確認の取れた作成者のコンテンツをより上位に表示する | 海外SEO情報ブログ
http://www.suzukikenichi.com/blog/google-eric-schmidt-says-information-tied-to-verified-online-profiles-will-be-ranked-higher/
Googleの著者情報を乗せたページがより検索結果の上位に表示されるようになるらしい | Film Goes With Net ネット館
http://another.hotakasugi-jp.com/2013/02/09/rel-authorseo/
rel="author" link要素で著者情報をGoogle検索結果に表示させる方法〜 WordPressプラグインあり | 海外SEO情報ブログ
http://www.suzukikenichi.com/blog/rel-author-link-element-to-display-your-authorship/
自分が管理しないサイトでもコンテンツ著者情報をGoogle検索に表示させる方法 | 海外SEO情報ブログ
http://www.suzukikenichi.com/blog/how-to-display-authorship-by-using-rel-author-parameter/
個人ブロガーなら今すぐ設定したい、著者情報(Authorship)が遂に日本のGoogleでも導入開始 | 海外SEO情報ブログ
http://www.suzukikenichi.com/blog/authorship-available-in-google-japan/

【2013年3月9日】金沢でWebサービスの裏舞台について話します。【WDF vol.8】 - linker journal

2013-02-08T17:36:43Z

お久しぶりです。@cremaです。

今日は、講演の告知をさせてください。

来る2013年3月9日（土）WDF vol.8という金沢の勉強会で、最初で最後な新ネタの講演をさせていただきます。

そのお題は「ソーシャル系Webサービスのつくり方　〜デザイナーとして、SNSの発言と位置情報を活用したWebサービス開発に関わる〜」というものです。

私がこういう話をするというのも、ちょっと珍しいでしょう。

せっかく講演のご依頼をいただいたので、いままでの繰り返しではなく新しいことをお話したくなり、主催のみなさまにお願いしたのです。

なんと言っても今年のテーマは「人生に飽きない工夫をしようかな。」ですのでね。

っで、何をお話するかというと、いま仕事の中で最も時間を割いて取り組んでいる「Webサービスの中の人業務」についてなのです。

実は私、アジャイルメディア・ネットワークさんという会社で週3回×5時間づつ、常駐のお仕事をさせていただいておりまして。

お仕事の内容は、自社開発Webサービスの企画段階から色々混ぜていただき、UIをデザインしたり、コーディングしたり、テストしたり、改善したり、何から何まで話し合ったりetc......。

ディレクターTさん＋エンジニアMさん＋デザイナー私という最小単位の3人組で、どのようにスピード感を持ってビジネスを動かしているか、という裏舞台をお話する予定なのです。

いわゆる「見た目のデザイン」についてのお話はとても少ないと思うのですが、「ビジネスとしてWebサービスを回すチームに、デザイナーとしてどう貢献するか」ということを、守秘義務の範囲内で事細かにお話させていただくつもりで準備を進めています。

少人数でのWebサービス開発に興味のある方には、色々面白いヒントを持って帰っていただけるように全力を尽くしますので、金沢方面のみなさま、よろしければ遊びにきてください。

もちろん、私以外の4人のみなさまのセッションも、超充実ですよ！　私はそっちが楽しみですw

女性向けECサイトコンバージョンアップ術　〜ECで利益を出す為に担当者が身につけたい3つの基本と応用〜: 株式会社ウォークスコミュニケーションズ Webデザイナー　古瀬美香さん
大規模サイトにおける本当は怖いCSSの話: 株式会社DMM.comラボ Webデザイナー　井上誠さん
韓国のICTとソーシャルメディアから学べるソーシャルWeb時代: 株式会社シーピーユー　金聖弼さん
パネルディスカッション: モデレータ：株式会社ウーマンスタイル　村中ゆかりさん

ということで、この講演を最後に、しばらく講演系のお仕事はお休みして充電予定のわたくし。滅多にしないお話になると思いますので、ぜひいらしてくださいませ！

（あ、各種ソフトウェアの講師仕事はもちろん続けますが、人前で講演するのはちょっとネタ切れの感があるので、しばし仕込みの期間に入るということで、よろしくお願いいたします。当分じっくりネタ貯金します！）

『ウェブ配色決める! チカラ』の刊行記念イベントでコミュニケーションについて考えてきたいと思います - linker journal

2013-02-07T11:00:00Z

みなさん、こんにちは、まーしーです。
週2回、継続的にblog書いてるとなんてことないのですが、少しでも休んでしまうとなかなか書けないもんですね。

さて。
来週の2月14日に『ウェブ配色決める! チカラ』の刊行記念イベントがあるというのでそちらに行ってみようかな、と思っています。

坂本邦夫著「ウェブ配色決める！チカラ」刊行記念イベント　2月に東京・名古屋・大阪で開催　−株式会社ワークスコーポレーションブログ
http://www.wgn.co.jp/store/blog/item-1285.html

【東京】坂本邦夫「ウェブ配色決める！チカラ」刊行記念セミナー
https://www.facebook.com/events/457576377624342/

ウェブ配色決める! チカラ - 問題を解決する色彩とコミュニケーション

坂本邦夫
ワークスコーポレーション ( 2013-02-13 )
ISBN: 9784862671394

mersy's bookshelfで詳細を見る

普段の制作案件でこの辺の提案をしたり、決めることが最近少なかったりはしますが、時々、色の話とかを見聞きするとそれ個人の好みだよね、と思うことが多いです。
個人的にもその様に主観で言ってるだけのこともあるなー、と反省することもあるのでこのイベントを通じて少し考えてきたいな、と思っています。

明日は大阪、明後日が名古屋で、開催されるようですね。

linker

hara19.jp管理人が作ったパンケーキだらけのサイト「東京パンケーキ速報」 - linker journal

Adobe Illustrator CCとPhotoshop CCの新機能をいくつかピックアップ - linker journal

Adobe Illustrator CCの新機能いくつか

文字タッチツール

囲み罫を作りやすくなったブラシ

CSSの書き出し機能の強化

エリア内文字とポイント文字を瞬間切換え

全体的なIllustrator CCの紹介ビデオ

Photoshop CCの新機能いくつか

「ぶれの軽減」で手ぶれ写真をシャープに補正

スマートシャープ機能の刷新

Camera Rawをフィルターメニューとして使用

雑感

4月20日はMTCafe Tokyo 2013 Springです - linker journal

【満員御礼】「仕事でちょこっと使えるPhotoshop講座」で喋ります。 - linker journal

WDF vol.8＠金沢にて「ソーシャル系Webサービスのつくり方」というお題で話してきました。 - linker journal

LivePreviewTemplateとMTML CompletionsでMTMLの編集作業を効率化 - linker journal

ローカルで編集中のMTMLをプレビューできるLivePreviewTemplate

MTMLの編集環境を徐々に改良していきたいと思います

ポッドキャスト上手くなりたい。 - linker journal

藤本さんの新著『改訂新版 スタイルシート ポケットリファレンス 〔CSS3対応〕』プレゼントキャンペーンが開催されています - linker journal

(Power) MTML CompretionsでMTタグのフォーマットを指定出来るようになりました - linker journal

Packageのupgrade方法

設定方法

接頭辞の設定方法【mtml_prefix】

ファンクションタグの書式を変更方法【mtml_function_tag_type】

関連リンク

Sublime Text 2でMTタグ、PowerCMSのタグを補完できるPackageを作成しました #powercms #movabletype #st2 - linker journal

MTタグの入力補完ができるMTML Completions

MTタグ

モディファイア

PowerCMSのタグを補完するPowerMTML Completions

PowerCMSのタグ

ということで

「デザインの学校 これからはじめるFireworksの本 〔CS6対応版〕」レビュー - linker journal

空き時間にドットインストールを見てると楽しいですね - linker journal

検索結果内にエントリーの著者情報を出すように設定だけしておいた - linker journal

HTMLにlinkを追加してGoogle+側でも設定を追加しておく

Google+ページでも問題なさそう

参考リンク

【2013年3月9日】金沢でWebサービスの裏舞台について話します。【WDF vol.8】 - linker journal

『ウェブ配色 決める! チカラ』の刊行記念イベントでコミュニケーションについて考えてきたいと思います - linker journal

藤本さんの新著『改訂新版スタイルシートポケットリファレンス〔CSS3対応〕』プレゼントキャンペーンが開催されています - linker journal

「デザインの学校これからはじめるFireworksの本〔CS6対応版〕」レビュー - linker journal

『ウェブ配色決める! チカラ』の刊行記念イベントでコミュニケーションについて考えてきたいと思います - linker journal