タグについて質問します。

画像のすぐ隣に文字を打ちたいのですが
その時はどんなタグを使えば良いのですか。
形としては、
| コメント
画像 | コメント
| コメント

という感じです。
とても判りにくく、御免なさい。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

TABLEを使ってみてはどうでしょうか



<TABLE border="0">
<TBODY>
<TR>
<TD colspan="2">コメント</TD>
</TR>
<TR>
<TD><IMG src="画像ファイル名" border="0"></TD>
<TD>コメント</TD>
</TR>
<TR>
<TD colspan="2">コメント</TD>
</TR>
</TBODY>
</TABLE>
    • good
    • 0

文章の流し込みをする際は<ALIGN>タグを使います。



画像を左に置いて右側に文章を流し込むときは
<ALIGN=LEFT>逆の場合は<ALIGN=RIGHT>
となります。

<img src="***.jpg" border="0" alt="桜" align="left"
hspace="10" vspace="10" width="240"
height="180">

この場合ですと枠なしで横240ピクセル縦180ピクセル
の画像と文章との間が縦、横とも10ポイント開いて表示される事になります。
alt="桜"はマウスを画像の上に置いたとき、「桜」
と言うコメントが表示されるタグです。

一度試してみてください。
    • good
    • 0

元,画像を貼り付けているタグが


<IMG SRC="image/○○.jpg" width="○○" height="○○">
こんな感じであれば,
ALIGN="left"
を付け加えて
<IMG SRC="image/○○.jpg" ALIGN="left" width="○○" height="○○">
という感じにします。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q文字・画像をデザインする

最近。パワーポイントの資格を取得したのですが、その時に文字、画像のデザイン?アニメーションなどをし、プレゼンを実習としてしました。文字のレイアウトや画像に手を加える事の楽しさを実感し仕事として文字のデザインなどをしている業界、会社は何か知りたいのですが。
その際にこのソフトは使えるようにしておいた方がいいものなど、あとDTPとWebデザインの区別を知りたいです。
なにぶん基礎知識が不足しているのでお願いいたします。

Aベストアンサー

あなたが日頃見ている駅貼りのポスターやコンビニにある雑誌、通りで配られるチラシ等、それらをデザインしている職種と会社があります。職種としてはグラフィックデザイナー、作っている会社は広告代理店(電通や博報堂が有名)やデザイン専門事務所などです。

文字そのものを作っているのはこれらとはまた別に専門会社があり、モリサワ等が有名で、文字をデザインする人はタイプデザイナーと呼ばれます。タイポグラファは文字を「組む」専門の人で、文字そのもののデザインはしません。例えるならピアノ職人とピアニストの関係ですね。両方を一流にこなせる人は稀です。

DTP(Desk Top Publishing)はグラフィックデザインの完成形をコンピュータ上で作り上げる行為を指し、デザインそのものとはあまり関係ないものです。Webデザインはグラフィックデザインの要素に加えて、インターフェイスデザイン(人間が操作する部分のデザイン。銀行のATM等)の要素も絡んでくる複雑な分野です。

デザイン業務に使われるソフトはAdobe社やMacromedia社等の製品全般です。しかし上述したように、これらのソフトが使えるのと、デザインができるということはまったくの別物と考えて下さい。ソフトは使えるけどデザインはできない人、逆にデザインはできるけどソフトは使えない人、というのは実際におります。

あなたが日頃見ている駅貼りのポスターやコンビニにある雑誌、通りで配られるチラシ等、それらをデザインしている職種と会社があります。職種としてはグラフィックデザイナー、作っている会社は広告代理店(電通や博報堂が有名)やデザイン専門事務所などです。

文字そのものを作っているのはこれらとはまた別に専門会社があり、モリサワ等が有名で、文字をデザインする人はタイプデザイナーと呼ばれます。タイポグラファは文字を「組む」専門の人で、文字そのもののデザインはしません。例えるならピアノ職人...続きを読む

Qbrタグ、pタグやtableタグが非推奨にならない理由

表記のタグは必ずしも純粋に文章の構造を記述するものとは言えない(装飾やレイアウトに属する範疇)ような気がします。

実際CSSで十分に代用できると思うのですが、これらのタグがW3Cで非推奨とされないのは何故でしょうか。

Aベストアンサー

> HTMLで最低限の外見制御
まだちょっと主従関係について混乱されているようです。

HTMLの要素がデザインに影響する機能を持っているのではなく、
それが何であるかを示すためにマークアップをすると
結果として(視覚化するブラウザでは)表示に影響が出るのです。

