サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
design-trekker.jp
はじめに イラストレーターではペンツールや長方形ツール、円形ツールなどを使ってグラフのグラフィックを作ることができますが、実はグラフを作るためのツールが存在しています。 それを使えばとても簡単にグラフを作ることができますので、もしも知らない方はぜひ覚えていってください。 この記事ではグラフツールの円グラフの作り方の紹介と、それを使ってかっこいい立体円グラフの作り方も紹介していきます。 円グラフの作り方 それでは早速いきましょう。 まずは基本の作り方から 円グラフツールの出し方 ツールバーにある円グラフツールを選択します。 ツールバーに円グラフツールがない場合は↓ ツールバーの一番下にある3つの点のアイコンをクリックしてツールバーのメニュー一覧を表示。 円グラフツールをクリック→ツールバーの中にドラッグ→ドロップしてバー一覧に入れましょう。 サイズを決める デスクトップ上をクリックすると、グ
本サイトの記事は、「動画」に「デザイナーの現場感」を加えて、書籍以上のものを目指して書かれたものです。原則、初心者向けに書かれていますが、最新の機能も必ずいれるようにしていますので、中級者以上にも満足していただけると思います。 Photoshop(フォトショップ)は機能を覚えるというよりも、まずは作りたいものを作ってみるという学習が一番効率が良いです。ざーっとこのサイトを見て、まずは何かを作ってみることをオススメします。 Photoshopでできること 写真の加工や合成、色調整など、画像を扱ったデザインを得意とするソフトです。 一方、よく比較されるIllustrator(イラストレーター)はロゴ、アイコン、イラスト、文字組みなどを得意とするソフトです。 PhotoshopとIllustratorの違いはこちらから
はじめに はじめてPhotoshopを触る人は覚えることがたくさんあるので はじめのうちは苦労するかと思います。 しかし、はじめての人でも初期設定を変更しておくことで、全体の作業効率をよくすることができます。 この記事では、そんなPhotoshopを初めて触る人に向けておすすめの基本の設定を分かりやすく解説していきます。 おすすめの環境設定 環境設定にはいろんな設定箇所がありますが、 いくつか抑えておくべき設定がありますのでそちらを紹介していきます。 Photoshopの環境設定は画面一番上のメニューバーの[Photoshop]→[環境設定]→任意の設定項目を選択 して設定をおこなうことができます。 媒体に合わせて単位・定規の設定を変えよう 環境設定の[単位]から単位の設定ができます。 単位ははじめはピクセルが設定されています。 こちらはPhotoshopで扱うオブジェクトの単位設定ができ
イラレのリピートとはどんな機能か リピートとは、 2021年1月とだいぶ前にはなりますがイラレに新たに追加された機能で、 オブジェクトを並べたり、コピーして回転させたり、鏡にうつしたように反転したりできる機能です。 2020年10月にIllustrator iPad版に搭載されたリピートオブジェクトがありますが、 それがデスクトップ版にも搭載されたようです。 リピートには以下の3つの機能があります。 ●リピートラジアル 中心の点の周囲にオブジェクトを均等に並べることができます。 ●リピートグリッド 選択したグリッドスタイルの中で オブジェクトが繰り返し並べることができます。 ●リピートミラー 完全に対照的なミラーアートを作成します。 リピートの使い方 オブジェクトを選択した状態で メニューバーからオブジェクト→リピート→3つのリピートのうちどれかを選択します。 リピート効果が適用されます。
Photoshop Photoshopの文字入れと、文字サイズやフォントなどの編集大全 堀内 良太 2023/06/01 Illustrator Illustrator グラフツールで円グラフを作る方法と編集方法・立体化 石川 洋平 2023/02/18 Premiere Pro 【Premiere pro 最新】3つのテロップの入れ方と覚えておくべき注意点 石川 洋平 2023/02/03 Premiere Pro 【Premiere pro 2023】5つの動画トリミング機能で作業を効率化! 石川 洋平 2023/01/17 Premiere Pro 【Premiere pro 2023】 2つの動画の書き出し方と各設定項目を解説 石川 洋平 2023/01/16 Photoshop Photoshopのフィルターギャラリーの使い方と全種類の見え方を紹介 石川 洋平 2023/01/0
はじめに フラットデザインがあまりにも流行しすぎて、その反動かのように、ここ数年グラデーションが流行になっています。主にハイテク企業での使用が目立ちます。 プロダクト・パッケージデザイン 靴のデザイン 未来を感じさせるレトロフューチャーなデザイン http://www.yankodesign.com/2018/07/23/here-is-what-shoes-of-the-future-should-look-like/ 日焼け止めローション 黄色の太陽カラーから砂浜色に移り変わるグラデーション。グラデーション自体が商品を連想させるパッケージデザイン。 https://www.fashiongonerogue.com/8-essentials-for-your-summer-beach-outing/ コーヒーバッグ グラデーションというよりもホログラフィックですが、どこかしら懐かしさを兼
はじめに illustratorを20年程度使っているのですが、その中でも進化が著しいグラデーションの基礎を説明しています。そのほかベテランの方にもネ、文字にグラデーションをかけるのに今はアウトラインをとったりしません。2019年度の情報をアップデートしていただくためにも読んでいただきたいです。 イラレのグラデーションの基本 色の濃淡の変化であるグラデーションの基本です。線形グラデーションと円形グラデーションの2つにわけることができます。 線形グラデーション 直線的な一直線にまっすぐなグラデーションを「線形グラデーション」といいます。名前はおぼえなくて良いですが、一番ノーマルなタイプです。 オブジェクトを選択した状態でツールバーの一番下のグラデーション部分のアイコンをクリックすると反映します。デフォルトでは、黒のグラデーションになっています。 色を変える まずは色を変更してみます。「ウイン
3Dと2Dの違い 3Dとは、「Three Dimensions」の略語です。 2D(二次元)は横軸(X軸)と縦軸(Y軸)で表現されますが、3D(三次元)はこれに奥行き(Z軸)の概念がくわります。 なので、3D空間はX座標、Y座標、Z座標の3つの値によって定義されます。 Photoshopの3Dでは、この2Dのオブジェクトから3Dをうみだすことができます。 Photoshop 3Dでできること ではPhotoshop3Dではなにができるのかを見ていきましょう。 平面から立体をつくることができる Photoshopは、平面のオブジェクトから、3Dの立体感である奥行きをつくりだすことができます。例えば四角なら立方体。円なら円柱。三角なら三角柱。六角形なら六角柱? それから押出の種類は全部で18種類あります。 絶対使わなそうなものもありますが、基本はベーシックな押出しか、カーブの360°のものでし
雑誌やチラシの構成において、メインとなるのがタイトル、キャッチコピーです。 文字や文章の意味も含めて、紙面全体の象徴となるので、デザインも一工夫したいところ。 今回はそのタイトル、キャッチコピーの作り方について考えたいと思います。 打ち文字だけでは物足りない 紙面の中で、タイトルは何か、キャッチコピーは何かということはデザインにおいてかなり重要となります。その言葉でデザインの方向性が決まると言ってもいいくらいです。 コピーやタイトルはライターがいない場合や、クライアントから降りてこない場合が多々あるので、デザイナーが言葉選びを任されることもあります。 コピーライターが素晴らしいキャッチをガツンと一言出してくれれば、その言葉の力だけでなんとかなったりしますが、そうじゃない時は尚更「見せる力」が必要です。 打ち文字だけでは表現が物足りない… という時に困らないように、表現方法の幅を広げておきま
Photoshopにあるブラシ機能とオススメの使い方を紹介していきます。 Photoshopのブラシ基本機能の説明 はじめに基本機能の説明をします。 フォトショのブラシ photoshopのブラシは、サイズやエッジのやわらかさを自由に変更して画面内に色々な色や形でペイントすることができます。エアブラシ効果や特殊効果をつけたストロークを描くことができます。ブラシの設定をカスタマイズして、専用のライブラリに追加、呼び出して利用することもできます。 とりあえずブラシで描いてみる まずは一度描いてみましょう。Photoshopの画面を開き、ブラシツールを選択します。 SHIFTを押しながら線を引くと、水平、垂直に線がひけるようになります。場面に応じて使い分けていきましょう。 ブラシの太さを変える 次はブラシの太さを変えてみましょう。画面上部オプションバーのブラシプリセットピッカーをクリックしてブラ
画像を紙面やweb、メディアなどで扱う場合、一部表示できないものや勝手に使用してはいけないケースがあると思います。そんな時にphotoshopでのモザイク加工が有効です。 今回はphotoshopを使ってモザイク処理を行う方法をご紹介いたします。 photoshopで画像(顔)にモザイク処理を行う 画像にモザイクをかける際の準備から設定まで順を追って説明していきます。 モザイク処理をする前の準備 モザイクをかける前にある設定をしておくと後々便利です。 レイヤーをスマートオブジェクトに変換 画像にモザイク処理を行った場合、一度行ってしまうと後から修正ができません。ですので修正がきくよう画像に特殊なフィルターをのせていきます。フィルターからスマートオブジェクトに変換をクリックします。 こうすることで画像にフィルターがかかります。フィルターは再編集が可能ですので安心して作業をすることができます。
イラレの角丸は用途に合わせて2つのやり方 IllustratorCCのバージョンアップで特に便利だと思った機能の代表的なものに角丸ツールの「ライブコーナー」があります。同じ角丸をつくるにも、ライブコーナーはDTPや印刷向き。変形の角丸はWeb向きです。 DTPや印刷にはライブコーナーで角丸がおすすめ ライブコーナーはオブジェクトを選択すると4つ角に二重丸マークが表示されます。二重丸マークの一つを矢印方向にドラッグ&ドロップすると、角丸が作成できます。 直感的に角丸が作れますが、キレイな角の数値がとれるわけではないので、CSSで作成するオブジェクトには向きません。グラフィックやDTP・印刷向きの機能です。 かけすぎた角丸を調整したい かけすぎたライブコーナーを調整するのは、対象オブジェクトを選択し、角丸にしたときとは逆の方向にドラッグ&ドラップします。これで元の長方形に戻りました。 1部だけ
はじめに Photoshopには変形という機能があります。 かなり定番の機能ですが、2018年10月のアップデート�で色々と改変がありましたので、使い方の説明と変形を使って出来るグラフィックの使用例をご紹介します。 Photoshopの変形の使い方 変形の使用方法を説明します。変形内にはいろんな機能があります。 ワープ機能以外はショートカットcommand+T(winならctl+T)で利用することができます。頻繁に利用する機能なのでショートカットがおすすめです。 Photoshopの変形 拡大・縮小をする 変形の基本的な機能です。画像の大きさを変更します。周りにあるハンドルをクリックしたまま画像外側にスライドすると画像が拡大します。反対に画像内側にスライドすると縮小します。 OPTIONを押しながらスライドすると画像の中心を支点として大きさ�が変わります。 SHIFTを押しながらスライドす
はじめに モデルや、商品、料理などの加工をしているレタッチャーやPOP、広告などを作っているデザイナーの方であれば クライアントから 「このモデルの帽子の色を赤じゃなくて青にしたいんだけど、、」 「この料理の青野菜の部分だけもう少し黄色を強くしたいなあ、、」 「背景の屋根の色を黒じゃなくてオレンジにしたいんです」 こんなピンポイントな修正や要望を受けること、たまにあると思います。 そしてPhotoshopなら、そういった要望に簡単に対応することができます。 Photoshopは、以下の色の置き換えができます。 ●同系色の色をすべて置き換える ●特定の部分だけ色を置き換える ●白や黒色を別の色に置き換える 今回は、この3つの置き換え方法を順にご説明します。 色の置き換えのススメ 色の置き換えはどれもとっても簡単です。Photoshopを日常的にあつかう方は頻繁に行う工程なので、ぜひ覚えておい
はじめに 撮影した写真や素材写真などの背景を切り抜きたい(透過させたい)場合、Photoshopを使えばかんたんに透明にすることができます。 今回はPhotoshopをつかって、背景を透明にしていく方法を紹介いたします。 単純な背景(単色やコントラストがはっきりした画像)と複雑な背景(被写体と背景が同系色で認識しづらい画像や人物の髪の毛など)とで方法が違うので、ひとつひとつ説明していきたいと思います。 下準備 -カンバスを透明にする- Photoshopで新規ファイルを作成するさいに、背景を白色か黒色か、背景色か透明かを選択することができます。 新規ドキュメントと書かれたパネルが出るので、そこでカンバスカラーと書かれたタブをクリックしましょう。 透明にする場合は、ここのカンバスカラーの部分を「透明」に変更しましょう。 透明になりました。 ここに画像を配置しても背景は透明のままです。 ちなみ
はじめに Photoshopには「選択範囲を作成する」という作業工程があります。選択範囲は作業を行ううえで、一番最初の工程となります。 今回は選択範囲の機能と、いろんな選択範囲の作成方法をご紹介していきます。 選択範囲とは、その名のとおり選択した範囲を視覚的にわかるよう破線をつくることです。選択範囲が作成されると次のような枠の破線が作成されます。 できること 選択範囲を作成するといろんなことができます。 選択範囲を作成した箇所に 色を塗りつぶしたり、 色を変えたり 選択した箇所を切り抜いたり、 選択した箇所を反転させて反対側に色を塗ったり切り抜いたり、 選択した枠をさらに大きくしたり小さくしたりして、 そこに色を塗って画像の後ろに配置したり まだまだ他にもいろんなことができます。 Photoshopで選択範囲を作成する6つの方法 それでは選択範囲を作成するいろんな方法を紹介していきます。大
はじめに Photoshopは画像の色を補正したり、変形させたり、切り抜いたり、切り抜いた画像どうしを合体させて新たなグラフィックを生み出すことを得意としたソフトですが、 撮影した画像をイラスト風に変えたり、絵画風にしてしまう、なんてことも簡単にできてしまいます。 今回はPhotoshopを使って、写真を線画のイラストや絵画風に変える方法を紹介していきます。 写真をイラスト風に変える方法 写真から線を抽出し、イラスト風に変更する方法を紹介します。 写真を用意する やり方はとても簡単です。まずはイラスト化したい画像を用意しましょう。 写真を線画にする 次に画僧レイヤーをレイヤーパネルにある+のアイコンにスライドして複製します。 複製した画像レイヤーを選択し、「フィルター」→「ぼかし」→「ぼかし(詳細)」を選択します。 「ぼかし(詳細)」と書かれたパネルがでて、画像が白黒になった状態の絵がプレ
はじめに Photoshopにはイラストレーターと同じように、オブジェクトを整列・分布させる機能があります。この機能をうまくつかいこなすことで、デザインやグラフィックイメージをきれいにみせることができます。また、時間の短縮、作業の効率化をはかることができます。 今回はPhotoshopの便利な整列・分布機能をひとつひとつ紹介していきます。 レイヤー(オブジェクト)の整列・分布機能 整列・分布と簡単に書きましたが、そもそも整列と分布ってどういうことなのか、少し説明しておきたいと思います。 整列はその名前のとおり、列を整える、揃えることで、オブジェクトの端の部分と別のオブジェクトの端の部分を揃えて並べるということです。 そして分布とは、3つ以上のオブジェクトを均等に配置することをいいます。分布は、均等に並べるので当然、オブジェクトが3つ以上ないと機能しません。整列は2つでも機能します。それらを
今回は、水元さきのさんにカバーイラストを描いていただきました。青を基調とした線の少ないイラストがとても気持ちいいです。iPadで描くのが当たり前っていうのも含めて興味深かったです。 水元さきのさんのイラストを描く過程、ダイジェスト(30秒版)コンセプトはのちほど。 描きはじめたキッカケ 石川:描き始めたキッカケって何ですか? 水元:中学生時代、周りに絵の上手い友人がいて、楽しそうだったのがきっかけです。最初はぜんぜん描けなかったです。なので既に完成されているものを真似するところから始めました。模写ですね、ありがちだと思うんですけど。 好きな絵を描くっていう行為は、飽きないんです。好きな漫画家さんのコマの顔をそっくりそのまま描くんですよ。それだけで自分の描いたものがどんどん増えていくので楽しかったんです。授業中に教科書に書いたり。 就職とフリーランス 石川:就職はしなかったんですか? 水元:
はじめに 基本的はテキストの加工は自分で一から手作りするものですが、「あー時間がない」とか「あー確かこんなのあったよね」って時に思い出してもらいたいテキストエフェクトをまとめました。随時更新していきます。 最初の1つ目は無料ですが、そのあと2つ目以降は有料です。1000円から2000円ぐらいなら、時間短縮のためやアピアランスの構造勉強として購入してしまうのはありだと思います。 有料なテキストエフェクト(グラフィックスタイル)は全部購入して試してみました。 一発変換、レトロな立体文字 10種類のハーフトーンのテクスチャを加えたり斜線を加えたり立体的だったり影がついたりテキストエフェクト。全体的なコンセプトがレトロとなっていますが、色を変えたり線の太さを変えたりフォントを変えたりすると、色々な使い道があると思います。グラフィックスタイルから一発変換できます。 それぞれ面白い処理をしていますので
はじめに Photoshopで画像を回転させることができます。 角度を入力して回転させることや、自分で好きな角度に回転させて調整することはもちろん、斜めに撮影された画像をAiが自動で正対させる、なんてことも簡単にできてしまいます。 今回はPhotoshopで画像を回転・角度補正する方法をいくつか紹介していきます。 いくつか方法がありますが、おこなっている作業に適した方法がありますので、この中から見つけて実践してみてください。 回転をする上で覚えておきたいこと フォトショップで画像を回転させる前にお伝えしておきたいことがあります。それは回転をおこなうことで画質は劣化していく、といくことです。 というのもPhotoshopのデータはビットマップデータという細かい四角のドットが集合して色を表現しているので、角度を変えるとそれらをすべて書き換えがおこなわなければならず、何度もおこなうと画質がぼやけ
はじめに Photoshopといえば、画像の加工や切り抜き、合成や色の補正、ブラシを使ったイラストやレタッチなど、画像を加工装飾する機能が多く挙げられますが、 イラストレーターのように、単純な線をひいたり、それをカスタマイズして点線や破線、波線などの線をつくりだすことも簡単にできるんです。 今回はPhotoshopをつかって点線や破線 波線などといった色んな線をつくる方法を紹介していきたいと思います。 Photoshopでつくる点線 破線 波線 順番に説明していきます。 点線をつくる方法 はじめにブラシツールを選択します。 画面上部にオプションバーがあるので、そこにあるフォルダの中にブラシが描かれたマークをクリックします。 すると、ブラシ設定と描かれたパネルが表示されますので、そこで設定をおこなっていきます。 直径は何ピクセルでも構いませんが、ここでは30pxで作成していきます。 点線の間
はじめに Photoshopで画像やイラストに色を塗りたいとき、 部分的に色を塗りたいとき、 レイヤー一面に色を塗りつぶしたいとき、 パスで選択した選択範囲のみを塗りつぶしたいとき、 Photoshopを扱うと、色んな塗りつぶしたい場面があると思います。 ですがPhotoshopをはじめたばかりの人にとっては、塗りつぶし機能を使いこなすのはなかなか大変です。 ということで、今回はPhotoshopをはじめたばかりという人向けに、塗りつぶしの機能を簡単でわかりやすく紹介していきます。また、便利なオプション機能やショートカットキーもあるのでぜひ覚えていってください。 塗りつぶしの対象は2種類 塗りつぶしには2つの塗りつぶし対象があります。ひとつずつ説明していきます。 塗りつぶしの対象:レイヤー Photoshopにはレイヤーという透明なフィルムのようなものがあります。そしてそこに色を塗りつぶす
はじめに Adobe Illustratorの3D効果でノートPCを作成してみます。もちろん、スマートフォンや形状が複雑ではないプロダクトなどは、なんでも応用ができます。 ノートPCのイラスト素材は珍しくありませんが、アングルがぴったりハマるものが無い時にこれが手元にあれば便利です。3Dオブジェクトなので全方位360度アングルを変えられ、ディスプレイ表示部も後から差し替えができ、ディスプレイの開閉角度も変更可能です。こんなやつです↓ 作成手順 ノートPCの側面を3D押し出し→展開された表面(ひょうめん)にパーツをマッピング。これが大筋です。 設計図・サイズを作る 「長辺・短辺・高さ」の面を長方形ツールで描き起こします。作りやすいよう単位をpx(pt)の整数にしています。 塗り色はPC筐体のベースカラーとするのでスウォッチに登録しておきます。グローバルカラーに設定しておくと色変更がラクです。
はじめに Photoshopでグラフィックを作っていて、デザインに矢印を入れたい!となったとき、どうしますか? illustratorで作ったデータを持ってくる、画像を持ってくる、いろいろありますが、実はPhotoshopでも矢印をかんたんに作ることができるんです。 今回はPhotoshopで矢印をつくる方法をご紹介していきます。 Photoshopを使った矢印の作り方 ではさっそく作り方を紹介していきます。 シンプルな矢印を作る方法 こちらはとにかく矢印を早く作りたい人にオススメです。 ラインツールで作る方法 この方法はシェイプという特殊な機能で作る矢印なので、矢印を拡大縮小しても画質が劣化しないというところがポイントです。 矢印の形は決まっていますが、とにかく矢印であればいいという方にオススメです。 こんなタイプの矢印ができます。 まずはじめに「長方形ツール」のある場所を長押しして「ラ
はじめに イラストや写真をつなぎ合わせて、動きのある簡単なアニメーション動画を作成したい! アニメーションで見せたいけどデータが重いと大変。。 といったとき、 Photoshopなら簡単なステップをふむだけでGIFという軽くて動きのあるアニメーション動画をつくることができます。 今回はPhotoshopをつかってGIF動画を作る方法をご紹介していきたいと思います。 GIFとは Graphics Interchange Format(グラフィックス・インターチェンジ・フォーマット、略称GIF)とはCompuServeのPICSフォーラムで提唱された画像ファイルフォーマットの一つ。LZW特許を使用した画像圧縮が可能。一般的に用いられている拡張子は.gif。 GIFは256色以下の画像を扱うことができる可逆圧縮形式のファイルフォーマットである。圧縮画像ファイルフォーマットでは歴史の長いもののひと
はじめに adobe Photoshop 2020が発表されたのが昨年の11月、そして2020年の2月に新たな機能を追加発表をおこないましたので、新機能の紹介と、昨年11月に発表されたPhotoshop 2020のおさらいをしていきたいと思います。 Photoshop 2月に追加された新機能3選 ではさっそく2020年2月に発表された新機能の紹介をしていきます。 ①「ぼかし(レンズ)」の強化 新しいぼかし(レンズ)はコンピューターのグラフィックカード(GPU)を使用することで、焦点面の手前にあるオブジェクトのエッジのぼかしがより強く、ボケの表現がよりリアリティのある処理結果がえられるようになりました。 以下の画像は手前をぼかして奥側をクリアのままにした画像です。こういった部分的なレンズコントロールができるようになりました。 実際にやってみました。 まずは部分的にぼかすための設定をおこなって
この記事の大前提ですが、Illustratorで自分で作成する人のための記事となります。 まず、どんな名刺にするか決める 誰に何をどう思ってもらうための名刺なのかを、まず考えます。これはもちろん、人や企業によって異なりますね。 なんとなく作っていっても後悔することが多いんですよね。フリーランスのときに某経営者に、「あーデザインが好きなデザイナーの名刺っぽいね」と言われたことをすごく覚えていまして、デザインの仕事の枠を超えた仕事以外は発注こないなと思ったことがありました。 デザイナーだからそれで正解とも思うのですが、自分が目指すポジショニングが当時そこではなかったので、失敗したと思いました。 フリーランスでデザイナーってポジションは「部分だけの仕事」になりがちで、企画全般に携わったりできないなと悩んでいた時期でした。 コンセプトを考える そんなわけで法人化したりしました。 ロゴのカラーは黒で
はじめに 画像やグラフィックイメージに光やレンズフレアのアクセントを入れたいとき、Photoshopなら簡単につくることができます。 今回はPhotoshopを使って、画像やグラフィックイメージにはまる光(レンズフレア)の作り方を紹介していきます。 レンズフレアとは レンズフレア (lens flare) は、カメラによって写真・映像を撮影する際に、極めて明るい光源がレンズに向けて当てられている時や、画角内に極めて明るい光源が存在する場合に生じる、暗部への光の漏れである。 実写の映像で起きる現象をハレーションと呼ぶ事もあるが、ハレーションはフィルムのベース面で反射した光線が再び乳剤を感光させる現象であり、レンズフレアとは区別すべきである。 レンズ内面での再反射によっておこるフレアは、反射面の曲率や形状によりさまざまな形態のものが生じうる。特に凹面で強い光が再反射すると、光源から画面中心を基
次のページ
このページを最初にブックマークしてみませんか?
『DESIGN TREKKER(デザイントレッカー)』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く