JavaScript関数で画像クリックされたか調べる方法は?

このQ&Aのポイント
  • HPのサイドバーに複数の画像リンクを表示しています。
  • 画像には同じ名前の関数をonclick属性に指定しています。
  • クリックされた画像を判別するための方法を教えてください。
回答を見る
  • ベストアンサー

どのタグにあるonclickから取得されたか

HPのサイドバーに画像リンクをいくつか並べて表示しています。 リンク方法はformで画像はinput type="image"です。 このとき、それぞれの画像input type="image"に対して同じ名前の関数xxxxxでクリック処理をonclick="xxxxx()"と書いています。 画像がクリックされるとformによるリンクとはまた別のリンクを使いたいのでこのような記述をしています。 このときクリックされたらjavascriptでの関数xxxxxが呼ばれると思いますが、どの画像がクリックされたか調べる方法はないものでしょうか? そのどの画像がクリックされたか分かる情報を元にif文で処理を分けたいと考えています。 具体的に実現したいのが例えば、サイドバーに国一覧が並んでいるとして 日本 アメリカ 中国 のような。日本をクリックするとページのメイン部分には日本関連のものが表示されますが、そのクリックのタイミングでサイドバーでは 日本  -札幌  -仙台  -東京  -名古屋  -大阪  -広島  -福岡 アメリカ 中国 といったサブメニューを表示させたいんです。このサブメニュー自体はサイドバーをtableで分割しているのでそれぞれtr にidを使ってdocument.getElementById("id").style.displayで実現できています。 日本を押したときに日本のサイドバーだけを表示させて、アメリカを押したらアメリカのサイドバーだけを表示したいということです。onclick時の関数で処理しようと思ったので各項目に同じonclick="xxxxx"を書いて処理しようと思うのです。 これで実現したいことと困っている所が伝わるか怪しいところですがご理解頂けて解決方法が分かる方がいましたら回答宜しくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.6

こんにちは。 その国別の情報を表示するページは一つのページで行っているんですよね? ひとつのページでボタンによりそれぞれのデータの取得を実行してページを表示しているのであれば、どの国が選択された状態であるかわかるはずです。 その判別できる値を利用して、onloadイベントで開いておく要素を選択すれば良いはずです。 別々のページに行くのであれば、form内にhidden要素でどの国であるか、を同時に送信すれば良いと思います。 <input type="hidden" name="m" value="japan"> で、受け取って表示する際にjapanを展開するようにすればOKです。 別に全ソースを開示する必要はありませんが、重要なformタグの構成や表示ページの仕様なんかがわかると回答し易いです。

o2shgi3eatge
質問者

お礼

先にサブメニューをareaで非表示にした後で表示したいものだけを表示するやり方だと表示されたときに上下に余計なスペースみたいなのが出てしまうので以前どおり先にすべて表示した状態で非表示化したいものだけを非表示にする方法にしました。 そして、onclickやonsumit等を使わずにformのactionでリンクされた後にonloadで関数を呼び出して行うとうまくいきました。 問題は「その判別できる値を利用して、onloadイベントで開いておく要素を選択すれば良いはずです。」。 phpなので <body onload="show(<?php print $xxxxx; ?>)"> と書いたのですがうまくいきません。 bodyなのでどのタイミングでPOSTすべきなのでしょうか?

o2shgi3eatge
質問者

補足

