Archive for the ‘入門編’ Category
iPhone、iPad の表示確認を PC 上で行えるエミュレータ iBBDemo3
皆さんこんにちは。
今日はiPhone、iPad の表示を PC 上で行うことのできる無料エミュレータ「iBBDemo3」について紹介します。
このiBBDemo3は、iPhone、iPadのシミュレータ。
Web制作時、iPhoneからの表示を確認するのにいちいちiPhoneを使うのが不便･･･そんなときにオススメです。
iPhone等の専用画面をＰＣ上で仮想再現することができるこちらのツール。iPhoneを使わなくても、どのような動作をするのかの簡単な確認をすることが可能です。
あくまでも仮想再現なので、完全に再現されているのかは不安がありますが、ちょっとした確認などには大活躍ですよ。
※一部の日本語サイトでページが表示できないバグが確認されています。
主な機能・特徴
PC 上で iPhone, iPad の動きをエミュレート
iPhone、iPad の切り替え/各種操作はキーボードとマウスで実行
キーボードの [Ctrl＋矢印(← or →)] 操作でiPhone（iPad）の 縦/横表示が可能
ダウンロード方法
1.下記サイトよりiBBDemo3をダウンロードします。
iBBDemo3
赤い線で囲った部分をクリックしてください。
3.ダウンロードしたセットアップファイル（iBBDemo2.air）をダブルクリックしてインストール完了です。
※動作には Adobe AIR が必要です。事前にダウンロードしておきましょう。
使い方
1.「iBBDemo3.exe」をダブルクリックして起動すると、iPhoneが表示されます。 「Ctrl＋1」キーを押すとiPadを表示、 「Ctrl +2」キーを押すとiPhoneを表示できます。
2.URLを入力して表示させたいページを表示できます。エミュレータ画面上部、「Carrier」と書かれている少し上辺りにマウスカーソルを合わせると、アドレスバーが表示されるので、アドレス記入後、エンターをクリックする事で目的のページが表示されます。
iBBDemo3の操作はショートカットから行うものが多くあります。
下記のキー操作を参照してください。
ショートカットキー操作
| キー操作 | 内容 |
|---|---|
| Ctrl + 1 | iPad の表示 |
| Ctrl + 2 | iPhone の表示 |
| Ctrl + ←Ctrl + → | iPhone / iPad の横向き表示 / 縦向き表示 切り替え |
| Ctrl + + | ズームアップ（拡大）表示 |
| Ctrl + - | ズームアウト（縮小）表示 |
| マウスホイール矢印キー | コンテンツページの上下スクロール |
| Ctrl + Shift + F | Adobe Flash コンテンツの表示 / 非表示。デフォルトは非表示。 |
| iPhone の上部をマウスオーバー | iPhone 時、アドレスバーの表示。 |
| Ctrl + D | iPhone 時、アドレスバーの表示 / 非表示 切り替え。 |
Web制作の強い見方、iBBDemo3。
ぜひ使いこなして、快適Web制作ライフをエンジョイしてくださいね。
はてなブックマークを使ってみよう
皆さんこんにちは。
今回は、SBM(ソーシャルブックマーク)サービスである、はてなブックマークの使い方について、簡単にお話していきたいと思います。
SBMとは、好きなHPをWeb上にブックマーク（お気に入り）できるサービスのことです。
はてなブックマークでは、そのブックマークを他の人と共有することが出来ます。
もし自分が集めている分野の情報を、他の人も集めていたり、同じものに対し違った視点で情報を集めていたりしたら、それを共有することで効率的に情報収集が出来ますね。
（もちろん、自分のブックマークも共有されることもあります）
ユーザー登録
1. はてなブックマーク上部にある、「ユーザー登録」をクリック
2.「はてなユーザー登録」が表示されます。
必要事項を入力してください。
全て入力できたら、「利用規約に同意する」をクリック
（パスワードは、今後使うことになるので覚えておきましょう）
3.「ユーザー登録確認」が表示されるので、確認が済んだら「送信する」をクリック
4.「ユーザー登録確認メール送信」が表示され、「【はてな】本登録のお願い」のメールが届きます。
（しばらく待ってもメールが来ない場合は、「再送フォーム」をクリックして再送してください)
5.メール「【はてな】本要録のお願い」の「【本登録用URL：】」の下にあるURLをクリック
ブラウザが起動し、「ユーザ登録完了」します。
検索
1. はてなブックマークにアクセスし、トップページの上部にある検索窓から、調べたい言葉を検索します。
そのままでも検索はされていますが、これではたまたまその言葉が入っているだけの、関係のない記事まで検索されてしまっています。
2. 「タグ:キーワード」のキーワード部分をクリックすることで、そのタグのキーワードと関連のあるサイトを結び付けて公開しているサイトを探しやすくなります。
3. フィルターから記事をブックマークしている人の数で絞る込むことも可能です。多くの人がブックマークしている記事はそれだけ、注目度が高く、人気のある記事と言えます。
4. あとは興味のあるHPをどんどん見てください！
ブックマーク
ブックマークの方法は様々有りますが、今回は最初から、はてなブックマークについている機能でブックマークする方法をご紹介します。
1.はてなブックマークにログインします。
2.上部に表示された、3×3のます目のようなアイコンをクリックします。
すると小窓が出てくるので、「はてなブックマーク」をクリックしてください。
3.ブックマークのページへ繋がりました。先ほどのます目アイコンと同じレーンに「追加」というアイコンが増えていますので、そこをクリックしてください。
4.「ブックマークを追加」というページに繋がります。
お気に入りしたいHPのアドレスを記入し、「次へ」をクリックします。
※アドレスの記入は、コピー＆ペーストでOKです。
5.先ほどのHPのアドレスの下に、コメント入力窓が出ます。必要であれば入力し、「追加」をクリックしましょう。
6.ブックマークが完了しました。もう一度マス目アイコンからブックマークへ飛びましょう。
先ほどのHPが追加されています。
※削除するには、削除したいブックマーク下の自分の名前が書いてあるところにカーソルを合わせると、「×」が後ろの方に表示されるので、それをクリックしてください。
自分用メモ、人気投票、個人ニュースサイト、宣伝ツール･･････はてなブックマークは人によって様々な使い方がされています。
皆さんも、是非、自分にあった使い方を見つけてみてくださいね。
無料で使えるオンライン ストレージ Windows Live SkyDrive
皆さんこんにちは。
今日は無料で使えるオンライン ストレージ スカイドライブ（SkyDrive）について紹介します。
これは簡単に言うとネット上に置かれた自分専用の保管庫のようなものです。
インターネットにつながったパソコンがあればＩＤとパスワードを入力してその保管庫に接続することができます。
そしてパソコン内の写真やその他のファイルを保管庫に保存したり、そこから必要なファイルをパソコン内に取り出すことができます。
つまり自宅のパソコンでファイルをスカイドライブに保存しておけば、会社のパソコンや友人宅のパソコンで簡単に見ることや取り出すことができるわけです。
しかも容量は最大25GBまでで、保存しておける期間に制限はありません。
またパソコンだけでなく携帯電話からのアクセスも可能ですし、特定の人とファイルを共有することもできます。
誰もが使うことができるこのスカイドライブ。皆さんも使ってみたいと思われたのではないでしょうか？
ではこれからこのスカイドライブの使い方をご説明します。
スカイドライブを使うときには以下のような操作が必要になります。
- Windows Live IDを取得（サインアップ）する
- SkyDriveにサインインする
- ファイルをアップロードする
- SkyDriveからサインアウトする
1.Windows Live IDを取得する
Windows Live IDとはマイクロソフトが個人を認証するために使っているもので、マイクロソフトのサービスを利用するためには取得する必要があります。
今回は以下のスカイドライブのトップページから作成することにします。
http://windowslive.jp.msn.com/skydrive.htm
下図の「今すぐ使ってみる」をクリックします。
「サインアップ」をクリックします。
「Windows Live IDの新規登録」画面が表示されますので、すべての欄に入力し「同意する」をクリックします。
この時、入力するＩＤとパスワードは今後スカイドライブを使うたびに必要になりますので忘れないようにしてくださいね。
Windows Live IDを取得できると下図の画面が表示されサインインされた状態になります。
このままスカイドライブを使う場合は「3.ファイルをアップロードする」に進んでください。
2.SkyDriveにサインインする
スカイドライブのトップページを表示し、「今すぐ使ってみる」をクリックします。
下図のようにWindows Live IDとパスワードを入力し、「サインイン」をクリックします。
これでスカイドライブが利用できる状態になります。
3.ファイルをアップロードする
アップロードとは自分のパソコンからサーバー上にファイルを送ることです。
サインインしている状態の下図の画面で「ファイルの追加」をクリックします。
下図のようにフォルダの選択画面が表示されますので、ファイルを保管するフォルダをクリックします。
作成するフォルダの名前を入力し、「次へ」をクリックします。
「コンピューターからドキュメントを追加」をクリックします。
パソコン内のファイルの参照画面が表示されますので、アップロードしたいファイルを選択し「開く」をクリックします。
これでスカイドライブにファイルを保存することができました。
4.SkyDriveからサインアウトする
スカイドライブを使い終わったら、サインアウトする必要があります。サインアウトをしないということは保管庫の鍵を開けっ放しにしている状態で、他の人に保管庫を見られる可能性があります。
下図の画面の右上の「サインアウト」をクリックします。
これでサインアウトできます。
メールの宛先に要注意！？
でも他の人とも送信するメールを共有したい・・・その際に活用するのが「Cc」と「Bcc」です。
簡単に説明すると「To」は本来の宛先、「Cc」は参考に送る宛先、「Bcc」は密かに送る宛先・・・といった感じです。
では詳しく「Cc」と「Bcc」について説明します。
「Cc」→カーボン・コピー
「Cc」はカーボン・コピーの略です。
「To」に送信したい相手のメールアドレスを入力します。このメールを誰かと共有したい場合に使用するのが「Cc」です。
「Cc」に入力したメールアドレスには「To」に送信したものと同じメールが送信されます。
入力したメールアドレスは他の送信相手のメールにも表示される仕組みになっています。
例えば、AさんとBさんは同じプロジェクトに関わっています。Aさんがそのプロジェクト内容を課長に報告したいとします。
その場合、宛先（「To」）に課長のメールアドレス、そして配布先（「Cc」）にメールを共有したいBさんのメールアドレスを入力して送信します。
そうすると課長宛てにメールを送ることができ、なおかつ「Cc」に指定したBさんにも同じ内容のメールが送られます。そして課長もBさんもAさんが「To」や「Cc」に指定したアドレスを確認することができます。
「Bcc」→ブラインド・カーボン・コピー
「Bcc」はブラインド・カーボン・コピーの略です。
「Cc」と同様に「Bcc」に入力したメールアドレスにも、同じ内容のメールが送信されます。
「Cc」との違いは「Bcc」に入力したメールアドレスは、他の送信相手に表示されない点です。
例えば取引先へ送信するメールを念のため課長にも見せたい場合に、「Bcc」に課長のメールアドレスを入力することにより、取引先のお客様には「Bcc」の存在が知れることなく、課長へ同じ内容のメールが送信できる・・・といったものです。
メールアドレスは個人情報なので、他人に公開されたくない人もいます。送信する相手どうしが知り合いでない場合などは、「Bcc」で送信することをお勧めします。
いかがでしょうか？
「Cc」「Bcc」はミスをすると大惨事になります。
また企業が複数の顧客向けにメールを送信する時に、「To」に全員のアドレスを入れてしまって問題になった事例もあります。（新聞沙汰になりました）
たかがメール、されどメールです。
自分の送ったメールにより、会社の信用問題に関わる可能性も無きにしも非ずなので最善の注意をはかりましょう。
より詳しい使い分けの方法について更新しました！
下記リンクからご覧下さい。
TO、CC、BCCの使い分け
定点観測にチャレンジ？
皆さんこんにちは。今日は「定点観測」についてお話します。
定点観測とは定点カメラを設置し、同じ場所から、天候・気象や交通量などの情報を時系列的に観測（観察）することです。
よく観光地のホームページにある「ライブカメラ」という観光地の風景がリアルタイムで見られるコンテンツがありますが、これが「定点観測」です。
東京スカイツリーの場合はこのような形でライブカメラを公開しています。
東京スカイツリー http://www.tokyo-skytreetown.jp/
一般家庭では「監視カメラ」として設置されている方もいらっしゃいます。
なお定点カメラで取り込んだ画像を YouTube に投稿したり、USTREAM の場合はリアルタイムで映像を送ることができます。
「カメラで映像を撮影する」→「LANを通じてパソコンに配信」といった流れです。
屋外のカメラは少々お値段が張りますが、防水や耐久性を考えると・・・うなずけますね。
パナソニック http://panasonic.biz/netsys/netwkcam/index.html
Canon http://cweb.canon.jp/webview/index.html
大手家電企業も取り扱っていますので購入される方は参考にしてみてはいかがでしょうか？
なお定点観測を行う際にはカメラの他にソフトウェアの導入が必要です。
ソフトをダウンロードすることによりカメラで撮影した静止画や動画や音声をインターネット，LAN上にあるPCに配信できます。
ここで個人でチャンレジしたい！という方にオススメの商品があります。
インターバルレコーダー「レコロ」です。
インターバルレコーダー「レコロ」 http://www.kingjim.co.jp/sp/recolo_ir5/
これは動画を撮影するものではないのですが、一定間隔ごとに撮影された写真を設定した速さでつなげて動画として保存してくれる優れもの。面倒な動画編集の必要がありません。価格もお手ごろなので初心者の方にオススメです。
いかがでしょうか？
興味のある方は花の観察などから初めてみてはいかがですか？
【まとめ】無料アンチウイルスソフト
皆さんこんにちは。
今日はアンチウイルスソフトについて紹介します。
インターネットを使うのであればアンチウイルスソフトをインストールするのはもはや常識。
「別に他人に迷惑かからないし・・」と思っている方がいたら大きな間違いです。
もし自分のパソコンがウイルス感染した場合、それを知らずに他の方へメールを送ると、その方のパソコンがウイルス感染する恐れがあるのです！
そこで今日紹介するのは無料のアンチウイルスソフトです。
もしインストールされていない方がいらっしゃいましたらすぐにインストールをしてみてくださいね。
無料アンチウイルスソフトまとめ
| 名前 | 有料版 | 特徴 |
|---|---|---|
| Kingsoft Internet Security | ○ 980円～1,980円 |
ウイルス対策、スパイウェア駆除が利用可能。また無料のアンチウイルスソフトの中で唯一、ファイアウォール機能が搭載されている。また動作が軽く、電話サポートも有り。広告が1日に数回ポップアップウィンドウで表示される。 |
| avast! Free Antivirus | ○ 2,980円～8,480円 |
ウイルスを感知した時に、ウイルスを直接駆除するだけでなくウイルス感染する前の状態へファイルを完全に復元することも可能。メールの送受信やファイル実行やコピーなど、ウイルスの侵入、感染を監視するリアルタイムシールド機能を備えている。30日以上の利用には無料のユーザー登録が必要。ユーザー登録は1年ごとに更新が必要。 |
| AVG Anti-Virus Free Edition 2011 | ○ 2,980円～ |
ウイルス検出率は標準的ですが、サーチシールドやサーフシールドという機能が搭載されている。サーチシールドとは、Googleなどで検索したWebサイト一覧が安全かどうか表示してくれる機能である。サーフシールドはリンク先のサイトが安全かどうか評価してくれる機能。 |
| Microsoft Security Essentials | × | マイクロソフトの無料アンチウイルスソフト。定期的なウイルス検索を行うスケジュールスキャン機能、指定したファイル・フォルダのウイルス検索・駆除機能、PCを常時監視してマルウェアのインストールを検出できるリアルタイム検知機能といった基本的な機能を備える無料ソフト。メーカーからのサポートが受けられる。（基本メールでのサポートとなっている。） |
| Avira | ○ 3,500円～ |
ウイルスやスパイウェアの手動・定期スキャン、リアルタイム検知といった基本的な機能に加え、ボタン1つでマルウェアを削除する機能やルートキットを削除する機能などを搭載している。また、ファイルやフォルダを右クリックしウイルススキャンを行ったり、圧縮ファイルの中のウィルスの検知もできる。 |
この中でも特に有名なものはKingsoft Internet SecurityとMicrosoft Security Essenntialsでしょうか？
Kingsoft Internet Securityは無料ソフトですが、電話サポートを受けられる点が魅力の一つでしょう。また、Windows Live Messenger の通信を暗号化することが出来、盗聴を防止できます。容量が小さく、メモリが少ない方でも安心して使えます。
Microsoft Security Essentialsはシンプルで初心者の方にオススメです。
またパソコンを使っている際に作業を邪魔せず効率的に動作するので、ウィルス対策のプログラムの動作を特に意識することがありません。
無料でも有料のセキュリティソフトのウイルス検出率をしのぐものもあります。
しかし無料のセキュリティソフトは、同じメーカーが販売する有料版のソフトに比べて機能が制限されている場合が多いので予めご了承くださいね。
インターネットを使用される場合は必ずウイルスソフトはインストールしてくださいね。
【まとめ】WEB制作に欠かせない？Firefox拡張機能
その前にまずFirefoxのインストール方法を説明しますね。
Firefoxのインストール方法
無料ダウンロードのリンクをクリック。
まず製品情報ページへ行き、無料ダウンロードのリンクをクリックします。
ダウンロードページ http://mozilla.jp/firefox/
ファイルのダウンロード
「ファイルのダウンロード」のダイアログが表示されますので「実行」を選択しダウンロードを開始します。
ダウンロード完了後に自動的にインストールが開始されます。
なお「セキュリティの警告」ダイアログが表示された場合は、発行元が「Mozilla Corporation」であることを確認し、「実行する」を選択してください。
セットアップを開始します。
「Mozilla Firefox のセットアップ」の画面が表示されますので「次へ」をクリックします。
「セットアップの種類」が表示されますので「標準インストール」を選択し「次へ」をクリックします。
その後、インストールが始まります。「Mozilla Firefox のセットアップを完了します」画面が表示されたら「完了」をクリックします。
設定とデータのインポート
初めて起動する際に「設定移行ウィザード」が開き、「設定とデータのインポート」が表示されます。
インポートする対象のブラウザを選択し「次へ」をクリックします。データをインポートしない場合は「設定をインポートしない」を選択して下さい。
その後「ホームページの選択」が表示されます。「Firefox のスタートページ」 か、これまでと同じホームページ（Yahoo!・gooなど）設定を使用するかを選択し「次へ」をクリックします。
データが正常にインポートされると「インポート完了」が表示されます。この後 Firefox のウィンドウが自動的に開きます。
以上でインストールは完了です。
Firefox拡張機能
では早速本題に入ります。Firefoxには「拡張機能」という便利なものが有ります。
これはアドオンと言われ、Firefoxに便利な機能を追加できるといったものです。
そのアドオンの中でも今回はWEB制作に欠かせないものをまとめてみました！
WEB制作に欠かせないFirefox拡張機能まとめ
| 名前 | 特徴 |
|---|---|
| ColorZilla | Webページの様々な場所の色を簡単にチェックする事ができる。独特な色を見つけた場合、一瞬で調べることができるので時間がかからない。 |
| Firebug | CSSやHTML、JavaScriptの編集、表示といったことがリアルタイムに行えるツール。 Webアプリケーションの開発やWebデザインの調整に欠かせないツール。 |
| IE View | 見ているページ上で右クリックをすると Internet Explorer で開いてくれる。 |
| MeasureIt | Webページ上でサイズの計測が可能。 |
| Opera View | 見ているページ上で右クリックをするとOpera で開いてくれる。 |
| Pearl Crescent Page Saver | 簡単にスクリーンショットを画像として保存ができるアドオン。ページ全体や、表示されている一部分のみをキャプチャーすることが可能。PNGかJPG形式か選択できる。 |
| Screen Grab | こちらもスクリーンショットを画像として保存可能なアドオン。こちらはPNG形式のみの保存となる。 |
| Web Developer | ページを表示させながらのCSSの編集や、テーブルの枠やDIVタグの枠をページ上に色線で表示といったWEB制作には欠かせないアドオン。 |
Internet Explorerを使用されている方が一般的には多いと思うのですが、上記のような便利なアドオンを無料で追加できるので、Firefoxをまだ使ったことのない方は是非ダウンロードして使ってみてくださいね＾＾
【まとめ】検索テクニック
皆さんこんにちは。
今日はインターネットでの検索について紹介いたします。
分からないことがあったらすぐにインターネットで検索という行動が当たり前になっている現代社会。
会社の上司から「○○について調べておいて」と言われる方も多いと思います。
その際に、検索方法が下手だと時間がかかってしまい、上司に怒られることも・・・・
そんな恐怖心に立ち向かうためにちょっとした検索のコツを伝授します。
Google検索を使ってみよう
特殊な検索機能
http://www.google.com/intl/ja/help/features.html
何気なくGoogle で検索している方が多いと思うのですが、意外とこの検索機能を知らないという方もいらっしゃるのでは？
この便利な検索機能を使うと、郵便番号や天気だけでなく、スポーツの結果も知ることができます。
また検索ボックスに「ヤマト」と入力し、続けてヤマト運輸のお問い合わせ伝票番号を入力すると、配達状況を確認できるという優れた機能もあります。
是非色々と検索してみてください。
ファイル形式で調べてみよう
資料を作成する際に、参考にしたい良い記事はないものか・・・と思う方も多いのでは？
検索しても膨大な検索結果にうんざり。そんなあなたにオススメなのが「ファイルタイプを指定して検索する」方法です。
例えばISOの資料を作成する際に参考資料としてPDFファイルを検索したいとき、
filetype:pdf ISO 資料
と検索すると、PDFのファイルのみが検索結果に表示され、探しやすくなります。
Word 2003では filetype:doc 、 Excel2003 では filetype:xls と活用できます。
NAVERを活用してみよう。
NAVERはユーザーの手により情報がまとめられており、トップページを見ると今のトレンドがわかります。
ユーザーはニュースのまとめを関心あるテーマを元に作成しています。「まとめ検索」で検索を行うことにより自分が知りたい情報をまとめたページにたどりつけます。
ネット環境があれば今や何でも調べられる時代なので、皆さんもコツを習得してよい検索ライフを！
ただ、検索結果を素早く入手したとしてもそれを上司に上手に伝えるということが大切ですよね。
口頭報告と文書報告どちらが適切か？今すべき報告内容なのか？事実を正確に説明する、結論を先に言うなどなど・・・・
意外とこちらの方が大変だったりしますが、社会人としてのマナーなので失敗してもめげずに頑張ってください！
Google AJAX Feed APIアカウント取得方法
これはRSSなどのフィードを読み込んで表示させることができるAPIです。
また、通常のホームページなどのサイドバーに表示することも可能です。
例えば最新の情報をサイトのサイドバーに自動的に更新した情報を表示させることができます。
まずGoogle AJAX Feed APIキーのアカウント取得ページにアクセスします。
Google AJAX Feed API
http://code.google.com/intl/ja/apis/ajaxfeeds/
続いて画像を参考に、画面右端にある（画像で赤く囲ってある）部分をクリックしてください。
赤く囲いがしてある部分にご自分のサイトのURLを入力します。
その後に「Generate API key」のボタンをクリックします。
以下の画面がでてきたら完了です。
いかがでしょうか？
数分で出来てしまうので是非チャレンジして下さいね＾＾
Google Analyticsアカウント取得方法
以前、Googleアカウント取得についてお話したことを覚えていますでしょうか？
Googleアカウントを持っていれば無料で活用することができるのがこのGoogle Analyticsです。
これは無料なのにとても高機能なアクセス解析ツールです。月間アクセス500万ページビューまで無料で利用することができ、訪問ユーザーがサイトでどのような操作を行ったかや、どのようにサイトを見つけたかなどあらゆる情報を収集できます。
まずGoogle Analyticsのアカウント取得ページにアクセスします。
Google Analytics
http://www.google.co.jp/intl/ja_ALL/analytics/
「今すぐお申し込み」をクリックします。
Googleアカウントを入力し、ログインします。
「Google Analyticsに申し込む」ボタンをクリックします。
各項目について情報入力を行い、続行をクリックします。
ウェブサイトのURL (解析するサイトのドメインを入力してください。)
アカウント名 (解析する上で分かりやすい任意の名前を入力してください。)
タイムゾーンの国または地域 (日本に在住の場合でしたら「日本」で登録してください。)
タイムゾーン (デフォルトの状態)
次に連絡先情報を入力します。
新しいアカウントを作成します。
利用規約をよく読み、「はい。上の利用規約の同意します。」にチェックを入れ、「新しいアカウント作成」をクリックします。
トラッキングコード取得
アカウントの新規作成をクリックすると、トラッキングコードが表示されます。
このコードをアクセス解析したいhtml等に貼り付けます。
後は、解析された情報を、取得したアカウントから閲覧してチェックができます。
いかがでしょうか？
無料でこの高機能・・・使わない手はないですね＾＾
一昔前はカウンターがはやっていましたが、今はこの手法をとられる方が多いようですので皆さんもチャレンジして下さい。
