メニュー

  1. ワンポイント
  2. スポンサーサイト(09/08)
  3. 管理画面はブックマークすべき(05/22)
  4. ブログの文章作成術(05/22)
  5. fc2blog攻略リンク(05/22)
  6. アフィリエイトを張るhtmlの位置(05/14)
  7. カテゴリ整理のコツ(05/07)
  8. カテゴリ整理のめんどうを解決(05/04)
  9. LINKSブロックの有効な使い方(04/24)
  10. オススメアクセス解析(04/18)
  11. fc2カウンターよりアクセス解析(03/25)
  12. ブログにアクセスカウンターを設置する(03/11)

管理画面はブックマークすべき

fc2でブログをはじめたなら、是非自分のブログ管理画面をブックマークしよう。小技ですが管理画面へのブックマークを わかりやすいところにおいておくと、とても便利です。

また管理画面の他のすべてのページも、ブックマークできることを覚えておきましょう。特に以下のページはよく使うので、 ブックマークするのがオススメ。

テンプレートをカスタマイズする際は、何どもリンクをたどりテンプレ編集ページまで飛ばなくてはいけないので、 是非ブックマークしておきたい

人によってはトラックバックの編集やコメントの編集などもいいかもしれませんね。

  1. 2005/05/22
  2. ワンポイント
  3. トラックバック:0
  4. コメント:0
  5. EDIT

ブログの文章作成術

ブログやmixiを初めとする、初期のインターネットインフラでは予想できなかったさまざまなサービスが開始される近年。 WEBの技術もめまぐるしい速度で発達していき、今までのツールや言語が時代遅れと淘汰されていく中で、昔と変わらず不動の地位を獲得している技術があります。

それは文章力。ビジターを楽しませるだけでなく、SEO対策としてもいまだに脚光を浴び続けています。

ホームページで伝わる日本語

プロの方が執筆されているだけあって、ライティングの基礎をきっちり抑えたつくり。納期やチーム内におけるライターの役割など難しい話が出てきますが、私のような初心者でも無理なくわかる内容。構成や読ませるターゲットを明確にするなど、読みやすく印象に残る文章作成術はアフィリエイトにも応用できそう。

ウケるブログ

うけるブログと書かれているが、いたってまともな文章ノウハウ本。何でいまさらと思われるかもしれないが、 「どうやったら面白い文章になるのか」というブロガーが切望する問いにばっちり答えられる良書。例題・作成も豊富で解説もこれでもかと言うほど丁寧。今まで文才がないと諦めていた人こそ是非手にとっていただきたい一冊。

  1. 2005/05/22
  2. ワンポイント
  3. トラックバック:1
  4. コメント:0
  5. EDIT

fc2blog攻略リンク

fc2blogカスタマイズ公式

はじめてのFC2ブログカスタマイズ
fc2blogカスタマイズならこのページは基本
fc2blog独自タグリスト
独自タグを使いこなせるようになれば、動的なページを再現可能
FC2ブログ サポートフォーラム :: Board Index
ユーザー掲示板。レスが非常に早く、活気があるため重宝間違いなし

HTML&CSS

HTMLクイックリファレンス
tohohoのhtmlよりもスタイルシートの実例が多く、役に立ちます
HTML/CSS目 次
スタイルシートの解説上級辺で役に立つが使い方が難しい要素「float : position : overflow :」の解説アリ。
CYBER@GARDEN > CSS講座
CSSの適用方法の解説。セレクタとクラスタとは?

レイアウトテクニック

ガイド記事一覧 - [ホームページ作成]All About
cssレイアウトの一般的テクニック
ADP: IE6のwidth解釈バグ対処法
FirefoxとIEのレイアウトを統一するテクニック、ボックスモデルハックについて
WEB制作に役立つカラー配色事典
デザインの配色に困ったら
ブログセンタリングレイアウトブログのセンタリングレイアウト2
fc2blogではさまざまなレイアウトテクニックが使われており、中央にカラムを配置したレイアウトを実現するのも一筋縄ではいきません。ここを参考にしましょう

ツール&エディタ