回答ありがとうございます。 おっしゃるとおり、どの国のバナーからクリックされても同じページにリンクされてバナーをクリックされたときにformのhiddenで飛んでくる情報をもとに処理を分けて書いています。 今回、location.hrefでせっかくアドレスバーに付加してリンクできたのに問題がおきているのはそのhiddenの情報が渡されていないため、その情報をもとに処理している部分でデータがないからエラーメッセージが出てしまいました。 >その判別できる値を利用して、onloadイベントで開いておく要素を選択すれば良いはずです。 onloadは(ネットで調べましたが)bodyタグに入れるんでしょうか?ページの読み込みか完了したときに動く関数を指定して。 >別に全ソースを開示する必要はありませんが、重要なformタグの構成や表示ページの仕様なんかがわかると回答し易いです。 項目名は適当ですが今の国バナーのformは以下のような感じにしています。すべて書いていないですけど。 <form name="formname" method="post" onsubmit="return false;"> <input type="image" src="japan.jpg" width="100px" height="30px" onclick="show('81');" /> <input type="hidden" name="catid" value = "1" > <input type="hidden" name="country" value = "81" > <input type="hidden" name="pancate" value = "時計" > <input type="hidden" name="panname" value = "日本の時計" > </form> 先ほどエラーメッセージが出たのはメインページではまず一番上にパンくずリストを表示させるために、hiddenにしてあるデータを使って書く予定がデータが渡されていないためにエラーとなりました。 表示ページの仕様しては上にヘッダ部、下にフッター部があり、今ですと左右にサイドバーがあります。右のサイドバーは今のところただのリンク集的な存在で、左サイドバーにその種類別や国別等のバナーを並べています。 中央のページでは上からパンくずリスト、種類名、表示合計件数、次ページへのリンク/並び替え、そして1ページ最大20件の商品名や商品画像、簡単な説明やカート等を縦に並べて表示させている状態です。

その他の回答 (5)

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.5

こんにちは。 >location.hrefに値を入れても自動的に転移されなくてただのアドレスを入れてもそうでした。 >調べてみるとform のimageにはsubmit機能がついているためにされにそれが実行されてしまったためと思います。 >なので、formにonsubmit="return false;というのを追加して行うとlocation.hrefのアドレスに転移されました。 >ただ、その場合、formに入れたほかのデータが渡されていないみたいなんですが、どのようにしたらいいでしょうか? きちんとやりたいことをまとめて設計すればあまりいろいろなことをしなくても実装できるとは思います。 現状ですとformのアクション先に#japan等のハッシュをつけてあげれば良いと思います。 ただし、現在のHTMLがどうなってるか、やりたいことによって手法は多岐にわたりますので的確なアドバイスが難しいです。 現状のHTML、やりたいことを明確に補足いただければもう少し的確なアドバイスが出来ると思います。

o2shgi3eatge
質問者

補足

回答ありがとうございます。 現在のHTMLはこのWEBサイトが完成したら公開になるお店の商品情報も併せて掲載するWEBサイトです。 今は、その商品情報を載せるページの作成にて、サイドバーに商品の種類別や生産国別でいくつかバナーを並べてそれらをクリックすることでメインページに関連した商品情報が表示されるものを作っています。 今回はまさに例として書かせていただいたことで国別のバナーにて最初は各国名の書かれたバナーだけを表示して「日本」のバナーを押すとメインページに日本製の商品が表示され、サイドバーには日本配下のサブメニューのバナーが表示される仕組みにしたいです。 これまでは、それぞれのバナーに対してformでinput typeのデータなどを渡してactionに指定した転移先にデータを渡して転移先にてデータをPOSTで受け取りデータを扱ってデータを表示することに使っています。 サイドバーはいくつのページにて同じバーを表示させるため、今回でいうリンク元をAとし、リンク先をBとしてまた別のページをCとしたときにA→B,C→Bはもちろん、B→Bも対応したものを作りたいです。 あまりアドレスバーに情報がたくさん乗っかると不格好でもあるので今回のような形だとアドレスバーに表示されるのはできたら避けたいです。 なので、データとして渡したいものも#japan等のハッシュよりはPOSTのような裏で情報を渡して行いたいですが、実現できるものでしょうか? 一応、関連する会社のWEBサイトで私が実現したい動きをしているところがあります。あまり色々と固定名称を出すのはこのサイトに対してはやりたくないので紹介はしたくないのですが。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.4

