<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>src.7438.com &#187; Webデザイン</title>
	<atom:link href="http://src.7438.com/category/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/feed/" rel="self" type="application/rss+xml" />
	<link>http://src.7438.com</link>
	<description>WordPressを使ったメモちょう。</description>
	<lastBuildDate>Mon, 23 Aug 2010 14:49:54 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/category/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/feed/" />
		<item>
		<title>Tumblrのテーマを変えてみよう</title>
		<link>http://src.7438.com/2009/07/11/tumblr-theme/</link>
		<comments>http://src.7438.com/2009/07/11/tumblr-theme/#comments</comments>
		<pubDate>Sat, 11 Jul 2009 03:20:15 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Tumblr]]></category>
		<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[カスタマイズ]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=177</guid>
		<description><![CDATA[Tunblrには、ネットで見つけたきれいな画像や、2chの面白かった書き込みをスクラップして、あとからまとめて眺めたりしているのですが、標準で用意されているテーマの他に、いろいろなユーザーが作成したテーマが配布されている [...]]]></description>
			<content:encoded><![CDATA[<p>Tunblrには、ネットで見つけたきれいな画像や、2chの面白かった書き込みをスクラップして、あとからまとめて眺めたりしているのですが、標準で用意されているテーマの他に、いろいろなユーザーが作成したテーマが配布されているので、探してみました。<br class="spacer_" /></p>
<h3>Tumblrのテーマを探せるサイト・記事</h3>
<p><a href="http://tumblrthemes.com/">Tumblr Themes[http://tumblrthemes.com/]</a></p>
<p><a href="http://src.7438.com/wp-content/uploads/2009/07/Tumblr-Themes1.jpg"><img class="alignnone size-medium wp-image-181" title="Tumblr Themes[http://tumblrthemes.com/]" src="http://src.7438.com/wp-content/uploads/2009/07/Tumblr-Themes1-300x205.jpg" alt="Tumblr Themes[http://tumblrthemes.com/]" width="300" height="205" /></a></p>
<p>ヘッダーで困った様子のおにいさんが気になるサイト。<br />
 ブログ記事と同じ形式で、大きめのサムネイルと一緒にいろいろなテーマが紹介されています。最終更新日が去年で終わっているので、最近はあまり更新されていないのでしょうか。</p>
<p><a href="http://customthemes.tumblr.com/">Tumblr Themes[http://customthemes.tumblr.com/]</a></p>
<p><a href="http://src.7438.com/wp-content/uploads/2009/07/Tumblr-Themes2.jpg"><img class="alignnone size-medium wp-image-182" title="Tumblr Themes[http://customthemes.tumblr.com/]" src="http://src.7438.com/wp-content/uploads/2009/07/Tumblr-Themes2-300x204.jpg" alt="Tumblr Themes[http://customthemes.tumblr.com/]" width="300" height="204" /></a></p>
<p>上のサイトと同じタイトルなのですが、こちらはサイトそのものもTumblr.を使っていますね。<br />
 サムネイルつきで、カラム、色、レイアウトなどのタグづけがされています。<br />
 グラフィックが凝っていてきれいなテーマが多いです。</p>
<p><a href="http://mashable.com/2009/01/26/tumblr-themes/">20 Beautiful Tumblr Themes</a></p>
<p>美しいテーマ20選ですね。私はこの中にある”<a href="http://thisisnotatemplate.tumblr.com/" target="_blank">This Is Not A Template</a>”を使っています。<br />
 すっきりしていて、見やすいものが多い印象です。</p>
<p><a href="http://thumlog.com/6-cool-tumblr-blog-theme-design">6 cool tumblr blog theme design | Make A Blog</a></p>
<p>こちらの記事では、アナログ・手書き風のテーマが6種類紹介されています。<br />
 パステルカラーのものや、ノート、レポート用紙をモチーフにしたものがピックアップされています。女性におすすめかも。</p>
<p><a href="http://www.geekbe.com/tumblr/710.html">Tumblrのテーマを変更しよう！テーマサイト16ピックアップ！ | GeekBe（ギークビー）</a></p>
<p>こちらでは16種類のテーマを紹介。<br />
 冒頭で、テーマの変更のしかたについて手順の説明も書かれています。</p>
<h3>Tumblrのテーマを編集する方法</h3>
<p>1. ダッシュボード右側にあるリストから、Customizeをクリックして編集画面に移動します。</p>
<p><a href="http://src.7438.com/wp-content/uploads/2009/07/20090711Custamize_Tumblr1.jpg"><img class="alignnone size-medium wp-image-184" title="Tumblrのテーマを編集する方法" src="http://src.7438.com/wp-content/uploads/2009/07/20090711Custamize_Tumblr1-300x139.jpg" alt="Tumblrのテーマを編集する方法" width="300" height="139" /></a></p>
<p>2. ページ上部にナビゲーションバーがあって、そこから色々なカスタマイズができます。</p>
<p><a href="http://src.7438.com/wp-content/uploads/2009/07/20090711Custamize_Tumblr2.jpg"><img class="alignnone size-medium wp-image-185" title="Tumblrのテーマを編集する方法" src="http://src.7438.com/wp-content/uploads/2009/07/20090711Custamize_Tumblr2-300x128.jpg" alt="Tumblrのテーマを編集する方法" width="300" height="128" /></a></p>
<ul>
<li>Info &#8211; あなたのTumblrページのタイトルと概要、アイコンの変更と、オリジナルURLの設定ができます。</li>
<li>Theme &#8211; クリックするとソースコードが表示されるので、テーマのHTMLを編集するのは、この画面でおこないます。CSSもすべてこの中に記述するようです。<br />
 （自分のサーバーに置いておいて、外部ファイルとして読み込みもできるのかな？）</li>
<li>Appearance &#8211; ページの配色を決める部分です。背景色、見出し、テキストカラー、リンクの色などが設定できます。</li>
<li>Feeds &#8211; twitterやYouTubeなど、外部Webサービス情報と、自分で指定したRSSフィードの取り込みができます。</li>
<li>Advanced &#8211; タイムゾーン、カスタムCSSの記述欄、1ページあたりの表示数の設定や、リンクを新しいウインドウで開くかどうかなど、詳細設定ができます。</li>
</ul>
<p>3. 設定が終わったら、右上の保存ボタンを押してページの表示を確認します。</p>
<p><a href="http://src.7438.com/wp-content/uploads/2009/07/20090711Custamize_Tumblr3.jpg"><img class="alignnone size-medium wp-image-186" title="Tumblrのテーマを編集する方法" src="http://src.7438.com/wp-content/uploads/2009/07/20090711Custamize_Tumblr3-300x128.jpg" alt="Tumblrのテーマを編集する方法" width="300" height="128" /></a></p>
<p>4. これでカスタマイズは終了です。<br />
 テーマによってはHTML内に自分でリンク先などを記述する必要があるので、、再度抜けていないかチェックしたほうが良いかもしれませんね。<br class="spacer_" /></p>
<h3>Tumblrのカスタマイズに参考になりそうな記事</h3>
<p>その他、自分でもいろいろ付け足したり、オリジナルテーマを作る時に参考になりそうな記事をいくつかピックアップしました。</p>
<ul>
<li><a href="http://blog.creamu.com/mt/2009/01/tumblr20.html">かっこいいTumblrテーマ20選 | CREAMU</a></li>
<li><a href="http://hitoxu.com/0301">Tumblrのテーマを探せるサイト「Tumblr Themes」 &#8211; ひとぅブログ</a></li>
<li><a href="http://journal.mycom.co.jp/series/tumblr/menu.html">【連載】『Tumblr』のおさらい | ネット | マイコミジャーナル</a></li>
<li><a href="http://www.tumblr.com/docs/custom_themes">Creating a custom HTML theme | Tumblr</a>（公式カスタマイズガイド）</li>
</ul>
<p>ちなみに私のTumblrは<a href="http://takako.tumblr.com/">こちら</a>ですが、あまり他の人が見ても役に立たないと思います。<br />
 でも、それが面白いのかも知れませんね。私も他の人のポストを見ておおーって思ったりしますし。<br />
Followはご自由にどうぞ。</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/07/11/tumblr-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/07/11/tumblr-theme/" />
	</item>
		<item>
		<title>iphone/iPod touch向けWebサイトの作り方を調べました</title>
		<link>http://src.7438.com/2009/07/05/iphone/</link>
		<comments>http://src.7438.com/2009/07/05/iphone/#comments</comments>
		<pubDate>Sun, 05 Jul 2009 03:20:00 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[仕様]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=161</guid>
		<description><![CDATA[iPhoneやiPod touch（私はiPod touchユーザーです）向けのWebサイトを作る仕事はまだやったことがないのですが、急にやることになっても大変な思いをしないように、どうやったら作れるのか、調べてみました [...]]]></description>
			<content:encoded><![CDATA[<p>iPhoneやiPod touch（私はiPod touchユーザーです）向けのWebサイトを作る仕事はまだやったことがないのですが、急にやることになっても大変な思いをしないように、どうやったら作れるのか、調べてみました。</p>
<h3>iPhone向けホームページのHTML仕様</h3>
<p>HTML4.01、XHTML1.0のに対応、CSSは2と3の一部に対応しているそうです。<br />
また、画像フォーマットは、GIF、JPEG、PNGとTIFFにも対応していますが、一部サイズに制限がフォーマットもあるので、制作時には注意が必要です。</p>
<p>その他、UAなどの仕様を記載しておきます。</p>
<table border="0" cellpadding="2">
<tbody>
<tr>
<td>画面</td>
<td>3.5インチTFT液晶</td>
</tr>
<tr>
<td>表示サイズ</td>
<td>320×480px</td>
</tr>
<tr>
<td>iPhoneのUA</td>
<td><span>Mozilla/5.0</span> <span>(iPhone;</span> <span>U;</span> <span>CPU</span> <span>iPhone</span> <span>OS</span> <span>3_0</span> <span>like</span> <span>Mac</span> <span>OS</span> <span>X;</span> <span>ja-jp)</span> <span>AppleWebKit/528.18</span> <span>(KHTML,</span> <span>like</span> <span>Gecko)</span> <span>Version/4.0</span> <span>Mobile/7A341</span> <span>Safari/528.16<br />
 ※OS3.の場合<br />
 </span></td>
</tr>
<tr>
<td>iPod touchのUA</td>
<td><span>Mozilla/5.0</span> <span>(iPhone;</span> <span>U;</span> <span>CPU</span> <span>iPhone</span> <span>OS</span> <span>3_0</span> <span>like</span> <span>Mac</span> <span>OS</span> <span>X;</span> en-us) <span>AppleWebKit/528.18</span> <span>(KHTML,</span> <span>like</span> <span>Gecko)</span> <span>Version/4.0</span> <span>Mobile/7A341</span> <span>Safari/528.16<br />
 ※OS3.0の場合</span></td>
</tr>
<tr>
<td>
<p>HTML</p>
</td>
<td>HTML4.01またはXHTML1.0</td>
</tr>
<tr>
<td>CSS</td>
<td>
<p>CSS2.1とCSS3の一部に対応</p>
</td>
</tr>
<tr>
<td>Javascropt</td>
<td>ECMAScript（実行時間は10秒未満）<br />
 window.print()とwindow.show<span>ModalDialog()は使えません</span></td>
</tr>
<tr>
<td>DOM</td>
<td>DOM2、XMLHttpRequestを含むAjax</td>
</tr>
<tr>
<td>画像フォーマット</td>
<td>JPG(32MBまで）、GIF、PNG、TIFF（2MBまで）</td>
</tr>
<tr>
<td>動画</td>
<td>
<p>HTML5のcanvas要素(2MBまで）<br />
 サイズ指定がない場合は150×300px</p>
</td>
</tr>
<tr>
<td>coolie</td>
<td>自動削除</td>
</tr>
<tr>
<td>キャッシュ</td>
<td>1ページあたり10MB</td>
</tr>
</tbody>
</table>
<p><a href="http://wiki.sohaya.com/index.php/iPhone%E5%AF%BE%E5%BF%9C%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%81%8A%E4%BD%9C%E6%B3%95">iPhone対応サイトのお作法 &#8211; iPhone 3G DevWiki</a>のページに、サポートされる動画仕様など、より詳細な情報があります。</p>
<p>※参考書籍：<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839929734/7438tm-22/ref=nosim/">現場のプロから学ぶXHTML＋CSS</a><br />
 ※参考記事：<a href="http://d.hatena.ne.jp/pcmaster/20090617/p1">iPhone OS 3.0リリース記念！ iPhone/iPod touchのUserAgent一覧 &#8211; 理想未来はどうなった？<span id="more-161"></span></a>iPhone用サイトの画面サイズなど</p>
<h4>縦向き表示の場合</h4>
<table style="width: 229px; height: 69px;" border="0">
<tbody>
<tr>
<td>メニューバーの高さ</td>
<td>幅320px×60px</td>
</tr>
<tr>
<td>表示エリア</td>
<td>幅320px高さ356px</td>
</tr>
<tr>
<td>メニューバー</td>
<td>幅320px×高さ44pｘ</td>
</tr>
</tbody>
</table>
<h4>横向き表示の場合</h4>
<table border="0">
<tbody>
<tr>
<td>メニューバーの高さ</td>
<td>幅480px×高さ60px</td>
</tr>
<tr>
<td>表示エリア</td>
<td>幅480px×高さ208px</td>
</tr>
<tr>
<td>メニューバー</td>
<td>幅480p×高さ32px</td>
</tr>
</tbody>
</table>
<h3>iPhone用サイトではできないこと</h3>
<p>iPhone本体に保存されたファイルのアップロード、ファイルのダウンロードはできません。<br />
 また、FlashやJavaアプレットの表示・実行、何らかのプラグインをインストールすることも不可能です。</p>
<h3>iuiライブラリを使う</h3>
<p>WordPressには、サイトの表示を自動的にiPhoneに最適化するプラグインがあり、このサイトでも使っているのですが、MovableType用にもiPhone用のテンプレートが配布されています（こちらはプラグインではありません）。<a href="http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html"><br />
 ”iPhoneテンプレート for MT”</a>というのですが、このテンプレートの中で使われているのが、<a href="http://code.google.com/p/iui/">iuiライブラリ</a>です。</p>
<p>また、Yahoo!の画像検索でもこのライブラリを使っているそうで、”<a href="http://searchblog.yahoo.co.jp/2008/06/yahoo_iphone.html">Yahoo!画像検索流 iPhone用ページの作成方法</a>”という記事を見つけました。<br />
 具体的な使い方も、この記事に非常に詳細に書かれています。<br />
 簡単なページ遷移を含むサンプルのコードが掲載されているので、まずはこの通りに作ってみるとわかりやすそうです。</p>
<h3>iPhoneシミュレーター&#8221;iPhoney&#8221;</h3>
<p>そして、完成したWebサイトをチェックしたいけど、実機がない！　という人も少なくないかも知れません。<br />
 そんな時は、<a href="http://www.marketcircle.com/iphoney/">iPhoney</a>というシミュレーターを使って、表示が確認できます（このソフトはMac用です）。</p>
<p><a href="http://src.7438.com/wp-content/uploads/2009/07/20090705_iphoney.png"><img class="alignnone size-medium wp-image-172" title="20090705_iphoney" src="http://src.7438.com/wp-content/uploads/2009/07/20090705_iphoney-300x159.png" alt="20090705_iphoney" width="300" height="159" /></a><br class="spacer_" /></p>
<p>ウインドウの向きは、縦・横、どちらにもできます。また、ブラウジング中にUAをMacまたはiPhoneのどちらか（又は任意のUA)に切り替えることも可能です。<br />
 これでフリーソフトはすごいですね。是非Windows版も出して欲しいです。</p>
<h3>iPhone用サイトのショーケース</h3>
<p>私がよく見ているのは、海外のサイトですが<a href="http://www.mobileawesomeness.com/">”Mobile Awesomeness”</a>です。</p>
<p><a href="http://www.mobileawesomeness.com/"><img class="alignnone size-medium wp-image-174" title="20090705_mobilewebgallery" src="http://src.7438.com/wp-content/uploads/2009/07/20090705_mobilewebgallery-300x123.jpg" alt="20090705_mobilewebgallery" width="300" height="123" /></a></p>
<p>主にiPhone用サイトのスクリーンショットを1サイトにつき4枚程度掲載しているので、サイトや画面遷移のイメージが掴みやすくて参考になります。<br />
 やはり、画面の小さいデバイスで見ることになるので、シンプルかつ文字などの細かい部分がはっきりと作られたサイトが多いようですね。</p>
<h3>参考書籍</h3>
<p>最後に、現時点でiPhone用サイト製作について、比較的詳細に書かれていると思われる書籍を記載しておきます。</p>
<ul>
<li><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839929734/7438tm-22/ref=nosim/">現場のプロから学ぶXHTML＋CSS</a></li>
<li><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4844326570/7438tm-22/ref=nosim/">iPhoneサイト制作ハンドブック-iPhone-iPod-touch対応</a></li>
<li><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4797351381/7438tm-22/ref=nosim/">iPhone-Web-Style</a></li>
</ul>
<p>iPhoneのブラウザはSafariのみなので、コーディングチェックなどはそれほど手間がかからないと聞いたことがあるのですが、製作に入る前に、やろうとしていることが技術的に可能なのか、構造に矛盾する箇所がないか、よく調べておく必要がありそうですね。</p>
<p>何かのお役に立てば幸いです。</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/07/05/iphone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/07/05/iphone/" />
	</item>
		<item>
		<title>はてブ700超えとか。</title>
		<link>http://src.7438.com/2009/06/27/access/</link>
		<comments>http://src.7438.com/2009/06/27/access/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 06:02:08 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[hatena]]></category>
		<category><![CDATA[アクセス解析]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=158</guid>
		<description><![CDATA[前回の記事、たくさんブックマークされており大変驚いています。 単に日頃自分が注意していることを書いただけなので。 あくまでも「気をつけていること」であって、私もすべて完璧に出来ているわけではありません。 少しでも理想の生 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://src.7438.com/wp-content/uploads/2009/06/20090627_access.jpg"><img class="alignnone size-medium wp-image-159" title="アクセス解析" src="http://src.7438.com/wp-content/uploads/2009/06/20090627_access-300x80.jpg" alt="アクセス解析" width="300" height="80" /></a></p>
<p><a href="http://src.7438.com/2009/06/21/life/">前回の記事</a>、たくさんブックマークされており大変驚いています。</p>
<p>単に日頃自分が注意していることを書いただけなので。<br />
あくまでも「気をつけていること」であって、私もすべて完璧に出来ているわけではありません。<br />
少しでも理想の生活に近づけるようにとは、常々考えています。</p>
<h3>アクセス解析をちゃんと見てみました。</h3>
<p>それで、アクセス数が2日間だけ爆発的に増えまして。<br />
Googleの他にも自分のサーバーにアクセス解析を入れていたのですが、ログファイルがうまく表示されなくなったりしました。<br />
今後あれほど注目される記事を書くことはもう無いでしょうが、負荷対策のことなんて全然考えていなかったので、この機会に何かやってみようと思います。</p>
<p>トラフィックなどを見てみたのですが、リンク元で多かったのは、</p>
<ul>
<li><a href="http://b.hatena.ne.jp/hotentry/20090622">はてなブックマークのホットエントリのページ</a></li>
<li><a href="http://gigazine.net/index.php?/news/comments/20090622_headline/">GIGAZINEの6月22日のヘッドライン</a></li>
<li><a href="http://jyouhouya3.net/2009/06/090622_26.html">情報屋さん</a></li>
<li><a href="http://shiraishi-unso.com/archives/2009/06/24-213456.php">白石運送</a></li>
</ul>
<p>この4サイトがダントツに多かったです（下の2つは知らないサイトでした）。</p>
<p>それから、サイトに来て記事を読み終わった人がどういう行動を取るかも見てみたのですが、やはり、記事を読んだ後は、すぐ離脱する人が圧倒的に多かったです。<br />
1割ほど、プロフィールのページを見たり、そこに書いてある他のページに移動したかたもいらしたようです。</p>
<p>というか、今回ユーザーの行動を調べようと思って、改めてGoogleのアクセス解析を見てみたんですが、ウルトラ便利ですね。今までちゃんと見ていなかったことを反省しました。</p>
<h3>ブックマークコメントも読みました</h3>
<p>はてなブックマークのコメントも、全部読みました。<br />
やはり健康問題のことは気になる、または重要視している人が多いんですね。<br />
あと、否定的な意見が全然なかったのも安心しました。あまり叩かれ慣れていませんので。</p>
<p>自分の仕事については、自信を持っています！　とはなかなか言えないのがお恥ずかしいところですが、少しでも良くするように日々試行錯誤しています、と書いておきます。</p>
<p>健康については、自分の責任は自分で負う、というか、いざ体をこわしても、会社にやってもらえることってほとんど無いので（実体験）、自己防衛は必要です。</p>
<p>このブログは、個人的なメモ書きみたいに考えていたのですが、せっかくアクセスしてもらっても、記事を1つ読んでもらって終わりでは残念だし、Webサイトとしては良くないので、もうちょっとブログの内容とか作りに気を遣わなくちゃいけないなーとか、色々気がつくところが多かったです。</p>
<p>感想を教えてくださったみなさん、ありがとうございました。</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/06/27/access/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/06/27/access/" />
	</item>
		<item>
		<title>Web業界で求められる人材像とは</title>
		<link>http://src.7438.com/2009/06/15/web%e6%a5%ad%e7%95%8c%e3%81%a7%e6%b1%82%e3%82%81%e3%82%89%e3%82%8c%e3%82%8b%e4%ba%ba%e6%9d%90%e5%83%8f%e3%81%a8%e3%81%af/</link>
		<comments>http://src.7438.com/2009/06/15/web%e6%a5%ad%e7%95%8c%e3%81%a7%e6%b1%82%e3%82%81%e3%82%89%e3%82%8c%e3%82%8b%e4%ba%ba%e6%9d%90%e5%83%8f%e3%81%a8%e3%81%af/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 01:44:18 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[キャリア]]></category>
		<category><![CDATA[仕事]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=136</guid>
		<description><![CDATA[先週の土曜日に、北海道Webコンソーシアムの定例会があったので、久しぶりに出席しました。 今回のテーマは、『自分の進むべき道は？？　今後もクリエイティブ業界で活躍するためには。』で、人材エージェントのエイクエントのかたが [...]]]></description>
			<content:encoded><![CDATA[<p>先週の土曜日に、<a href="http://hwcon.org/">北海道Webコンソーシアム</a>の定例会があったので、久しぶりに出席しました。</p>
<p>今回のテーマは、『自分の進むべき道は？？　今後もクリエイティブ業界で活躍するためには。』で、人材エージェントのエイクエントのかたがスピーカー。<br />
 今求められる人材像についてお話しされました。<br />
 少しメモを取ったので、差し支えない範囲（たぶん）でまとめておきます。</p>
<h3>モバイルサイトを作れる人が少ない</h3>
<p>モバイル系（モバイルサイトの制作・ディレクション）の仕事ができる人材が圧倒的に足りないそうです。<br />
 これは昨年の春頃から感じていたことですが、札幌について感じた範囲で言えば、モバイルサイト、しかもキャリア公式サイトになるような本格的なものを制作した経験のあるクリエイターが、少ないんじゃないかなと思います。</p>
<p>でも、人件費が安いから、企業としては地方で作りたい、ってところでしょうか。<br />
 ちょっと前のWeb制作も、アウトソーシング先は札幌や沖縄などの地方というところは多かったみたいですね（今は外国でしょうか。オフショアとか）。<br />
 制作会社でも、東京に本社や支社を置き、そこで受注して、札幌オフィスで制作をしているところは多かったですが、今回の不景気で撤退したところがたくさんあります。</p>
<p>私自身も、既にコーディングの代行やMTの構築だけでは食べていけないなというのは、かなり前から感じていて、ディレクションや講師業をやったりしていました。<br />
 これから先は、営業コンサル的なことも多く求められるでしょうね。売れるデザイン、売れるサイトを提案できないと、残れないのではないでしょうか。</p>
<h3>とにかくヒューマンスキルが大事</h3>
<p>それで、企業はどういう人を求めているかと言うと、話を聞いた限りでは、技術的なことはもちろんですが、コミュニケーションがきちんと取れる人が第一じゃないかと感じました。</p>
<p>1人でもくもくと制作していていいなら特に必要ないのかも知れませんが、小さい会社だと（小さい会社のほうが多いですね）、クライアントの打ち合わせ、折衝、制作進行と、何かと人と話をすることが多いので、いかにその場面でスムーズに仕事を進められるかじゃないかと。</p>
<p>「空気が読める」というのも何度も出ました。<br />
 これは、クライアントの意図することに気がついたり、周りの仕事を見て、自分が何をするべきか考えられるということでしょう。<br />
 その他、「気遣いができる」「前向きに取り組める」「あいさつができる」などが挙げられました。</p>
<p>社会人として最低限のことはしましょうね、という話ですが、これが出るということは、できていない人が多いんでしょうか‥‥。</p>
<p>私自身も、初対面の人と会って話す、説明するのは得意ではないので、意識して言葉を発しなくてはいけないなと思いました。</p>
<h3>目標を明確にする</h3>
<p>転職希望者の中には、何歳までに何をしたい、どういう自分になっていたい、というビジョンをハッキリ持っている人は少ないそうです。<br />
 「なりたい自分」の像を持っていないと、そのために今どうしたらいいか、ということもわからず、今やるべき事を見失ってしまいます。</p>
<p>「何年後にどうなりたいか」を決めて、そこから逆算して、じゃあ今やっておかなくてはいけないことは何か？　と考えると、今やるべきことが見えてきそうです。</p>
<h3>自分の武器を作る</h3>
<p>当たり前すぎることなんですが、今仕事でやっている技術も、2年後には陳腐化していると思ったほうが良いです。<br />
 たとえばMTのサイト構築は、少し前まではニッチなスキルでしたが、今は書籍もたくさんあるし、できる人はたくさん居ます（逆にできないとまずい）。</p>
<p>すでにHTMLコーダーはコーディングだけではやっていけてないので、phpができる人も増えてきましたし、単価もどんどん下がっています。もしかしたら将来は完全に自動化されるかも知れません。<br />
 今必要な技術の他に、これからニーズが増えそうなものを察知して、人より早く身に付けないと、大きく差をつけられてしまうでしょう。</p>
<p>個人的には、営業センスやディレクションなど、人と接する系のスキルの強化が必須だと考えています。<br />
 大体の場合は売上向上のためにWebサイトを作るので、いかにその部分に力を入れていけるかですね。</p>
<p>1時間弱の話だったので、話題に出たのはこれぐらいでしたが、IT関連の業務に従事する人が増えたぶん、かなりシビアな世界になったんだなぁと思いました。<br />
 私自身、フリーランスで仕事をしていくなかで、求められるものは年々シビアになっていると感じています。</p>
<p>その中でいかにして生き残るか、こういう時代だから、より真剣かつ一所懸命に考えないといけないし、現状維持はマイナスでしかないのだと思いました。</p>
<p>また、日々の仕事についていろいろ考え直すきっかけになり、良い定例会だったと思います。<br />
 Webコンソーシアムの事務局のみなさん、おつかれさまでした。</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/06/15/web%e6%a5%ad%e7%95%8c%e3%81%a7%e6%b1%82%e3%82%81%e3%82%89%e3%82%8c%e3%82%8b%e4%ba%ba%e6%9d%90%e5%83%8f%e3%81%a8%e3%81%af/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/06/15/web%e6%a5%ad%e7%95%8c%e3%81%a7%e6%b1%82%e3%82%81%e3%82%89%e3%82%8c%e3%82%8b%e4%ba%ba%e6%9d%90%e5%83%8f%e3%81%a8%e3%81%af/" />
	</item>
	</channel>
</rss>