オンラインCSSエディタたぬきのしっぽ
オンラインでブログのCSSを編集できるエディタ。カスタマイズの機能は多いとはいえませんが、操作は簡単でわかりやすい
ez-HTML
タグ挿入型の中でもひときわ多機能で操作も難しくなりますが、 タグ挿入型ではこれがベストかと。”模擬プレビュー”というスタイルシートの適用を簡潔に再現してくれる機能がついており、CSS初心者には非常に重宝。
Web Developer
Firefox専用CSSエディタで拡張機能の一つ。「他のサイトのCSSをまねして勉強したい」なんてときには素晴らしいツールです。
WISG系HTML・CSSエディタNvu(エヌビュー)
現状で最高のフリーWISGエディタ。スタイルシート編集機能を備えている。素晴らしいエディタですが、ブログのカスタマイズにはあまり向きません。

カスタマイズブログ

FC2BLOGなのか?
fc2blogに登録されている全サムネイルを公開されている。また記事の折りたたみなどカスタマイズについてのコンテンツも。
FCafe
おそらくfc2blog内でもっとも、独自タグを使ったテクニックの知識がある方。fc2blogカスタマイズの豊富なネタを提供しており、また氏自身もテンプレ職人である。
春木屋
ファイルアップロード管理支援ブックマークレットFxcelなど実用的でユニークなテンプレートを公開されている。
FC2blog攻略ブログ
当ブログ
  1. 2005/05/22
  2. ワンポイント
  3. トラックバック:0
  4. コメント:0
  5. EDIT

アフィリエイトを張るhtmlの位置

テンプレのカスタマイズが自由自在のfc2blogでは、好きな位置にアフィリエイトを張ることができる。ですがテンプレのhtmlコードは複雑でどこにアフィリエイトを張ればわかりづらいもの。そこで今回は一般的なアフィリエイト挿入位置の例を挙げます。

使用するテンプレートはカスタマイズが簡単なblack。他のテンプレートでも共通する部分が多いので参考になると思います。

エントリーのタイトルの下にアフィリエイトを配置

<%topentry_body>の上にアフィリエイト貼り付ける

<!--エントリー-->
<!--topentry-->
<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>

 <div class="body">

 *ここに広告を設置*

<%topentry_body>
<!--more_link--> <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a><!--/more_link-->
<!--more--><hr size="1"><a name="more" id="more"></a><%topentry_more><!--/more-->

エントリーの最後にアフィリエイトを配置

<%topentry_body>の下にアフィリエイトを貼り付ける

<!--エントリー-->
<!--topentry-->
<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>
<div class="body">

<%topentry_body>

*ここに広告を設置*

<!--more_link--> <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a><!--/more_link-->
<!--more--><hr size="1"><a name="more" id="more"></a><%topentry_more><!--/more-->

追記部分にアフィリエイトを配置

ちょうどエントリと追記の真ん中に広告が挟みこまれるようになる。追記を読むをクリックしないと広告は表示されない。<%topentry_more>の真上にアフィリエイトを張る

 <!--エントリー-->
 <!--topentry--> 
 <h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>
 <div class="body"> 
<%topentry_body> <!--more_link--> 
<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a>
<!--/more_link-->
 <!--more--><hr size="1">
<a name="more" id="more"></a>
  
*ここに広告を設置

<%topentry_more><!--/more--> 

エントリ詳細部分にアフィリエイトを配置

エントリーのコメントエリアは個別記事をクリックしないと表示されない。それを利用して、エントリーをクリックしたときだけ表示される広告にすることができる。 <!--comment_area-->の真下にアフィリエイトを張る

<!--エントリーここまで-->
   <!--コメント-->
   <!--comment_area-->

 *ここに広告を設置

<!--preventry-->

個別記事をクリックしたときだけ広告を表示したい場合

<!--permanent_area-->で囲まれた部分は、個別記事をクリックしたときだけ表示されます。上と同じでindexで広告を表示したくない場合にどうぞ。

<!--エントリー-->
 <!--topentry--> 
<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3> 
<div class="body"> 

<%topentry_body> 

<!--permanent_area-->
*ここに広告を設置
<!--permanent_area-->

<%topentry_body>の真下に配置。これだと個別記事を表示したときだけ、エントリーの最後に広告が出現

サイドバーの一番上にアフィリエイトを配置