こんにちは。 >・リンク元でbuttonのJapan/USA/Chinaのいずれかがクリックされるとshow関数を呼び出し、location.hrefというものにtest2.html#*****と設定。 >⇒location.hrefに設定されたアドレスで自動的に転移が行われるわけでしょうか? location.hrefに値を設定するとページを遷移します。 >・リンク先ではまず<script>タグ内で#以降のIDを取得してその値を引数としてリンク先のshow関数が呼ばれる。 そうです。 >実際のところここから先がまだ解析できてません。 > >⇒var elem = document.getElementsByTagName('div'); > というのはどういう処理なんでしょうか? タグ名がdivの要素を全て取得しています。 >⇒リンク先にある > <div id="japan" class="area">JAPAN</div> > <div id="usa" class="area">USA</div> > <div id="china" class="area">CHINA</div> > は何に使われているんでしょうか? すみません。最初のサンプルをそのまま流用したので残っていただけで、特に何もしていません。 ただし機能としてはクリックしたらshow('xxxx')で呼びますので表示・非表示が動作します。 (show関数をページロード時に#xxxで呼び出すか、ボタンで呼び出すかの差です) >このサンプルではサブメニュー自体は記載されていないわけでしょうか? サブメニューに特化してサンプルを作ったわけではないのであくまで参考例です。 >リンク元ページではサブメニューは全て非表示状態、JAPANボタンを押すとJAPANのページが表示されてそのリンク先のサイドバーにはJAPAN配下のサビメニューだけが表示されている。 >今はリンク元とリンク先のサイドバーは個々に書いていますが理想は一つにまとめたソースファイルから呼び出したいと思っています。 それぞれのページにサイドバーは必要になりますが、PHP等でインクルードするイメージでしょうか。 iframeを利用する、Ajaxでコンテンツ部分を書き換える等他にもいろいろ方法はありますが、思想次第です。

o2shgi3eatge
質問者

補足

回答ありがとうございます。 location.hrefに値を入れても自動的に転移されなくてただのアドレスを入れてもそうでした。 調べてみるとform のimageにはsubmit機能がついているためにされにそれが実行されてしまったためと思います。 なので、formにonsubmit="return false;というのを追加して行うとlocation.hrefのアドレスに転移されました。 ただ、その場合、formに入れたほかのデータが渡されていないみたいなんですが、どのようにしたらいいでしょうか?

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.3

こんにちは。 サーバサイドの言語も利用できるのであればいろいろ方法があると思いますが、現在の実装方法がわからないためJavaScriptでの一例を示します。 リンク元からはtest2.html#japanのようにリンクをします。 リンク先ではURLに含まれる#japanを取得して先のshow()に渡してあげています。 (URLからIDを取るか、関数の引数で直接IDを指定しているかの違いのみです) 勿論、現状のシステムにはそぐわないかもしれません。 サーバサイドでやるならgetなりpostで受け取った"japan"を書き出す際に使えば良いです。 例えばPHPならshow()内のこの部分を document.getElementById(targetId).style.display = 'block'; こうかけば良い話です。 document.getElementById('<?php echo $hash ?>').style.display = 'block'; こうすると$hashにjapanが入っていれば document.getElementById('japan').style.display = 'block'; が書き出されることになり、同じ動きになります。 ====こっちはリンク元 <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <style> div.area { display: none; } </style> <script> function show ( targetId ) { location.href = 'test2.html#' + targetId; } </script> </head> <body> <button type="button" onclick="show('japan');">Japan</button> <button type="button" onclick="show('usa');">USA</button> <button type="button" onclick="show('china');">China</button> </body> </html> ====こっちはリンク先 <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <style> div.area { display: none; } </style> <script> var targetId = location.hash.replace('#',''); window.onload = function() { show ( targetId ); } function show ( targetId ) { var elem = document.getElementsByTagName('div'); for ( var i = 0; i < elem.length; i ++ ) { if ( elem[i].className === 'area' ) { elem[i].style.display = 'none'; } } document.getElementById(targetId).style.display = 'block'; } </script> </head> <body> <button type="button" onclick="show('japan');">Japan</button> <button type="button" onclick="show('usa');">USA</button> <button type="button" onclick="show('china');">China</button> <hr /> <div id="japan" class="area"> JAPAN </div> <div id="usa" class="area"> USA </div> <div id="china" class="area"> CHINA </div> </body> </html>

o2shgi3eatge
質問者

補足

