15 years ago

2010年12月にインプレスジャパンから『jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践』が発売になりました。
著者は、西畑一馬さん、中村享介さん、徳田和規さんの3名。jQueryの知識&テクニックを121項目にわたって解説。基本構文から、プラグインの活用・作成、イベント処理、多彩なフォームやアニメーションの実現、さらにはiPhone/iPadサイト作成まで網羅した書籍です。
1月22日開催のLP13にご参加の方に、抽選(またはジャンケン)でプレゼントします。

15 years ago

2011年1月25日を皮切りに、全国8会場にてSocial Top Runners 2011WINTERが開催されます(主催:ハッチアップ)。
ソーシャルアプリ・スマートフォンアプリ業界に興味をお持ちの方を対象にした無料イベントとのことです。
日本国内の主要なソーシャルアプリ開発企業、ソーシャルプラットフォーム企業をお呼びして、全国の開発エンジニアや企画クリエイティブ職の方々に対して、ソーシャルアプリ、スマートフォンアプリ市場の魅力をお伝えします。

15 years ago
2010年7月24日、ベルサール飯田橋で開催したCSS Nite LP, Disk 10「SEOの棚卸し」のフォローアップ(スライド、音声、メッセージ)などをシェア(公開)します。
CSS Niteの有料版は、90日以降をメドに参加されていない方にも公開しています。
参加された方のレビューなどは終了エントリーをご覧ください。

CSS Nite LP, Disk 10「SEOの棚卸し」は、(写真左の)安田 英久さん(Web担当者Forum 編集長、インプレスビジネスメディア)、および、住 太陽さんのコーディネートで出演者、講演内容を決定しました。
お忘れもの

会場に黒い帽子のお忘れものがありました。フォローアップメール、および、CSS Nite公式サイトにてお声がけしましたが、また、持ち主が見つかりません。心当たりのある方はご連絡ください。
アンケート集計
あなたのことを教えてください。
性別
- 男性:181人(58.8%)
- 女性:117人(38.0%)
- 無回答:10人(3.2%)
年齢
- 10代:0人(0.0%)
- 20代:76人(24.7%)
- 30代:169人(54.9%)
- 40代:47人(15.3%)
- 50代以上:8人(2.6%)
- 無回答:8人(2.6%)
勤務
- Web制作会社に勤務:93人(30.2%)
- ECサイト運営担当者:17人(5.5%)
- 企業のWeb担当(自社サイト運営):95人(30.8%)
- 一般企業に勤務:31人(10.1%)
- フリー:37人(12.0%)
- 学生:0人(0.0%)
- 求職中:6人(1.9%)
- その他:34人(11.0%)
- 無回答:17人(5.5%)
仕事
- Webデザイン全般:83人(26.9%)
- 主にマークアップ:49人(15.9%)
- 主にプログラミング:17人(5.5%)
- ディレクション:67人(21.8%)
- SEO/SEM:59人(19.2%)
- ほぼ全部:50人(16.2%)
- 主にデザイン:15人(4.9%)
- マーケティング:37人(12.0%)
- 営業:12人(3.9%)
- コンサルティング:25人(8.1%)
- 広告関係:13人(4.2%)
- 企業のWeb担当者:28人(9.1%)
- 会社経営:17人(5.5%)
- その他:10人(3.2%)
- 無回答:27人(8.8%)
CSS Niteへのご参加
回数
- はじめて:116人(37.7%)
- 2、3回:74人(24.0%)
- それ以上:112人(36.4%)
ご参加:
- アップルストア銀座にて参加:91人(29.5%)
- 有料版に参加(CSS Nite LP、Web標準の日々など):142人(46.1%)
- 地方版に参加:17人(5.5%)
- LP9「Coder's Higher」にも参加した:52人(16.9%)
- 無回答:6人(1.9%)
SEOへの取り組みについて教えてください。
受注側
- SEOをメインに業務:30人(9.7%)
- 業務の一部でSEOに取り組んでいる:116人(37.7%)
- かじっている程度:67人(21.8%)
- その他:6人(1.9%)
発注側
- 業務の一部で自社サイトのSEOに取り組んでいる:79人(25.6%)
- その他:11人(3.6%)
- 無回答:23人(7.5%)

15 years ago

2010年7月24日、ベルサール飯田橋で開催したCSS Nite LP, Disk 10「SEOの棚卸し」のフォローアップとして、安川 洋さん、大内 範行さん(ともにアユダンテ)の『SEO実践 あなたのサイトを診断・改善!』のスライドとメッセージをシェアします。
大内さんとはステージの右と左で掛け合いで講演いただきました。