ページを表示する≒(X)HTML文章を伝達する、ために存在するブラウザが
段落だから行間を空けてやろうとか
表だから縦横に並べてやろうとか
それなりの視覚化を行っているだけです。


行間がどうなるとか外見の制御を念頭においてを考えるのではなく
本質的にそれが「何」であるかをマークアップするのが文章の論理構造を記述するという事です。

一般的に外見から考えたほうが理解しやすいので
縦横に並べたいと思えばそれは恐らくリストや表だし、
一行空けたいと思えばたぶん段落の切れ目ですが
理念は逆ですのでお間違えのなきように。

Qロゴデザインの文字間について

WEBデザインを勉強しています。

今タイトルロゴ(アルファベット7文字程度)をデザインしているのですが、
文字間に微妙なバラつきがあるため
一文字一文字の文字間を調整しようと思うのですが、
法則やポイントなどはあるのでしょうか?
特に「I」の前後が難しいです。。。


使用ソフトはIllustratorCS5です。
よろしくお願いします。

Aベストアンサー

Iの前後が難しいというご相談ですが、おそらく、そのIの隣の文字の、その前後にも文字があるのではないですか?その文字の間隔に法則性が無いために、Iの前後の間隔が決められないのだと推測されます。

文字を等間隔に配置した場合、見た目の間隔にバラツキを感じるのは目の錯覚と、欧文のタイプフェイスのデザインによるものです。横書きを前提とした欧文の文字は高さは一定なのですが、文字ごとの横幅が違います。そのため、ロゴタイプをデザインする場合には、この錯覚と横幅を考慮に入れて文字を配置します。

具体的に説明していきましょう。まず、その文字をコピー&ペーストしてアウトラインを作成しましょう。アウトラインにした文字は1文字づつ自由に動かす事ができます。移動はキーボードで操作します。あらかじめ、環境設定の「キー入力」で、移動の大きさを適度な大きさにしておきましょう。

縦のラインで構成されているIやH同士が隣り合う場合と、IやHと曲線で構成されているOやCが隣り合う場合では、見た目の間隔と実際の間隔は違ってきます。これは既に経験されている事でしょう。

これらの異なったラインの文字の配置を見た目の上での間隔を同じにするためには、まず基準となる間隔を設定することが先決となります。基準となるのは、IやHなど縦のラインが隣り合う文字の間隔です。

これを基準として、IとOのように縦のラインと曲線が隣り合う組み合わせの間隔、IとYのように縦ラインと斜線が隣り合う間隔、OとCなどのように曲線同士が隣り合う間隔、YやWのように斜線同士が隣り合う間隔、CやZなどの懐のある文字の間隔を決定していきます。

例えば、縦ライン同士の間隔を1とした場合、縦と曲線の組み合わせを0.8、曲線同士の組み合わせを0.7、というように独自の法則を決定してください。この時の法則が、あなたのそのデザインの個性になります。そのデザインを活かすも殺すも、その法則次第となります。

間隔の関係は、概ね、直線同士>直線と曲線>直線と斜線>曲線同士≧斜線同士>斜線と曲線、のようになります。この関係は、それぞれのタイプフェスによっても変わりますから、それぞれのタイプフェイスのデザインに合わせる事が不可欠です。これらの間隔を決定せずに、終始感覚だけで配置していると、いつまで経っても文字同士のバランスがとれず、ガタガタした感じから逃れられなくなります。

さらに、YとY、YとWなどのように、隣り合う文字の懐が大きく影響する場合もあります。このような場合には、敢えて字間を大きくとったデザインにして懐の影響を小さくしたり、文字同士の一部を重ねたりして処理します。このような処理は、デザインの方向性に大きく作用しますから、何度も試行することが必要になります。

とりあえず、以上の手順で配置してみてください。隣り合う縦のライン同士の部分が無い場合には、そのIと隣の文字との間隔を基準にしてください。そして、そこから他の部分の間隔を決めていってください。決定した間隔の文字同士は順次グループ化していって、後々までズレが発生しないようにしましょう。

最後に、全ての文字を配置し終えたら、全体のバランスを見ましょう。意図したイメージになっていますか?意図と違って詰まっていると感じたり、スカスカしていると感じたら、再度基準の間隔を調整して、それにつれて他の文字の間隔も調整しましょう。

ある程度煮詰まってきた時に、どうしても違和感を感じる部分が出てくる事もありますが、そのような場合には、思い切って大胆に基準の間隔を変えてみたり、ある程度時間を置いてから再度試みることも効果的です。同じ動作を繰り返していると、どうしても感覚は麻痺してくるものですから。