こんにちは。具体例を書いていただきありがとうございます。 ただ、私の知識不足なので書いて頂いたソースの解析が難しいのでいくつか処理の流れから問いかけをさせて下さい。 ・リンク元でbuttonのJapan/USA/Chinaのいずれかがクリックされるとshow関数を呼び出し、location.hrefというものにtest2.html#*****と設定。 ⇒location.hrefに設定されたアドレスで自動的に転移が行われるわけでしょうか? ・リンク先ではまず<script>タグ内で#以降のIDを取得してその値を引数としてリンク先のshow関数が呼ばれる。 実際のところここから先がまだ解析できてません。 ⇒var elem = document.getElementsByTagName('div');  というのはどういう処理なんでしょうか? ⇒リンク先にある  <div id="japan" class="area">JAPAN</div>  <div id="usa" class="area">USA</div>  <div id="china" class="area">CHINA</div>  は何に使われているんでしょうか?  このサンプルではサブメニュー自体は記載されていないわけでしょうか? リンク元ページではサブメニューは全て非表示状態、JAPANボタンを押すとJAPANのページが表示されてそのリンク先のサイドバーにはJAPAN配下のサビメニューだけが表示されている。 今はリンク元とリンク先のサイドバーは個々に書いていますが理想は一つにまとめたソースファイルから呼び出したいと思っています。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.2

こんにちは。 >引数を持たせるやり方で試してみたらうまく行ったと思ったのですが、onclickとformのリンクがonclickの方が早いせいか先にサブメニューが表示された後に次のページが表示されてサブメニューはもとに戻ってしまいました。 これはまた別の話ですよ。先のサンプルでは同一ページ内での表示非表示です。 ページの遷移先でも開いている必要があるのであれば、別の仕組みを考えなければいけません。 というか、クリックした瞬間はサブメニューの表示はいらないのでは? JAPANを選択してjapan.htmlへ遷移後に開きたいという仕様ではないのでしょうか?

o2shgi3eatge
質問者

お礼

「不可」ではなく「付加」の間違いです。

o2shgi3eatge
質問者

補足

回答ありがとうございます。 おっしゃる通り、大事なのは転移後にサブメニューを開きたいのでクリックした瞬間はサブメニューは表示していなくてもいい、というよりも表示したくないです。 JAPANを選択してjapan.htmlに転移した後に、JAPAN配下にサブメニューが表示される仕組みにしたいです。 この場合はどのような記載になるのでしょうか? 今、formのactionに番号とか不可して転移先のページにてGETで取得してphpからjavascriptを実行しようとしていましたがうまくいきませんでした。

  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.1