15 years ago

2010年7月24日、ベルサール飯田橋で開催したCSS Nite LP, Disk 10「SEOの棚卸し」のフォローアップとして、住 太陽さん(ボーディ)の『サイトオーナーが自分で行う被リンク構築』のスライドとメッセージをシェアします。
質疑応答の代わりに、アンケートでいただいた質問のお答えいただきました。
- Q: オーナーのリテラシー不足によるブログ炎上のリスクはどう考えるべきか?
- A: 中小企業のブログでWeb全体を揺るがすような炎上を起こすのは狙っても無理です。せいぜいボヤ程度が関の山ですので、心配する前に動きましょう。大炎上して初めて一人前のブログ、くらいに考えてもよいかもしれません。
- Q: 大企業などのように、関係部署との調整などが難しく、自由なブログ運営は難しいクライアントへの対処は?
- A: 業界トップのクライアントをお持ちなら仕方がないと思います。もしトップでないなら、業界トップ企業よりも軽いはずのフットワークを活かしてください。事業規模はトップではないが頭の固さは業界トップのクライアントだということであれば、ご愁傷様ですとしか言いようがありません。
- Q: ブログをオリジナルドメインで運営するという話がありましたが、アメブロなどで運営する方がよいのでは?
- A: 運営初期の場合には、確かに無料ブログの様々な機能はトラフィック誘導やモチベーション維持の意味で魅力的です。しかし、無料ブログでは自サイトのドメイン信頼度に寄与しないことは留意すべきでしょう。
- Q: 個人ブログなど大きなトラフィックを見込めない相手と対話するなら、相当多くの相手が必要ですか? またその効果は?
- A: 継続することが重要なので、範囲は無理のない程度で十分です。なお効果については一概に言えませんが、わずかな施策でもかなりの効果があります。ナチュラルなディープリンクの強さがわかると、やめられなくなりますよ。
- Q: ブログのコメント欄を使用した対話手法はコメントスパムになるのでは?
- A: コメントの内容によってはスパムになるかもしれません。当然ですがスパムは逆効果ですので、この手法は使用すべきではありません。
- Q: 複数の事業部がある場合、1つの会社で複数のブログを運営することの是非は?
- A: ケースバイケースですが、想定読者層が明確に異なるのであれば、複数運営もよいかもしれません。
- Q: Web担当者が広報を兼任しているなど忙しすぎるケースの対処は?
- A: ステークホルダーに直接リーチできるWeb上での活動は、広報や渉外や営業や宣伝の業務の中でも、今後は確実に主要な位置を占めるはずです。もしそれでもWeb上での活動は重要ではないというなら、そのクライアントと付き合う意味そのものを考え直すべきかもしれません。また、成功している企業ブログのほとんどは社長が書いているという点にも留意すべきです。最も忙しいはずの人こそ、最も適任だということです。
- Q: 現状すでに独善的で高慢な社長ブログを運営している場合の改善方法は?
- A: なかなかブログが続かない社長が多数派であることを踏まえれば、どんなブログであろうと、続いているのであれば素晴らしいことです。過去の良かったエントリを褒めるなどすれば、いい方向に向くのではないかと思います。
- Q: コメント欄やトラックバック欄を閉じているブログとの対話の方法は?
- A: 冷たい言い方をすれば、対話を拒否しているような姿勢のブログに話しかけるのは時間の無駄です。一方、より社交的なブログを狙って話しかけるのはとても有効です。

15 years ago
15 years ago
15 years ago
15 years ago
15 years ago