そして、最後の最後に文字同士のグループ化を解除し、見た目だけでそれぞれの間隔を微調整します。少しづつ、少しづつ、根気のいる作業です。ここで手を抜くと良いロゴデザインはできません。

ロゴデザインは長期間に渡って人目に晒されるものです。見た人が少しでも違和感を感じると、その少しの違和感が時間の経過とともに大きな蓄積となっていきます。その蓄積された違和感は、そのロゴタイプを持つ企業やブランドのイメージに直結しますから、とても大きな問題なのです。ですから、精緻化はあせらず時間をかけて、納得のいくまで確実に行ってください。

追伸:以上はあくまでも既存のタイプフェイスを利用した場合のデザイン手法です。あなたが文字からデザインなさっている場合には、その文字の仕上がり具合が大きく影響します。良いデザインが出来上がる事を祈っています。

Iの前後が難しいというご相談ですが、おそらく、そのIの隣の文字の、その前後にも文字があるのではないですか?その文字の間隔に法則性が無いために、Iの前後の間隔が決められないのだと推測されます。

文字を等間隔に配置した場合、見た目の間隔にバラツキを感じるのは目の錯覚と、欧文のタイプフェイスのデザインによるものです。横書きを前提とした欧文の文字は高さは一定なのですが、文字ごとの横幅が違います。そのため、ロゴタイプをデザインする場合には、この錯覚と横幅を考慮に入れて文字を配置しま...続きを読む

Qulタグやliタグの中でbrタグは使えない?

完成したサイトなのですが…。
Dreamweaverにて開いて一応チェックすると、
「タグbrはur内では使用できません」との表示がでて驚いています。

<li>~</li>だけで自動的になされる改行だと、詰まって見えるのです。
だから、

<ul style="padding-left: 00px;">
<li>~</li></br>
<li>~</li></br>
</ul>

のようにして処理しております。ただ、これってSEO的にマズい、ということなのでしょうか?
どうか、ご存知の方いましたら教えてください。

Aベストアンサー

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.3.1 )を参照すること

したがって
<ul>
 <li>・・・<br>
 <li>・・・<br>
</ul>
とは書けます。(HTMLの場合)
その場合、ブラウザは
<ul>
 <li>・・・<br></li>
 <li>・・・<br></li>
</ul>
と解釈します。(XHTMLはこう書かないとならない)

★もっと、はるかに大事なこと
「<li>~</li>だけで自動的になされる改行だと、詰まって見えるので」<br>を入れるは、HTML的には最大の間違いです。こちらのほうがはるかに重要!!
 構造とプレゼンテーションは区別すること。デザインのためにHTMLを書いてはなりません。
 2.3.2 アクセス性 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.3.2 )

スタイルシートで、
ul li{margin-bottom:1em;}
だけでよい。

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp...続きを読む

Qふすま替えをして習字で文字を書く場合のデザイン

ふすま替えをしようと思います
習字の上手な母に記念に文字を書いてもらおうと考えました。
そこでデザインなのですが
太い文字は狭い部屋なので(6畳和室)
細筆で書いたかな文字の文章が良いかとは考えておりますが
どんなふすまに書いてもらったらよいでしょうか?
無地か何かオススメのふすまがあれば
また
かな文字でなくてもいいのですが
狭い部屋に合った
文字、ふすま、ふすまのデザインがあれば
教えてください。

Aベストアンサー

書いてもらうなら、無地の襖に直接書いてもらう方法と
書いた紙を襖に張ってもらう方法とあります。

よほど自信のある人を除いて後者の方が無難だと思います。
太字の漢字だと禅寺みたいになって重いと思われるなら
好きな現代詩などを自由に近代詩文のようにカナ漢字交じりで
書いてもらってはどうでしょうか?

自分は大きな紙に好きな言葉を書いて襖に張ったりしましたが
もっときちんと襖やさんにお願いすればしっかりしたものができると思います。

Q使えるタグ、使えないタグ、使わないほうがいいタグ…等

タイトルの通り、使えるタグ、使えないタグ、使わないほうがいいタグ…等の違いを頭の中で整理することができません。
具体的に何で混乱しているかというと、

1、DOCTYPEスイッチで標準準拠にした場合は、color:fff;などの記述が無視されるだけで、htmlタグの使える使えないには関係がない…?
2、非推薦のタグは、使用することはできるが将来廃止になる可能性があるから、前方互換を考え使わないほうが良い…?
3、廃止タグは、使用することが出来ない。(記述しても無視される)…?
4、廃止タグを使った場合も、まだそのタグが廃止されていないころのブラウザを使えば問題なく使用可能…?(使用したいわけではなく、可・不可の問題で)
5、また、html5が話題になってきていますが、html5で廃止されたタグも現行のブラウザでは後方互換のため使用することが可能…?
6、html5では使えないが、ブラウザはhtml5にもhtml4.01等にも対応しているので使用ができる。という解釈で合っていますでしょうか?
7、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">などとしても、html5のタグが反応するのはどうしてなのでしょうか?