サイドバーをあらわすdivタグを見つけ、その真下にアフィリエイトを貼り付けてください。divタグを見つけるにはFirefoxの拡張機能Web Developerが最適です。

<div class="right">

*ここに広告を設置 

<p class="pay"> 
<img src="<%image>" alt="<%author_name>"> </p>
 <ul class="info">
<li>Author:<%author_name></li> 
<li><%introduction2></li> 
<li><a href="<%url>?xml">RSS</a></li> 
<li><%ad> <%ad2></li> 
</ul> 

サイドバーの一番下にアフィリエイトを配置

ほとんどのテンプレートでは"sarch"コンテナがサイドバーの一番下に配置されています。その下にアフィリエイトを貼り付けてください。

<h3>Search</h3>
<ul>
<form action="." method="get">
<input type="text" size="20" name="q" value="" maxlength="200">
<input type="submit" value=" Search ">
</form>
</ul> *ここに広告を設置
</div>

広告を中央に寄せたい場合

cssを使ったほうがいいのでしょうが、単純に<center></center>で囲んでしまうのが簡単で良いと思います。

  1. 2005/05/14
  2. ワンポイント
  3. トラックバック:0
  4. コメント:4
  5. EDIT

カテゴリ整理のコツ

FC2blog攻略ブログ カテゴリ整理のめんどうを解決の続きです。カテゴリをなるべく少なくして、管理しやすく、かつビジターが迷わないブログを目指します。

紅茶がテーマのカテゴリの場合

なにがあるかわかりやすい。しかしエントリが一つ二つしか収納されていないカテゴリが沢山できてしまいます。これでは「全部みたい」というときに、6回も7回もリンクをクリックするハメに。

またカテゴリによって、収容されているエントリ数に差がありすぎるのは良くない。たとえばダージリンをクリックすると、8このエントリが表示され、ページが縦長になりすぎる。それとは逆に、セイロンのカテゴリをクリックするとページが短くなりすぎてしまいます。そこでカテゴリを減らし、エントリ数が一定になるように再編集。

その他のカテゴリに紅茶の種類もろもろをすべて収納。一見”紅茶その他”にどんな種類の紅茶があるかわからないように見えます。ですがエントリのタイトルに紅茶の種類を書いて、ページナビゲーションをつければ問題なし。

特にテーマが決まっていないブログの場合

こんなにカテゴリがあっても更新されるのは少し・・・しかもちょっと全部見る気になれない。そんなときは是非見てもらいエントリと、とりあえず書いてみたエントリで分けてみてはいかが?

アクセス解析で人気のエントリを見つけ、それ以外をおくに引っ込めてしまう分類方法です。元々カテゴリでエントリを分類する方法は、ブログを作る前からテーマを非常にネットおかないとうまくいかないもの。そこで半端に分けてしまうよりは、管理しやすさを追求しました。人気エントリにブログのメインコンテンツを厳選しておいておけば、ページナビゲーションとして機能するかと。

プロフィールとサイト紹介(このブログについて)はエントリ数が増えようがないので、カテゴリで分ける必要なし。日記にすべてほうりこんであります。プロフィールとサイト紹介のエントリを書いたら、ブログのトップページから直接リンクを張るだけで十分でしょう。

リンクコンテナの作り方はこちらを参照してください。

ちなみにカテゴリ整理のめんどうを解決でいったんですが、”未分類”は消さないように。カテゴリを削除するとき困ります、

  1. 2005/05/07
  2. ワンポイント
  3. トラックバック:0
  4. コメント:0
  5. EDIT

カテゴリ整理のめんどうを解決

カテゴリにエントリーを分類することは、サイトナビゲーションとして有効です。しかし残念ながら現在のfc2blogではカテゴリ内の操作が貧弱で、一つづつ手作業でエントリをカテゴリから移動させる必要があります。

そのせいでカテゴリを沢山作り、エントリをきちんと整理していると、逆にカテゴリ再編集するのがやたらと手間がかかるという事態に。カテゴリがなまじ沢山あるせいで、目的のカテゴリにエントリを移動させる手数が増えてしまうのです。

カテゴリをできるだけ作らない。