2010年7月24日、ベルサール飯田橋で開催したCSS Nite LP, Disk 10「SEOの棚卸し」のフォローアップとして、権 成俊さん(ゴンウェブコンサルティング)の『Web制作者が知るべきSEO視点からのサイト設計とワークフロー』のスライドとメッセージをシェアします。
メッセージ
ご参加の皆さま
昨日はありがとうございました。私のセッションは制作会社向けでしたので、それ以外の方には退屈させてしまったようです。なにぶん人数の多いイベントでスピーカーも多くおりますので、テーマごとに対象者がバラけることはご容赦ください。しかし、高評価の感想もいただき、大変嬉しく思います。
以下、いただいたご質問、ご意見にお答えいたします。
- Q.5-6年前と現在のSEOの違いは?
- A.5-6年前と言えばYahoo!Japanがロボット型に変わったころ、つまり日本でSEOが一般的になってきたころですが、SEOの重要要素は変わっていないと思います。ただ、重要度の比重、バランスが変わってきました。また、ややグレーな手法を使っている方にとっては多くのフィルターで対策が難しくなっていると思います。また、Yahoo!Jananの対策については当初はシンプルなアルゴリズムに見えましたので、簡単な対策で結果が出ましたが、最近はなかなかそのように行かず、設計と実装よりもその後の結果の解析とチューニングに時間がかかるようになっています。 Googleについては被リンクのグレーな手法が大分排除されてきたので、いわゆる内部SEOが効果的になっているように思います。
- Q.キーワード選定の方法についてもう少し詳しく
- A.新規サイトの制作ではキーワード選定は市場規模の調査からかなり時間をかけてやりますので説明が難しいのですが、リニューアル案件ではGoogle Analyticsから始めることが多いです。しかし、オーガニック検索(SEO)だけで誘導できている母数は少ないので、より網羅するためにキーワード調査のためにリスティング広告をテスト出稿します。豊富なキーワードで出稿し、滞在時間とインプレッション数などを目安に質と量の両面で効果的なキーワードをリストアップします。そのキーワードのリストからサイト設計を行い、スモールキーワードが大量に出る場合はキーワード辞典が他のコンテンツを作るなどの方法を使って誘導数を稼ぎます。
- Q.出現率を上げるのは効果ある?
- A.ご説明不足でしたが、Yahoo!Japanでは効果があると思います。出現率についてはGoogleを中心としたSEOを行う海外では効果が無いという意見が一般的ですが、当社のSEO実績では昨日、今日でもYahoo!Japanでは効果があがっています。また、検索エンジンのページのテーマ分析の方法として、一定の評価を与えるのは妥当だと思います。もちろん、キーワードを出来るだけ詰めこめ、という意味ではなく、1000単語に対して数語の場合と、数十語の場合で効果が違う、という意味です。実際は競合のサイトの中でもっとも出現率が多いページを参考出現率と考え、それに近い幅の中で極大値を探すという作業を行います。実際に調整するのはキーワードを追加するのではなく、削ってテーマを"浮き彫り"にするやり方です。不自然なくらい追加していくとペナルティを受けることが多いためです。しかし、当社では他の要素も含めた対策の中で行っておりますので、他の要素との複合的な効果もあるかもしれませんから、同じような実験をしても再現性が無いと言う方もおられるのかもしれません。SEOの要素については判断が難しいですね。
- Q.ナビゲーションを削除する効果はテキストの出現率ではなくリンクジュース流出の防止効果?
- A.当社でSEO的な効果が見られているのはYahoo!Japanです。そこまで厳密なリンク流出のマイナス効果は無いと思っています。また、当社の回避方法として、テキストナビを画像化することでSEO効果を向上させていました。その点でもリンク流出の効果では無いと考えました。
- Q.amazonインテリアページのタイトルが長いのはOK?
- A.インテリアページではキーワード:ページ=1:1設計では無く、多:1設計になっているということです。1キーワード(キーフレーズ)あたりの点数が減るため、SEO的にはベストでは無いですが、インテリアのような商品では検索訪問キーワードが複数のバリエーションに渡ることを考えると、1:1設計はなじまず、コスト等の兼ね合いもあって多:1設計にすることがあります。しかし、それは競合サイトも同じであり、自然とSEOの競合度が低くなりますから、多:1設計でも十分に上位に出せると言うことです。特にamazonの場合は十分に。このあたりは競合の設計を見てどのくらい点数を集中させれば勝負できるかを判断する応用力が必要になりますね。

15 years ago
15 years ago

2010年6月5日、ベルサール九段で開催したCSS Nite LP, Disk 9.2(reprise)のフォローアップとして、高津戸 壮さん(ピクセルグリッド)の『CSS3 for tomorrow』のスライドとメッセージをシェアします。
メッセージ
CSS3 FOR TOMORROW -後編:CSSアニメーション-をご拝聴頂き、ありがとうございます。
ご回答頂いたアンケートを拝見するに、JavaScriptが頻繁に出てきていたため、その場で完全に理解できたという実感を持って頂けなかったかもしれないなと少し感じています。
スライドの中で紹介したサンプルでは、:hoverを使って何か変化を起こしているものを多く用意させていただきましたが、実際、CSSアニメーションが利用できるようになった環境を想像してみると、現在FlashやSilverlightが担っている役割をCSS+JavaScriptで行うことが多くなっていきそうです。
そのような状況では、JavaScriptとCSSアニメーションの組み合わせが非常に強力なものとなっていきます。
CSSアニメーションに興味を持って頂けた方は、これと合わせ、JavaScriptが一緒に使えるようになると、できることが一気に増えますので、是非JavaScriptについてもご興味をもって頂ければと存じます。
CSSアニメーションの仕様および、スライドの中で紹介したiPad用widgetが紹介されているURLは以下になります。