間違えている項目等、指摘していただければ幸いです。どうかよろしくお願いします。

タイトルの通り、使えるタグ、使えないタグ、使わないほうがいいタグ…等の違いを頭の中で整理することができません。
具体的に何で混乱しているかというと、

1、DOCTYPEスイッチで標準準拠にした場合は、color:fff;などの記述が無視されるだけで、htmlタグの使える使えないには関係がない…?
2、非推薦のタグは、使用することはできるが将来廃止になる可能性があるから、前方互換を考え使わないほうが良い…?
3、廃止タグは、使用することが出来ない。(記述しても無視される)…?
4、廃止タグを使った...続きを読む

Aベストアンサー

仕様書を読めば、すべて書いてあることですよ。
 とりあえず、HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )からだけ

【引用】____________ここから
しかし、様々なHTMLバージョンの実装間での実験及び相互運用性を促進するため、次の動作を推奨する。
●認識できない要素があった場合、ユーザエージェントは、内容のレンダリングを試みねばならない。
●認識できない属性があった場合、ユーザエージェントは、当該属性定義全体(すなわち、属性とその値)を無視しなければならない。
●認識できない属性値があった場合、ユーザエージェントは、デフォルトの属性値を用いねばならない。
●宣言されていない実体があった場合、この実体を文字データとして扱わねばならない。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Performance, Implementation, and Design Notes (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/appendix/notes.html#h-B.1 )]より

【引用】____________ここから
注意。 1999年12月24日版のHTML 4.01において、HTML作業グループは次の方針を確約する。
●HTML 4 DTDに将来発生する変更は、現在の規定によるDTDに適合する文書を不適正化するものではない。 HTML作業グループは、バグを修正する権利を予約する。
●現在の規定に適合するソフトウエアは、将来の HTML 4 DTD にある認識不能な機能を無視してよい。

 これはつまり、文書型宣言において、著者は最新版のHTML 4を指し示すシステム識別子を安全に用い得るということを意味する。 著者はまた、特定DTDで検証することが求められる際には特定日付版のHTML 4 DTDを示すシステム識別子を用いてもよい。 W3Cは、特定日付版について、原形式のまま原アドレスで無期限に得られるよう、あらゆる努力を払う。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.2 )]より

 などあちこちに、

★すなわち
 Document Typeは、あくまで、そのHTMLがどのルールによってかかれているかを宣言するもので、その宣言とそれによって許される要素名・属性などについては、将来的に表示が保証されるという意味です。

 DOCTYPEを書け!書かなければならないのは、この保証を担保するためです。
 DOCTYPEが書かれていて、それに適合するように書きなさいとは、そういう意味です。
 一方でブラウザには、適合していなくても、可能な限り表示を努力することが求められていますが、義務ではない。
 
と考えれば、すべての質問に対する答えはお分かりですよね。・・・そのように、仕様書に書いてある。

仕様書を読めば、すべて書いてあることですよ。
 とりあえず、HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )からだけ