こんにちは。 一番簡単なのはonclick="xxx('japan')"のようにして関数に引数を渡して上げれば良いです。 下のサンプルはそれぞれのボタンにshow('japan'),show('usa'),show('china')と、どのIDを表示するか渡してあげます。 <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル</title> <style> div.area { display: none; } </style> <script> function show ( targetId ) { // class="area"の要素をすべて非表示にする var elem = document.getElementsByTagName('div'); for ( var i = 0; i < elem.length; i ++ ) { if ( elem[i].className === 'area' ) { elem[i].style.display = 'none'; } } // すべて非表示のあとに押されたボタンで渡されたIDの要素を表示することにより // 押されたボタンで渡されるIDのみの要素が表示される document.getElementById(targetId).style.display = 'block'; } </script> </head> <body> <button type="button" onclick="show('japan');">Japan</button> <button type="button" onclick="show('usa');">USA</button> <button type="button" onclick="show('china');">USA</button> <hr /> <div id="japan" class="area"> JAPAN </div> <div id="usa" class="area"> USA </div> <div id="china" class="area"> CHINA </div> </body> </html>

o2shgi3eatge
質問者

補足

回答ありがとうございます。 確かに()とあるので引数を持たせることはできるとは思いましたが、過去にそのようなものを見たことがなかったので気づきませんでした。 引数を持たせるやり方で試してみたらうまく行ったと思ったのですが、onclickとformのリンクがonclickの方が早いせいか先にサブメニューが表示された後に次のページが表示されてサブメニューはもとに戻ってしまいました。

関連するQ&A

  • onclickタグ類が開けない

    こんにちは。 プルダウン(ボタンあり)のリンクについてなのですが、HTMLサイト様やその他のサイト様ではウィンドウが開けるのに対して、私が打ったonclick系タグ全般(2フレーム同時リンクなど)がエラーを起こしてウィンドウが開けません。 以下が例のタグです。 <form method="post" name="puru2"> <select name="sentaku2"> <option>最初の文字</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> </select> <input type="button" value="ボタンの文字" onclick="parent.表示させたいページ名.location.href=document.puru2.sentaku2.options[document.puru2.sentaku2.selectedIndex].value"> </form> どこが悪いのか全然わかりません。 ご回答、お願いします。

  • onclickタグ類が開けない

    こんにちは。HTMLの板でも投稿させていただいたのですが、javascriptの板の方がいいとう回答をもらいましたので投稿してみました。 プルダウン(ボタンあり)のリンクについてなのですが、HTMLサイト様やその他のサイト様ではウィンドウが開けるのに対して、私が打ったonclick系タグ全般(2フレーム同時リンクなど)がエラーを起こしてウィンドウが開けません。 以下が例のタグです。 <form method="post" name="puru2"> <select name="sentaku2"> <option>最初の文字</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> <option value="リンク先アドレス">リンク1</option> </select> <input type="button" value="ボタンの文字" onclick="parent.表示させたいページ名.location.href=document.puru2.sentaku2.options[document.puru2.sentaku2.selectedIndex].value"> </form> どこが悪いのか全然わかりません。 ご回答、お願いします。

  • JavaScriptによるonClickの使い方

    JavaScriptのonClickと関数の使い方で悩んでいます。 現在、divブロック表示非表示切り替えスクリプト:http://designlabolatory.blog16.fc2.com/blog-entry-139.htmlを参考に、ボタンを押して内容の表示・非表示を行いたいと思っています。 <form name="btnname"> <input type="button" name="inpname1" value="▼" onClick="openclosebtn1()"> <div id="openclose1" style="display:none;">  内容:1 </div> <input type="button" name="inpname2" value="▼" onClick="openclosebtn2()"> <div id="openclose2" style="display:none;">  内容:1 </div> <input type="button" name="inpname3" value="▼" onClick="openclosebtn3()"> <div id="openclose3" style="display:none;">  内容:1 </div> </form> 上記のように1つのformの中で、複数の項目のボタンを押して表示・非表示を行うのに、 function openclosebtn1(){ } function openclosebtn2(){ } function openclosebtn3(){ } 3つの関数にそれぞれbuttonのnameとdivのidを変えて書いています。 これを、1つの関数にうまくまとめたいのですが、いまいち方法がわかりません。 JavaScript初心者で、勉強不足なのは重々承知です。 手元にある本を読んでも書き方がわかりません。 わかる方アドバイスお願いします。

  • onclickイベントで、PHPの関数をコール

    下記のようなPHPスクリプトで、ボタンが押された時の、onclickイベントで<?php upload_file() ?>として PHPのupload_file() 関数をコールしてるのですが、画像ファイルがアップできません。 どこが間違いなのか、教えていただけますか。 --------------------------------------------------------------------------------- <form name="form2" method="POST" enctype="multipart/form-data" action="bbs.php"> <!-- ファイル参照フォームを表示する --> <input type="hidden" name="MAX_FILE_SIZE" value="30000"> <input type="file" name="upfile" tabindex="6"> <input type="button" value="画像を送信" tabindex="7" onclick="<?php upload_file() ?>"> </form>

    • 締切済み
    • PHP
  • onClick="this.form.submit

    ・下記のようなformがあるのですが、 onClick="this.form.submit();" disabledの意味を教えてください ・クリックしたら、このフォーム内容を送信? ・アクション先も指定していないのに、処理はどこへいくのでしょうか? ・また、disabledは? ずっと押せない? <form name="hoge" method="POST"> <input name="hoge" type="button" class="button" value="piyo" onClick="this.form.submit();" disabled> </form>

  • javascriptのonclickに関数を追加?

    現在、javascriptでinput要素に新しくonclick='hoge()'などの関数を追加したいのですができません。 色々調べたのですが、結局わからなかったので質問させていただきます。 何卒、ご教授宜しくお願いします。 ■やろうとしていること 下記ソースのボタンをどれかクリックしたら、 新しく、<input type="button" value="次へ" onclick="next()" />というのを<span>に 生成したいのですが、onclickが追加されずに困っております。 どのようにしたらよいのでしょうか?ちなみにtypeとvalueは生成されています。 <form name="test"> <input type="button" value="" id="answer_0" onclick="test(0)" /> <input type="button" value="" id="answer_1" onclick="test(1)" /> <input type="button" value="" id="answer_2" onclick="test(2)" /> </form> <span id="test2"></span> <script> function test(n) { ・・・ 中略 var nq = document.createElement('input'); nq.type = "button"; nq.value = '次へ'; nq.onclick = "next()"; document.getElementById('test2').appendChild(nq); } </script> 以上、宜しくお願い申し上げます。

  • OnClickでURL生成し、飛ばしたい

    以下のようにして、ボタンを押した際にGETで画面を遷移させてようとしています。 (ボタンのイメージ画像をクリックすると飛ぶ) <form method = "get" acion="http://www.test.ne.jp/" target="_next"> <input type ="hidden" name="p1" value="1"> <input type ="image" src="画像URL" onclick="formのsubmitをするメソッド"> </form> で、当然ながらhttp://www.test.ne.jp/?p1=1に行きます。 今回はここで生成されたURLに飛ばず、違うURLのパラメタにしたいと 考えています。 たとえば、上の例で言えば http://www.next.ne.jp/?url=http://www.test.ne.jp/ というURLを作って、そっちへ飛ばしたいのです。 (パラメタのほうのURLについてはエンコードしたいです) さてOnclickで…と考えたものの、URLはボタン押された時に 出来るんで、どうしたものかと悩んでいます。 http://www.test.ne.jp/までは固定なのでいいんですが、 hiddenが動的に増えたり減ったりするので、どうやってパラメタを 作ればいいのか…。 ご教授いただけないでしょうか。

  • リンクボタン

    ボタンを押してリンク先に飛ぶようにするには <form><input type="button" value="homeへ" onClick="location.href='home.html'"></form> とすれば可能ですがこれをJavaScriptを使わずに出来る方法はないものでしょうか? どうしても画像など使わずにボタンで実現させたいのですが。

    • ベストアンサー
    • HTML
  • onclickで複数のボタンで対応したCGIにデータを送りたいのですが。

    下記のような感じで、 1.画像追加ボタンを押すと別ページ(b.cgi)に飛んで登録が終わったらまたこちらに戻ってきて、登録が押されるとそのまま登録処理(a.cgi)になる。 2.画像追加がされていなくても登録が押されるとそのまま登録処理をする。 (1.2.ともform内の情報はhiddenですべて送ります。) こんな動きをさせたいのですが、参考サイトなどをみてもこういう動作をしているところがなくて丸3日悩んでいます。 onclick=submit の記述とJavascriptの書き方が問題だとは思うのですが煮詰まってしまいました。 皆様には初歩的な質問かもしれませんがどうぞよろしくお願いします。 <form method="post" enctype="multipart/form-data"> <input type="text" name="Title" value="" size="140"> <input type="text" name="Body1" value="" size="140" style="ime-mode: active;"> <input type="button" value="画像追加" onclick="submit(document.gazouform)"> <input type="button" value="登録" onclick="submit(document.tourokuform)"> <form action="a.cgi" method="post" enctype="multipart/form-data" id="tourokuform"> </form> <form action="b.cgi" method="post" enctype="multipart/form-data" id="gazouform"> </form>

  • onclick="" の""を変えることができるでしょうか。

    お世話になります。 <img src="hoge.gif" id="movImgID1" onclick="GoMoveImg(1,-1)"> で、hoge.gifをクリックすると、この画像が移動するようにしました。 例えば(100,100)->(200,200) に移動します。 この(200,200)へ移動が完了したとき、 onclick="GoMoveImg(1,0)" などというように、onclickで指定する関数を変えることはできないものでしょうか。 移動が完了した時点は、スクリプト上でとらえています。 alert("移動完了"); で、その時点を確認しています。 なにとぞよろしくお願いいたします。

専門家に質問してみよう