15 years ago

2010年6月5日、ベルサール九段で開催したCSS Nite LP, Disk 9.2(reprise)のフォローアップとして、西畑一馬さん(to-R)の『jQueryの基本』のスライドとメッセージをシェアします。
メッセージ
「jQueryの基本」のセッションを担当したトゥーアールの西畑です。
前半のCSS3のセッションやjQueryのセッションに共通して言えることですが、マークアップエンジニアに求められるスキルは大きく変わりつつあります。
従来の静的な絵をHTMLに変換するスキルから、動きを利用して「使いやすさ」や「気持ちよさ」をデザインするスキルが求められるようになってきています。
これはある意味「Webらしさ」を演出できる環境が整いつつあるということです。
ぜひ、表現の一つの手段としてjQueryを学んでいっていただけたらと思います。
アンケートでいただいた質問への回答や、参考サイトなどをブログに書きましたのでそちらも参考にしてただけたらと思います。
フォローアップエントリー
最後になりましたが、ご拝聴ありがとうございました。
補足
jQueryを勉強されたい方は、西畑さんの著書をチェックしてみてください。

15 years ago

2010年5月29日、ベルサール新宿で開催したDreamweaver Town Meeting in Tokyoのフォローアップとして、森 和恵さん(r360studio)の『Dreamweaverで管理するMovable Typeテンプレート』のメッセージと補足資料をシェアします。
メッセージ
大喜利2番で[Dreamweaverで管理するMovable Typeテンプレート]を担当の森和恵です。ご静聴ありがとうございました。こちらにフォローページをご準備いたしましたのでご活用ください。
当日のデータに加えて、ロングバージョンとして、詳細な解説の動画も加えて公開しています。※30分近くの動画になっちゃいました。すみません。
「早すぎてわかんなかったよ!!!」という方は、もっとゆっくり説明してますので、どうぞ。
「内容が初級過ぎて、つまんなかったよ!」という方は、共有部分をDwライブラリ化後に更に活用する機能を紹介しました。(<$mt:Include$>とかPHPモジュール化機能)※それも知ってるよ!という方は…力不足ですみません。(汗)
また、何かの機会でお会いできましたら幸いです。これからも、ステキな"Dreamweaverライフ"をお過ごし下さい。

15 years ago

2010年5月29日、ベルサール新宿で開催したDreamweaver Town Meeting in Tokyoのフォローアップとして、國分 亨さん(dreamseeker)の『コードヒントをカスタマイズして、スタイル定義を効率化しよう!』のスライドとメッセージをシェアします。
メッセージ
Dreamweaver Town Meeting in Tokyoに参加いただいたみなさん、長丁場ということもあり、本当にお疲れ様でした!
いつもなら「参加者」な自分。大喜利形式の限られた時間の中で、うまくご説明できたかな?と不安に思いつつ、アンケートでいただいたコメントを見て、泣きそうになりました。はい。少しでもお役に立てたなら、嬉しいです。
セッション内でご覧いただいた通り、コードヒントはシンプルなXMLファイルがベースになっていますので、配布されているCodeHints.xmlを利用しつつ、使いやすいようにカスタマイズしてみてくださいね!
ブログにて、CS4/CS5向けのCodeHints.xmlを公開しました。よかったら、ご確認ください。

15 years ago

2010年5月29日、ベルサール新宿で開催したDreamweaver Town Meeting in Tokyoのフォローアップとして、湯口 りささん(RsStudio)の『Fireworksではじめる快適CSS Spriteライフ』のスライド、補足資料、ムービーをシェアします。
メッセージ
Dreamweaver Town Meeting in Tokyoにご参加いただいたみなさま、お疲れ様でした!
7分にまとめきれず、焦点のぼやけたセッションになってしまいましたが多少でも面倒なCSSスプライトを使ってみよう!という切っ掛けになれば嬉しいです。
セッションで説明できなかった「売り」部分がいっぱいありますので、ダウンロード&補足動画を見ていただければ幸いです。
CSSスプライトは画像置換のテクニックを使っていることが多く、HTMLやCSSの構造によるSEO的なペナルティやブラウザ対応は使用するCSS依存です。CSS Sprite ExtensionはCSSをテンプレートで制御できるので、目的にあったCSSを探してご利用ください。