基本はエントリーが3・4しか入っていないカテゴリをわざわざ作らないことです。カテゴリで分類されていると、ビジターに何があるカテゴリなのかわかりやすくなるのは事実です。しかしカテゴリの分だけリンクをクリックしなければ回数が増え、アクセシビリティはよろしくありません。

ページナビゲーションエントリの収納をテンプレートに施していれば、50エントリーまで同じカテゴリに収納しても問題ありません。むしろ沢山のエントリを一つのカテゴリに収納してくれるた方が、カテゴリをクリックする回数が減り、効率よくすべてのエントリーに目を通すことができます。しかもカテゴリを整理する労力は最小ですむ。

なぜカテゴリに収容するエントリは50までなのか?

fc2blogでは一度に表示できるエントリー数は、現在最大25エントリーです。26〜50までのエントリは”次のページ”というリンクをクリックすると表示される。つまりすべてのエントリに目を通すには「カテゴリ→次のページ」とリンクをクリックする回数は2になる。2回までならビジターが我慢してくれるページ移動回数でしょう。

ちなみに最大表示エントリー数は管理画面から変更できる。

”未整理”カテゴリは残しておく。

fc2blogの仕様なんでしょうか。カテゴリを削除したとき、収納されていたエントリーはすべて”未整理”カテゴリに収納されます。私はこの仕様を知らず、”未整理”を”カスタマイズ”に変えていました。これだとカテゴリを削除したとき、エントリーはすべて”カスタマイズ”に収納されてしまい、何度もカテゴリを整理するハメになる。

なので未整理カテゴリは名前を変えたり削除しないほうが良いでしょう。ちなみにすべてのカテゴリは一つづつナンバリングされており、未整理カテゴリの名前を変えてしまっても、ナンバーでわかります。

カテゴリ整理の小技

FirefoxやSleipnirなどのタブブラウザ使用の方用の小技。カテゴリかエントリを移動するには、

  1. 過去エントリーの編集
  2. 記事の表示を選択
  3. エントリー一覧
  4. 個別記事を編集

という手順を繰り返す必要があります。さてここから記事のカテゴリを変更して保存すると、ブラウザページが過去エントリーの編集に戻ってしまい、また1〜4まで手順を繰り返すのはめんどくさい。

そういときは”3.エントリー一覧”をブラウザに表示させ、ページタブを右クリックして”タブをロック”もしくは”タブの固定”を選択しましょう。多少は手間が省けるでしょう。

  1. 2005/05/04
  2. ワンポイント
  3. トラックバック:0
  4. コメント:0
  5. EDIT

LINKSブロックの有効な使い方

サイドバーにある”LINKS”ブロック。ここには管理画面からハイパーLINKを追加することができます。普通はお気に入りのサイトや、自分の別ブログへとリンクを張っておくもの。しかし一言コメントをつけられるわけでもないので、リンクとして使いやすいかは疑問です。

LINKSブロックを人気エントリーへの目次へ

エントリーを漠然と書き続けていると、飛びぬけてコメントやトラックバックをもらえるエントリーがときどき生まれるもの。それはひとえに多くの人に役に立ち、質が高いエントリーという証拠。更なるアクセスアップのために、そのエントリーへ目立つところにリンクを張るのはいかがでしょうか。管理画面からリンクの編集で人気エントリーのURLを貼り付ければ、簡易エントリナビゲーションにはや代わり。

ちなみにhtmlとcssを多少知識があるなら、わざわざLINKSをナビゲーションに使う必要はありません。テンプレートのHTMLに直接ハイパーリンクを書き込めばいいのですから。ですがCSSで見栄えを調整する技術が無いのでしたら、この方法は簡単でオススメ。

どのエントリーが人気があるのかわからない

アクセス解析を設置してデータを取ってください。紹介するアクセス解析は、”人気ページ”の項目でどのエントリにアクセスが多かったか把握可能

テンプレートhtmlカスタマイズの方法

まず"Links"というわかりずらい名称を変更します。太字の部分maincontentsだとか人気エントリーといったわかりやすい単語に変えてください。

<h3>Links</h3>
<ul>
 <!--link--> 
<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li> 
<!--/link-->
 </ul>

