<?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>Take it easy!　 - mauekusa &#039;s BLOG - &#187; UI</title>
	<atom:link href="http://blog.bot.vc/tag/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.bot.vc</link>
	<description>　SocialMedia / SmartPhone / Banana な BLOG</description>
	<lastBuildDate>Sat, 18 Apr 2026 07:10:17 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.bot.vc/tag/ui/feed/" />
		<item>
		<title>Windows8のUI変更で困らない 3つのポイント</title>
		<link>http://blog.bot.vc/2012/09/win8ui/</link>
		<comments>http://blog.bot.vc/2012/09/win8ui/#comments</comments>
		<pubDate>Tue, 11 Sep 2012 22:42:37 +0000</pubDate>
		<dc:creator>manabu uekusa</dc:creator>
				<category><![CDATA[Windows8]]></category>
		<category><![CDATA[3]]></category>
		<category><![CDATA[8]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[ポイント]]></category>
		<category><![CDATA[変更]]></category>

		<guid isPermaLink="false">http://blog.bot.vc/?p=2688</guid>
		<description><![CDATA[この記事の所要時間： 約 4分41秒 Windows8が、2012年10月26日に発売になります。 UIが、タブレットを考慮した、Modern UI Style（Metro UI）に変わります。 UIが変更になったことで &#8230; <a href="http://blog.bot.vc/2012/09/win8ui/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div style="border-top:2px dotted #ccc;border-bottom:2px dotted #ccc;padding:0.2em 0;text-align:right;font-size:small;color:#444">
	この記事の所要時間： <span style="font-weight:bold">約 <span style="color:#f00">4</span>分<span style="color:#f00">41</span>秒</span>
</div>
<p>
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/win8ui_title.png" title="Win8ui title"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/win8ui_title.png" alt="Win8ui title" title="win8ui_title.png" border="0" width="557" height="159" /></a><br />
<br />
<strong>Windows8</strong>が、2012年10月26日に発売になります。<br />
UIが、タブレットを考慮した、<strong>Modern UI Style</strong>（<strong>Metro UI</strong>）に変わります。<br />
<br />
UIが変更になったことで、以前操作できていた事が<br />
できなくて探してしまうことがあります。<br />
<br />
そこで、<strong>困らないポイント</strong>を、実際の画面を見ながら<br />
まとめておきたいと思います。<br />
<br />
Windows8のイメージは、こんな感じです。<br />
<br />
<iframe width="560" height="315" src="http://www.youtube.com/embed/eM5pFkNQ7no" frameborder="0" allowfullscreen></iframe><br />
<br />
Windows8のセットアップ方法は、過去記事を参考にして下さい。<br />
<br />
<strong>MBAにVirtualBoxを使ったWindows8インストール方法まとめ</strong><br />
 <a href="http://blog.bot.vc/2012/09/vbwin8/" target="_blank" class="advmk">http://blog.bot.vc/2012/09/vbwin8/</a><br />
<br />
<strong>これで、明日からWindows8になっても大丈夫！</strong><br />
<span id="more-2688"></span><br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.002.png" title="Windows8UI 002"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.002.png" alt="Windows8UI 002" title="Windows8UI.002.png" border="0" width="400" height="auto" /></a><br />
<br />
まず、<strong>タップ</strong>もしくは<strong>マウスクリック</strong>をします。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.003.png" title="Windows8UI 003"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.003.png" alt="Windows8UI 003" title="Windows8UI.003.png" border="0" width="400" height="auto" /></a><br />
<br />
ログイン画面が表示されるので、<strong>パスワード</strong>を入力します。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.0042.png" title="Windows8UI 004"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.0042.png" alt="Windows8UI 004" title="Windows8UI.004.png" border="0" width="400" height="auto" /></a><br />
<br />
ログインすると、o<strong>Modern UI Style</strong>の画面が表示されます。<br />
1 x 1 、2 x 1の大きさの、<strong>LiveTile</strong>（タイル）で構成されています。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.005.png" title="Windows8UI 005"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.005.png" alt="Windows8UI 005" title="Windows8UI.005.png" border="0" width="400" height="auto" /></a><br />
<br />
下に表示されているスクロールバーか、マウスホイールを動かすことで<br />
<strong>右側にスクロール</strong>して、隠れている部分を表示できます。<br />
<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.006.png" title="Windows8UI 006"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.006.png" alt="Windows8UI 006" title="Windows8UI.006.png" border="0" width="400" height="auto" /></a><br />
<br />
右下にある<strong>「ー」ボタン</strong>で、全体を表示する事ができます。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.007.png" title="Windows8UI 007"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.007.png" alt="Windows8UI 007" title="Windows8UI.007.png" border="0" width="400" height="auto" /></a><br />
<br />
LiveTileの位置は、自由に入れ替えることができます。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.008.png" title="Windows8UI 008"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.008.png" alt="Windows8UI 008" title="Windows8UI.008.png" border="0" width="400" height="auto" /></a><br />
<br />
表示されている<strong>タイル</strong>を選択すると、各アプリが起動します。<br />
<br />
<h2>チャーム</h2>
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.009.png" title="Windows8UI 009"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.009.png" alt="Windows8UI 009" title="Windows8UI.009.png" border="0" width="400" height="auto" /></a><br />
<br />
多く使う操作は、<strong>チャーム</strong>の表示です。<br />
右側に表示されるメニューは、チャームと呼ばれます。<br />
<br />
画面の<strong>一番右上</strong>に、カーソルを持って行くと、<br />
チャームメニューが表示されます。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.010.png" title="Windows8UI 010"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.010.png" alt="Windows8UI 010" title="Windows8UI.010.png" border="0" width="400" height="auto" /></a><br />
<br />
タイルに表示されている以外の、<strong>Windowsアプリ</strong>などを起動するときは<br />
チャームメニューの検索を選択します。<br />
<br />
<strong>メモ帳</strong>や、<strong>電卓</strong>を表示するときは、この操作を行います。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.011.png" title="Windows8UI 011"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.011.png" alt="Windows8UI 011" title="Windows8UI.011.png" border="0" width="400" height="auto" /></a><br />
<br />
インストールされている、アプリが一覧で表示されます。<br />
Windowsアプリは、すぐに表示されないので、下のスクロールバーで<br />
<strong>右スクロール</strong>させて画面を切り替えます。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.012.png" title="Windows8UI 012"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.012.png" alt="Windows8UI 012" title="Windows8UI.012.png" border="0" width="400" height="auto" /></a><br />
<br />
Wiindowsのアクセサリが表示されるので、選択すると<br />
メモ帳が、起動してきます。<br />
<br />
<h2>デスクトップ</h2>
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.013.png" title="Windows8UI 013"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.013.png" alt="Windows8UI 013" title="Windows8UI.013.png" border="0" width="400" height="auto" /></a><br />
<br />
Windowsのアプリは、デスクトップが起動してきます。<br />
デスクトップには、スタートボタンがなくなりました。<br />
<br />
スタートボタンは、右上にカーソルを持って行って<br />
チャームを表示させて、「<strong>スタート</strong>」に変更になりました。<br />
<br />
デスクトップは、<strong>スタート画面の左下</strong>にも、タイルで表示されています。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.014.png" title="Windows8UI 014"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.014.png" alt="Windows8UI 014" title="Windows8UI.014.png" border="0" width="400" height="auto" /></a><br />
<br />
ファイル操作を行う、<strong>エクスプローラー</strong>のメニューも<br />
<strong>リボンインタフェース</strong>に変更になりました。<br />
リボンは、Officeで採用された、新しいメニューUIです。<br />
<br />
<h2>Internet Explorer</h2>
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.015.png" title="Windows8UI 015"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.015.png" alt="Windows8UI 015" title="Windows8UI.015.png" border="0" width="400" height="auto" /></a><br />
<br />
<br />
ブラウザも、変更になりました。<br />
スタートから、IEのタイルを選択すると起動します。<br />
<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.016.png" title="Windows8UI 016"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.016.png" alt="Windows8UI 016" title="Windows8UI.016.png" border="0" width="400" height="auto" /></a><br />
<br />
起動すると、<strong>bing</strong>が表示されます。<br />
<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.017.png" title="Windows8UI 017"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.017.png" alt="Windows8UI 017" title="Windows8UI.017.png" border="0" width="400" height="auto" /></a><br />
<br />
ちなみに、IEのバージョンは、<strong>10</strong>になります。<br />
チャームの設定から、バージョンを確認できます。<br />
このチャームが、右クリックの代わりになっています。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.018.png" title="Windows8UI 018"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.018.png" alt="Windows8UI 018" title="Windows8UI.018.png" border="0" width="400" height="auto" /></a><br />
<br />
画面を<strong>右クリック</strong>すると、<strong>タブ</strong>の切り替えができます。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.019.png" title="Windows8UI 019"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.019.png" alt="Windows8UI 019" title="Windows8UI.019.png" border="0" width="400" height="auto" /></a><br />
<br />
右クリックして、URLも直接指定することができます。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.020.png" title="Windows8UI 020"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.020.png" alt="Windows8UI 020" title="Windows8UI.020.png" border="0" width="400" height="auto" /></a><br />
<br />
Chromeや、新しいSafariのように、直接<strong>検索キーワード</strong>も入力できます。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.021.png" title="Windows8UI 021"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.021.png" alt="Windows8UI 021" title="Windows8UI.021.png" border="0" width="400" height="auto" /></a><br />
<br />
検索は、bingで行われます。<br />
<br />
<h2>ストア</h2>
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.022.png" title="Windows8UI 022"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.022.png" alt="Windows8UI 022" title="Windows8UI.022.png" border="0" width="400" height="auto" /></a><br />
<br />
アプリは、スタート画面から「<strong>ストア</strong>」を選択して<br />
そこから、簡単に選択することができます。<br />
AppleのAppStoreと、同じようになっています。<br />
<br />
アプリを開発すると、このストアと呼ばれる<br />
<strong>マーケット</strong>に公開することで、ユーザーが簡単に<br />
アプリを探して、利用することができます。<br />
<br />
<h2>ニュース</h2>
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.023.png" title="Windows8UI 023"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.023.png" alt="Windows8UI 023" title="Windows8UI.023.png" border="0" width="400" height="auto" /></a><br />
<br />
ニュースのメニューもあります。<br />
BINGニュースが、表示されます。<br />
<br />
<h2>アプリ切り替え</h2>
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.024.png" title="Windows8UI 024"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.024.png" alt="Windows8UI 024" title="Windows8UI.024.png" border="0" width="400" height="auto" /></a><br />
<br />
複数のアプリが起動していると、<br />
<strong>左上</strong>にマウスカーソルを持って行くことで<br />
<strong>アプリ切り替</strong>えを行うことができます。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.025.png" title="Windows8UI 025"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.025.png" alt="Windows8UI 025" title="Windows8UI.025.png" border="0" width="400" height="auto" /></a><br />
<br />
起動しているアプリ一覧を、表示する事も出来ます。<br />
<br />
<h2>シャットダウン</h2>
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.026.png" title="Windows8UI 026"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.026.png" alt="Windows8UI 026" title="Windows8UI.026.png" border="0" width="400" height="auto" /></a><br />
<br />
<strong>シャットダウン</strong>は、チャームから行います。<br />
チャームの<strong>設定</strong>を選択します。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.027.png" title="Windows8UI 027"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.027.png" alt="Windows8UI 027" title="Windows8UI.027.png" border="0" width="400" height="auto" /></a><br />
<br />
<strong>電源</strong>を選択します。<br />
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.028.png" title="Windows8UI 028"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.028.png" alt="Windows8UI 028" title="Windows8UI.028.png" border="0" width="400" height="auto" /></a><br />
<br />
再起動、シャットダウンが出てくるので<br />
選択すれば、シャットダウンができます。<br />
<br />
<h2>まとめ</h2>
<br />
<a rel="lightbox" href="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.029.png" title="Windows8UI 029"><img src="http://blog.bot.vc/wp-content/uploads/2012/09/Windows8UI.029.png" alt="Windows8UI 029" title="Windows8UI.029.png" border="0" width="400" height="auto" /></a><br />
<br />
<strong>１．Windows8はタブレットを、考慮したUIに変更 </strong><br />
<br />
<strong>２．困ったら、右上にカーソルを移動してチャーム表示</strong><br />
<br />
<strong>３．左上にカーソル移動をアプリ切り替え</strong><br />
<br />
とりあえず、この３つのポイントを覚えておけば<br />
何とか操作ができると思います＾＾<br />
<br />
10月26日近くなると、新しいタブレット系の<br />
デバイスも、沢山出てくると思います。<br />
<br />
今回は、マウス操作をしていますが<br />
そのうち、マウスもいらなくなるような気がします。<br />
<br />
早く、<strong>タップ操作ができるWindows8</strong>が、ほしいですね♪<br />
<br />
<h2>スライドまとめ</h2>
<iframe src="http://www.slideshare.net/slideshow/embed_code/14280829" width="512" height="421" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="http://www.slideshare.net/mauekusa/windows8-ui" title="Windows8 UI まとめ" target="_blank">Windows8 UI まとめ</a> </strong> from <strong><a href="http://www.slideshare.net/mauekusa" target="_blank">Manabu Uekusa</a></strong> </div>
</p>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:comments href="http://blog.bot.vc/2012/09/win8ui/"></fb:comments>]]></content:encoded>
			<wfw:commentRss>http://blog.bot.vc/2012/09/win8ui/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.bot.vc/2012/09/win8ui/" />
	</item>
	</channel>
</rss>