15 years ago

2010年5月29日、ベルサール新宿で開催したDreamweaver Town Meeting in Tokyoのフォローアップとして、岡部 和昌さん(ヤフー)の『Dreamweaver x Zen-coding』のスライド、補足、メッセージをシェアします。
メッセージ
7分間という短い時間でしたが、少しでも「Zen-codingをさわってみたい」と思って頂けたら光栄です。もちろん無料ですし、入れておいて損はない拡張機能だと思っております。Dreamweaverの機能と併せることでコーディングの効率が非常に良くなります。
またZen-coding興味がある方は@kzms2(http://twitter.com/kzms2)宛にメッセージなどを送ってもらえれば出来る範囲でお答えなどしたいと思います。Dreamweaver Town Meeting in Tokyoに参加してくださった皆様、ありがとうございました。
補足

岡部和昌さんとこもりまさあきさんの執筆による『HTML+CSSコーディングが10倍速くなるZen Coding』がインプレスジャパンから2010年12月に刊行されました。

15 years ago

2010年5月29日、ベルサール新宿で開催したDreamweaver Town Meeting in Tokyoのフォローアップとして、山田 恵理子さん(Webridge Kagawa)の『Microsoft OfficeからのデータコンバートTIPS』のスライド、補足、メッセージをシェアします。
メッセージ
Dreamweaver Town Meeting in Tokyoにご参加いただいたみなさん、お疲れ様でした。大人の事情で【ギャル男キャラ】でプロフィールが表に出ることになり、なんだコイツは!と思われたかもしれません。にもかかわらず、温かくご清聴いただいたことに感謝しております。今回作成した拡張機能、ぜひぜひ使ってみてください。気になる点や要望などがありましたら遠慮なくFBくださいませ!本当にありがとうございました!
Dreamweaver Town Meeting in Tokyoに参加いただいた皆さま、お疲れ様でした!
原稿をコーディングするのって、単純作業なのに案外面倒なこと。それをExcelで計算式を作ったり、Wordでのスタイル設定などで少しでも仕組み化することで、作業時間が短縮できて他のクリエイティブな業務の時間を確保できるのではないかな、と思います。
7分という時間の中でうまくお伝えできたかな、と不安でしたが皆さまのアンケートを拝見してホッとしております。本当にありがとうございました!

15 years ago

2010年5月29日、ベルサール新宿で開催したDreamweaver Town Meeting in Tokyoのフォローアップとして、渕上 伸吾さん(カヤック)の『Dreamweaverの拡張機能を作ってみる(入門編)』のスライドとメッセージをシェアします。
メッセージ
Dreamweaver Town Meeting in Tokyoにご参加いただいたみなさん、お疲れ様でした。
大人の事情で【ギャル男キャラ】でプロフィールが表に出ることになり、なんだコイツは!と思われたかもしれません。にもかかわらず、温かくご清聴いただいたことに感謝しております。
今回作成した拡張機能、ぜひぜひ使ってみてください。気になる点や要望などがありましたら遠慮なくFBくださいませ!本当にありがとうございました!

15 years ago

2010年6月5日、ベルサール九段で開催したCSS Nite LP, Disk 9.2(reprise)のフォローアップとして、とみた ちひろさん(Lady Beetle Design)の『HTML5ってなに?CSS3ってなに?』のスライドとメッセージをシェアします。
メッセージ
自作フォントに対してのご感想など、ありがとうございました!ソースなどは少し見えづらかったようで、今後の参考にさせていただきます。
CSS3になっていろいろできるようになりますが、このセッションの内容だけでもだいぶ効率はあがるのではないかと思います。
内容的にはライトなものですが、見て楽しんでもらえていたら何よりです。
フォント作成で使用したツールです。手書き文字をスキャナで読み込み後、1文字ずつコピペ作業。ビットマップをコピーしてOTEdit上にペーストすると、自動的にパス化されるので、その後微調整をしていきます。詳しくはまたブログにアウトプットしていきます。
フォントについては、福田さんのフォローアップとあわせて復習いただくとわかりやすいと思います!
Viva, CSS3!

「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント。都内のほか、大阪、名古屋、青森、福岡、沖縄、秋田、札幌、福井、仙台、福島、広島、新潟、京都でも開催。 Movable Type Pro 4.23-ja
CSS Nite公式サイト フィード を購読