次にブログの目立つ場所にこれを配置します。下の例は、プロフィール欄の下に配置した例です。太字で書いてあるLINKS部分を切り取り、"Information"と"Calendar"の間に貼り付けます。

<h3>Information</h3>
<img src="<%image>" alt="<%author_name>">
<ul>
<li>Author: <%author_name></li>
<li><%introduction2></li>
<li><a href="<%url>?xml">RSS</a></li>
<li><%ad> <%ad2></li>
</ul>

<h3>Links</h3> <ul> <!--link--> <li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li> <!--/link--> </ul> <h3>Calendar</h3>
<table summary="カレンダー" id="calendar">
<caption>
<a href="<%prev_month_link>" title="<%prev_month>月の記事をすべて見る"><%prev_month>月</a>
&laquo; <%now_year>年<%now_month>月 &raquo;
<a href="<%next_month_link>" title="<%next_month>月の記事をすべて見る"><%next_month>月</a>
</caption>
<tr>
<th abbr="日曜日" scope="row" id="sun">Sun</th>
<th abbr="月曜日" scope="row">Mon</th> ・・・

テンプレートによってはこれと違うものがあるので注意。またカスタマイズに失敗した場合は、今まで使用していたテンプレートを再度ダウンロードして、テンプレートに適用してください。元に戻ります。

  1. 2005/04/24
  2. ワンポイント
  3. トラックバック:0
  4. コメント:0
  5. EDIT

オススメアクセス解析

サイトの模様替えに伴ってアクセス解析も乗り換えることに。 今まで使っていたfc2アクセス解析は、動作は軽快なんですが今ひとつ機能が足りない印象。無料サービスから高性能なものを選んでみました。

AccessAnalyzer

アクセス解析といえば忍者TOOLSが有名。ですがメジャーになりすぎて、忍者TOOLSの手裏剣のバナーがアクセス解析だとすぐにばれます。そこでXREAのAccessAnalyzerをオススメ。広告バナーがfc2ほどではないですが目立ちません。肝心の機能面ですが、忍者ツールズと比べて一長一短といったところ。

忍者TOOLS
各データをグラフで表示してくれる。ぱっと見でわかりやすい。
AccessAnalyzer
訪問者のcookieやjavaのオンオフなど、かゆいところまで手の届く詳細なデータ。

AccessAnalyzerfc2アクセス解析の機能の差

AccessAnalyzerにあってfc2アクセス解析にない機能をピックアップ

人気ページ

どのページにアクセスが多かったか解析。ブログの場合、どういったエントリーに人気があるのか掴むことができます。

滞在時間

いくらページビューがあったとしても、内容に目を通してもらえているとは限らない。旬の検索キーワードを並べてアクセスを稼いでも、次の日にはがた落ち・・・。内容が無いブログなら、ビジターは10秒と待たずにさっさと素通りするもの。それが痛いほどわかるのがビジターの滞在時間です。自分のブログが今「質」を追求するべきなのか「量」を追及すべきなのかヒントにどうぞ。

  1. 2005/04/18
  2. ワンポイント
  3. トラックバック:0
  4. コメント:0
  5. EDIT

fc2カウンターよりアクセス解析

fc2製アクセスカウンター"スゴイカウンター"は、アクセス解析機能があるのでお世話になっている方も多いはず。実はこれとは別に、fc2blogではそのものずばり”アクセス解析”のレンタルもしています。

スゴイカウンターよりも、fc2アクセス解析のほうが明らかに高性能

等ブログの一番左上に出てくるのが、そのfc2アクセス解析。つけるにはカウンターと同じように、htmlを貼り付けます。さてどのあたりが高性能なんでしょう。

アクセス解析の結果を日付別に保持できる

スゴイカウンターは今日の分しかアクセス解析の結果を保存してくれません。一方fc2アクセス解析はおおよそ過去すべての結果を、日付別に保持しておくことができます。特にスゴイカウンターが今日の分しかリファラーを表示してくれないのは、明らかな欠点でしょう。

サーチワードを一覧表示

自分のブログに、どんな検索キーワードで訪れたのか一覧表示してくれます。一応スゴイカウンターでも、リファラーをしらみつぶしに調べていけば、検索キーワードを調べ上げることは可能です。ですがよっぽどの理由が無い限り、fcアクセス解析を利用したほうが楽。