【引用】____________ここから
しかし、様々なHTMLバージョンの実装間での実験及び相互運用性を促進するため、次の動作を推奨する。
●認識できない要素があった場合、ユーザエージェントは、内容のレンダリングを試みねばならない。
●認識できない属性があった場合、ユーザエージェントは、当該属性定義全体(すなわち、属性とその値...続きを読む

Q静岡県の静岡ナンバーの文字のデザインが知りたいのですが。デザインをしな

静岡県の静岡ナンバーの文字のデザインが知りたいのですが。デザインをしなければならないので正確な写真が見たいのでよろしくおねがいいたします。

Aベストアンサー

http://www.google.com/images?num=50&lr=lang_ja&q=%E9%9D%99%E5%B2%A1%E3%83%8A%E3%83%B3%E3%83%90%E3%83%BC&um=1&ie=UTF-8&source=og&sa=N&hl=en&tab=wi

Qコメントを表示するタグ

 よくCG系サイトをまわっていると見るのですが、一覧のページ並んでいる小さい画像をクリックしようとマウスカーソルを合わせると、時々小さい黄色い枠が横に出てきてコメントが表示されますよね。それを自分のページにも使いたいと思うのですが、どのような用語で検索してよいのか分かりません。ご存知の方、よろしくお願いいたします。

Aベストアンサー

title属性は、通常の文字列でも使用できます。
title属性は一般属性なので、多くのタグと共に使用可能です。

<p>ネスケ6かIE4.0以降の場合、title属性で<span title="この部分がツールチップ表示される">ツールチップ表示</span>されます。

上記で「ツールチップ表示」の上にマウスカーソルを当てると、ツールチップが表示されます。

ちなみに私も普段、秀丸エディタでHTML手書きしています。
# マクロである程度自動化していますが。

とほほさんのサイトは重宝しています。

参考URL:http://tohoho.wakusei.ne.jp/html/attr/title.htm

Q文字だけでPOPを作る事が難しいです。上手くデザインするコツを教えて下さい。。

写真等の素材がなくほぼ文字だけでPOPを作ろうとしています。文字のバランス、背景やワンポイントのデザインに悩んでいます。私の場合パチンコ店のPOPを任されているのですが、パソコンが得意だからという理由だけなんです。(センスはゼロに近い・・・)A3横の用紙にただ「明日、大安」「明日、GOGO、大安」ほぼこれだけの文字で上手くレイアウトしデザインしなければいけないんです。お店に貼るのだからいい加減には出来ないし。。。。うちのお店はシンプル&クールで、他のお店とは一線を画している感じです。何かいいサイトやアイディアがあったら教えていただけませんか?よろしくお願いします。ちなみにイラストレーターではなくコーレルドローというソフトを使ってつくっています。素材が少ないと難しいですね~。くどいようですがテーマは「シンプル&クール」です。

Aベストアンサー

田中一光をご存じですか?
うまく作るコツ、などではないのですが、文字だけでデザインと聞いて思い起こしたのがこの人です。
なかなかちょうどいいサイトが見つからなかったのですが、田中一光の作品は参考になると思います。

Qmacでhtmlのタグを打って、開いたのですが…

htmlの勉強で、macにて
<HTML>
<HEAD>
<TITLE>◯◯◯</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

とテキストエディットで入力し、html形式で保存し、
開いてみたのですが、タグが画面上に現れてしまいます。
同じ事をWindowsでメモ帳を使いやってみると、ちゃんとなにもない
画面が表示されます。なにが間違っているのでしょうか?
ちなみにmacはOS X(intel)です。

Aベストアンサー

>なにが間違っているのでしょうか?

勉強中とのことなので、そのつもりでアドバイスさせてもらいます。細かい手順は自分で工夫しましょう。

1) タグが画面上に現れている状態で、ブラウザの「表示」メニューから「ソースを表示」を選んでごらんなさい。自分で入力した覚えのないhtmlタグやスタイルシートがびっしりあるでしょ?

2) 誰が入力したのか、それはメタタグの<meta name="Generator" content="Cocoa HTML Writer">から、テキストエディットが「html形式で保存」をした時に自動的にやった事らしいとわかります。親切な機能ではあるけれども、これじゃ勉強になりませんね。

3) htmlの勉強でタグ打ちの練習をするなら、テキストエディットのおせっかいな機能を停止しておかなくてはなりません。すでに出来ているファイルを編集するなら、テキストエディットの「フォーマット」メニューから「標準テキストにする」を選びます。確認のダイアログにO.Kすると単純なhtmlタグの形式に変換されます。

4) 新たに作成する書類でhtmlタグを打つなら、テキストエディットの「テキストエディット」メニューから「環境設定...」を選んで、リッチテキストではなく標準テキストの設定にします。

5) ANo.1の回答者さんが、拡張子の非表示の問題についてアドバイスして下さっています。作ったファイルをシングルクリックして選択状態にし、「情報を見る」を実行しましょう(やり方は何通りもあります)。「▼名前と拡張子:」の項目を見ると、拡張子の表示と非表示が切り替えできるようになっています。

Macのテキストエディットは、Windowsのメモ帳にくらべて機能が豊富なので惑わされやすいのです。同じような問題は、Windowsでは「ワードパッド」で発生します。

>なにが間違っているのでしょうか?

勉強中とのことなので、そのつもりでアドバイスさせてもらいます。細かい手順は自分で工夫しましょう。

1) タグが画面上に現れている状態で、ブラウザの「表示」メニューから「ソースを表示」を選んでごらんなさい。自分で入力した覚えのないhtmlタグやスタイルシートがびっしりあるでしょ?

2) 誰が入力したのか、それはメタタグの<meta name="Generator" content="Cocoa HTML Writer">から、テキストエディットが「html形式で保存」をした時に自動的にやった事らし...続きを読む


人気Q&Aランキング

おすすめ情報