fc2アクセス解析が断然オススメ

やはり、アクセス解析の結果を保持してくれるのが大きいですね。いつのエントリーが受けが良かったのか調べることができますから。アクセスアップに取り組みたいのであればfc2アクセス解析をつけるべきだと思います。個人的にはアクセスアップ関係なしに、アクセス解析を眺めているのは楽しいですね。

fc2アクセス解析の注意点

スゴイカウンターではリファラー元に、ブックマークがあります。単純にブックマークを利用して訪れた人がわかるんですね。しかしfc2アクセス解析ではブックマークのアクセスをカウントできません。

その代わりにfc2アクセス解析では”重複アクセス”という解析結果が表示されます。これで同じ人が何度自分のブログに来たかわかるので、ある程度ならブックマーク数を推測可能。ですがほとんど推測なので、ちゃんとブックマークをカウントしてもらいたいところ。

  1. 2005/03/25
  2. ワンポイント
  3. トラックバック:1
  4. コメント:0
  5. EDIT

ブログにアクセスカウンターを設置する

表示例

今回はfc2アクセスカウンター(スゴいカウンター)のつけ方です。

goo ブログなどの、ブログの html を設定することができないブログでは、初めからアクセスカウンターが大体ついています。ですが fc2 ブログでは、初めにカウンターがついてないので、自分でつける必要があります。

このスゴいカウンターはかなり高機能で、訪問者がどこからリンクをたどってきたか、また使用ブラウザまでチェックすることが可能。しかし特にfc2blogを使っているからといって、カウンターまでfc2のものを絶対使用しなければならないということはありません。
他のアクセスカウンターでも、おそらくちゃんと起動するはず。

注1・訪問者がどこからリンクをたどってきたか

スゴいカウンター(fc2アクセスカウンター)はどこで手に入れるの?

こちらからどうぞ

スゴいカウンター 〜 アクセス解析付 カウンター無料レンタル

ただし初めて使用する方は、ユーザー登録を行う必要があります。これはfc2blogのユーザー登録とはまた別のユーザー登録になります。
ユーザー登録が終了すれば、メールでユーザー名とパスワードを発行してくれます。
ユーザー名とパスワードはアクセス解析結果をチェックする毎に必要になりますので、必ず控えておきましょう。

実際にスゴイカウンターを設置する例

お気に入り追加ボタンと同様に、 ユニークビジター数合計(カウンター)をサイドバーのinfomationブロックに配置した例です。
特に場所にこだわるようでなければここで十分だと思います。うまい具合に収まりますので。

<h3>Information</h3>
 <img src="<%image>"  alt="<%author_name>">
 <ul>
 <li>Author:  <%author_name></li>
 <li><%introduction2></li>
 <li><a  href="<%url>?xml">RSS</a></li>
 <li><%ad>  <%ad2></li>
 <script language="JavaScript">
var  rf;
ref=escape(document.referrer)+"";
if( (ref=="undefined") || (ref=="")  ){
ref="bookmark";}
document.write(''+
'<a target="_blank"  href="http://fc2.com">'+
'<img border=0  src="http://www.sugoicounter.com:10000/cgi-bin/counter.gif?'+
'id=241112'+
'&page=1'+
'&ref='+escape(ref)+
'&x='+screen.width+
'&y='+screen.height+
'&cols='+screen.colorDepth+
'&uniq=1'+
'&cnt=1'+
'"></a>');
</script>
<noscript>
 <div  align="right">
<a href="http://fc2.com/">無料</a>
<a  href="http://fc2web.com/">ホームページ</a> 
<a  href="http://blog.fc2.com/">ブログ</a>(<a  href="http://blog.fc2.com/">blog</a>)
</div>
 <img border=0  src="http://www.sugoicounter.com:10000/cgi-bin/counter.gif?id=241112&page=1&uniq=1&cnt=1">
 </noscript>
 </ul> 

 

  1. 2005/03/11
  2. ワンポイント
  3. トラックバック:0
  4. コメント:0
  5. EDIT
  1. INDEX
  2. ワンポイント
  3. ↑TOP