サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
おみそ汁
www.genius-web.co.jp
こんにちは! ジーニアスウェブのスギタです。 今月から平日3日の短時間だけですが、 いつもより1時間早く起きてランニングをしています。 朝活って時間を有効に使えて良いものだなぁと、気づきはじめた今日この頃です。 さて、皆さんはコーディングをする際 連番をつけたい時があると思いますが どのようにコードを書いていますか? 手入力で、1、2、3・・・ってHTMLに記述されていますか? そんなことしてたら、その項目が増えたり減ったりすると その度にイチイチ書き換えないといけないですよね。 とっても面倒ですよね。 そこで便利な、CSSのcounter-increment。 こちらを使用すれば、簡単に自動で連番をつけることが出来ますので その方法を今回はご紹介いたします。 1、タイトルに連番をつけてみよう まずは、下記のようなHTMLを準備します。 <ul> <li> <h2>タイトル</h2> <p
2018.07.23 Mon 処理を終了?スキップ?GoogleAppsScriptの【break】【continue】【return】の違いについて。 BY.高橋 #Webプログラミング みなさん、こんにちは。 ジーニアスウェブの高橋です。 いよいよ夏本番がやってきました。 とても暑い日が続き大変ですが、大好きなモンスターエナジーに元気をもらい毎日頑張っています。 さて、今回は社内システムを実装した際につまずいた、【break】【continue】【return】の違いについてまとめていきたいと思います。 【break】【continue】【return】の3つは処理は似ているようで、使い方がそれぞれ違い, 使い方を間違えるとエラーになったり、思っていなかった動きをしてしまうので注意が必要です。 今回はfor文を使った1~10までの数字をログ表示する関数を例にそれぞれの動きを見ていきたい
2018.11.07 Wed 【Git】削除したブランチは復活できる!Git初心者から中級者になりたい方へ BY.yamada #Webプログラミング やってしまった…。そういう経験、皆さんにもありますよね。 つい最近私にもとても困ったことがありました。実装中のブランチを誤って削除してしまい、実装内容がパーになってしまったのです。もう頭が真っ白になりますよね。 でも大丈夫です。消してしまったブランチは変更履歴から抽出して復活させることが可能なのです。 当記事の対象者としましては以下のとおりです。 なくなった過去(削除してしまったブランチ)を取り戻したい方へ ある程度のGitコマンドを理解できている方へ Git初心者から中級者になりたい方へ どうぞ最後までよろしくお願いいたします。 ブランチの削除する方法 要らなくなったブランチを削除したいとします。その際は以下のコマンドでブランチの削除を行
こんにちは。ジーニアスウェブのスギタです。 さて、WordPressの投稿を使用する際、 デフォルトの投稿では、カテゴリの絞り込みがあるのに、カスタム投稿ではその絞り込みがなくて、不便だなと感じたことはありませんか? 記事数が多くなってくると、ページをまたいで探さないといけなくなり不便ですよね。 そんなとき、functions.phpにちょっとした記述を足すだけで簡単に絞り込みが出来るようになります。 本日はそのご紹介です。 まずは管理画面の確認 標準の投稿一覧では、下図のようにカテゴリでの絞り込み機能がありますね。 しかし、カスタム投稿には、日付での絞り込みしかないのです… これくらい、はじめからつけておいてほしいですよね… functions.phpに記述しよう それでは、早速作業をはじめましょう。 ・カスタム投稿タイプ → product ・カスタムタクソノミー → product-
みなさん、こんにちは。志々目です。 広告運用に携わっている方であれば、「異常値」にはかなり注意を払うものだと思います。競合がCMを打ち出したことによる相乗効果でインプレッションが一気に倍増!など、通常では起こりえない「異常値」は、統計学で言う「外れ値」として扱うことでスプレッドシート等で簡単に検知することが可能です。今回は、具体的な方法をご紹介させていただきます。 異常値として検出する「外れ値」とは? 以下の分布図の赤い点を「外れ値」と呼びます。 外れ値(はずれち、英:outlier )は、統計において他の値から大きく外れた値をさす。 外れ値かどうか検定したい標本について、偏差を不偏標準偏差で割った検定統計量 を求め(x1 は標本値、μ は平均、σ は標準偏差)、この値(両側検定をする場合はこの絶対値)が有意点より大きいかどうかで検定する。 簡単な方法では、2または3を有意点とする。つまり
2017.10.05 Thu Advanced Custom Fieldsによる条件分岐で便利な使い方~ラジオボタンでテキスト出力編 BY.杉田 #中小企業のホームページ運用 こんにちは。 ジーニアスウェブのスギタです。 めっきり秋らしく涼しくなってきましたね。 わが家のニャンコ達も、丸くなったり、布団に入ってきたり、くっつくようになりました。 ニャンコ達と暮らしていると季節を感じられます。 涼しくなってきたので、夏の間、中断していたお家のDIYを再開しようかと計画中です。 さて、今回は私がWordPressを構築する際に使用するプラグイン「Advanced Custom Fields」を使用した条件分岐についてご紹介させていただきます。 今回は、Advanced Custom Fieldsの機能のひとつ、 ラジオボタンを使用した条件分岐で、テキスト出力を切り替え方法を。 例えば、ページの
2017.11.06 Mon Advanced Custom Fieldsの便利な使い方~画像出力編(任意サイズの設定もできる) BY.杉田 #中小企業のホームページ運用 こんにちは。 夏前まで楽しんでいた朝活をめっきりサボっているスギタです。 現在は秋ということで食活に力を入れております。 さて、今回も前回(Advanced Custom Fieldsによる条件分岐で便利な使い方~ラジオボタンでテキスト出力編)に引き続き Advanced Custom Fields の使い方をご紹介させていただきます。 今回は、画像の出力編(任意サイズの設定もできる!)です。 では、早速進めていきます。 準備 前回のラジオボタン出力編と同様に、Advanced Custom Fields の設定画面へ移動します。 前回と違うのは、フィールドタイプを「画像」にします。 上記設定が完了しましたら、投稿編集画
皆さんこんにちは、ジーニアスウェブの黒木です。 そこのあなた、WordPress使ってますね? webのお仕事をされている方、興味がある方など、このブログを読んでいる方のほとんどが一度は使ったことがあると思います。 今日はそのWordPressの管理画面のメニュー項目の非表示を行う方法をご紹介したいと思います。 WordPressの管理画面には何があるのか? WordPressの管理画面のメニューには、大きく分けてメニューバーと言われる部分とサイドメニューと言われる部分があります。 サイドメニューには「ダッシュボード」「投稿」など標準で10のメニューがあります。 これらの中にはテーマそのものを編集できるものなど、サイトのコアな部分を編集できてしまう場所が多くあります。 これらはたとえ管理者でも普段ほとんど使わない機能ではないでしょうか? 権限グループによるメニューの違い WordPress
こんにちは。ジーニアスウェブのスギタです。 富士山が見たくて、先日静岡まで行って参りました。 雲一つない秋晴れの中じっくり眺めることができ、パワーを頂くことができました。 それでは本題に入りましょう。 サイト制作時によくお世話になっているslick.js。 以前、「スマホ時にはスライドさせたいけど、PCではスライドさせずに静止画表示させたい」という案件がありました。 調べてみるとあるもんですね。 今回はその方法をご紹介させていただきます。 すぐに思いつく簡単な方法に、 HTMLをスマホ用とPC用で2ソースに分ける方法が出てくるかと思います。 しかし、レスポンシブサイトのときは、極力1ソースで組みたいところ。 よっぽどでない限り2ソースに分けることはしたくありませんよね。 今回ご紹介する方法は、もちろん1ソースで実装ができるものです。 jsの記述 スマホ、PCともにスライドさせる通常の記述。
2018.10.09 Tue WordPressの大量の記事をCSVデータで一括管理できる「Really Simple CSV Importer」 BY.米田 #中小企業のホームページ運用 こんにちは。 米田です。 久々に本気でダイエットをしているのですが、 週末になると飲んで食べてで結局リセットされる日々が続いています。。 さて今回は、CSVデータから簡単に記事を生成できる、 「Really Simple CSV Importer」というwordpressのプラグインのご紹介です。 準備 例のごとくwordpressのプラグインの新規追加から、「Really Simple CSV Importer」と検索して追加、有効化すればokです。 そして、ツールのインポートからCSVを選択します。 「サンプルCSVファイルをダウンロード」とあるので、落として準備完了です。 記事生成 先ほど落とした
2018.01.09 Tue Illustratorの画像アセットでWeb用書き出しがとても便利になりました! BY.杉田 #デザイン制作のコツ こんにちは。ジーニアスウェブの杉田です。 2018年になり、もう1週間が経ちました。 皆さまはどのようなお正月を過ごされましたでしょうか? 私は、食べて呑んで寝て…の繰り返しでナマケモノになっていました。 気持ち切り替えてバリバリ制作していきますので、本年もどうぞよろしくお願いいたします! さて、デザインデータをWeb用に書き出す際、 どのように書き出し作業をされていますか? 大半がPhotoshopで、画像アセットの機能を使用されているかと思います。 しかし、いつの間にやらIllustratorにも画像アセットが使えるようになっていたのです! ご存知でしたか?私はつい最近知りました… ですので、自分の覚書きも兼ねて、ご紹介させていただきます。
こんにちは、ジーニアスウェブの黒木です。 さていきなりですが皆さんはメルマガの購読をしていたりしますか? 私は1つだけしているのですが、その他は某ショッピングサイトで自動でチェックが入ってしまうメルマガを都度解除するくらいにはメルマガ購読はしないようにしています。 一昔前はウェブサイトの最新情報を得ようと思ったら、メルマガを登録するのが普通だったかと思います。 あとはRSSリーダーなんてのも使っていた方は多かったのではないでしょうか。 でも最近はそもそもメルマガ登録のボタンをあまり見ることがなくなったように思います。 じゃあどうやってユーザーに最新情報を提供するのか。 今日はその中のひとつの手法であるwebプッシュ通知についてご紹介したいと思います。 webプッシュ通知って? このブログを見たときにブラウザのアドレスバーの左に画像のような表示が出たでしょうか? これはこのブログがwebプッ
「Google Cloud Vision API」とは? Google Cloud Vision API は、googleのとても優秀な画像解析機械学習モデルを使えるサービスのことです。 Googleの画像検索などにも使われているようですね。 わかりやすいところでいうと、 写真の画像情報 (色、人物等)を取得したり、画像内の文字情報を抽出したりすることが可能です。 Google Cloud Storage (GCP)との統合・連携も容易にできるので、 使い方次第ではいろんなことができそうですよね。 Google Cloud Vision API」主な機能 主な機能を紹介します。 機能1 ラベル検出 乗り物や動物など、画像に写っているさまざまなカテゴリの物体を検出 機能2 不適切なコンテンツの検出 アダルト コンテンツや暴力的コンテンツなど、画像に含まれる不適切なコンテンツを検出 機能3 ロ
2017.10.12 Thu inline-blockで横並びにしたらカラム落ちしてしまった!簡単な解決法をご紹介! BY.米田 #Webプログラミング こんにちは。 ジーニアスウェブの米田です。 コーディング初心者にとって、要素の横並びはつまずくポイントの1つではないでしょうか。 実際自分もそのひとりです。 レスポンシブ化が必須になってきている今、可変対応できるものでないとなりません。 今回はinline-blockで横並びにした際、カラム落ちしてしまう現象についてご紹介します。 なぜカラム落ちしてしまうのか 今回はこのリスト要素をinline-blockにして横並びにしたい。 li要素にdisplay:inline-blockとwidth:33.333%を指定。 ところが、、、、 カラム落ちしている!! 今回は余白なしのレイアウトだから分かりやすいが、 余白を指定していると気づきにくい
2018.02.06 Tue PCでAndroid端末のブラウザチェックをして、検証までやってしまおう! BY.黒木 #Webプログラミング こんにちは。ジーニアスウェブの黒木です。 昨日から地元宮崎を離れ大阪本社にきています!! 前職で大阪に3年ほどいたことがあるので、第2の故郷に帰って来たという感じでワクワクしています。 さて、今回はタイトルにもある通り「PCでAndroid端末のブラウザチェック」をする方法をご紹介したいと思います。 前置きはどうでもいい、やり方だけ教えてーという方はこちらから ブラウザチェックって!? ブラウザチェック、皆さんやってますか〜!? 制作したページが正しく表示されているか、各ブラウザ、端末で確認する作業ですね。HP制作に携わる方であれば、必ず行う作業だと思います。 私たちの会社では、基本的に以下の表示を確認します。(例外もありますが…) GoogleCh
2018.04.24 Tue Font Awesome 5をCSSの疑似要素で指定するとアイコンが表示されない場合の対処方法 BY.杉田 #デザイン制作のコツ こんにちは。ジーニアスウェブの杉田です。 花粉との戦いも終息に向かっているので、 ようやく外出がしやすい季節になってきました。 そろそろ、ジョギングの再開をしようと思います。 さて今回は、 昨年いつの間にやらバージョンアップされていた「Font Awesome 5」で、 私がハマった罠の解決方法をご紹介させていただきます。 先日、久しぶりにFont Awesomeを使用しました。 その際に、疑似要素(::before, ::after)にアイコン設定をすると、 一部のアイコンのみなぜか表示されないという現象がおきました。 私がハマった罠 例えば、下記のように黒色テキストは疑似要素で指定しているのですが… See the Pen 20
2017.06.27 Tue 【photoshop】描画モードを使いこなしてワンランク上の画像合成を!パート1 BY.小野 #デザイン制作のコツ こんにちは、小野です。 6月後半となりましたが、梅雨のじめじめした季節がやってきましたね〜 今年は昨年に比べると梅雨入りも晴天が続きそこまで雨が降っていないように思います。 もうすぐ7月ということで梅雨が終われば海やBBQなど楽しみがたくさんです! さて、皆さんはphotoshopの描画モード(ブレンドモード)は使用されたことありますか? 定番の「乗算」や「スクリーン」などはphotoshop経験者であれば大体使ったことがあるかと思いますが、他のモードも使いこなすことでいつもと違った画像加工や効率アップにつながるかもしれません! 初心者でも簡単に加工できる方法をモードの種類ごとに2回にわたってご紹介していきます。 (27種類ありますが実務で使用で
皆さんこんにちは、小野です。 先日テレビで3000種類のフォントを見分ける「絶対フォント感」をもった数学教師の方が紹介されていました。 普段デザインをしていて基本的なフォントはぱっと見て見分けがつく事はありますが、世の中には3000種類も見分けれるすごい人もいるのだなあとびっくりしました。笑 さて、最近ではwebデザインでフラットデザインでシンプルな余白の多いデザインが増えてきています。 webデザインだけではなく、プレゼン資料や紙媒体のデザインでも余白を作ることはとても重要となってきます。 ただ、余白は「なんとなくつけるもの」「感覚」といった状態ではなく、メリハリやリズムを与えるデザインの一部として考えることが必要です。 今回はそんな余白の取り方や与える効果について書かせていただきたいと思います。 余白とは? ホームページのレイアウトにおいて、レイアウトの周りにある空白のスペース部分、も
皆さんこんにちは、小野です。 9月も後半になりだんだん朝夜が寒くなりはじめましたね。 秋といえば読書の秋・食欲の秋・スポーツの秋…などいろいろありますが、私は「食欲の秋」です! 夏はアクティブに運動していましたが、最近カフェ巡りと写真撮影にはまっているので秋はゆっくりとした時間を過ごしていこうと思っています。 さて、今回の記事の内容は「webサイトのレイアウト方法」です。 webデザインのレイアウトはスマートフォンやタブレットの使用者増加に伴って日々新しいものがでてきています。 最新のトレンドもご紹介しつつ、定番のレイアウト方法を7つ厳選してご紹介していこうと思います。 1.グリッドレイアウト 雑誌や新聞などの印刷物でもよく使われており、縦横の見えない線や格子状のブロックに合わせてブロック内の要素の大きさや配置を決定していく手法のことをいいます。 文章や画像、余白などグリッドラインに合うよ
みなさん、こんにちは!宮崎オフィスの宮本です。 梅雨の時期がやってきましたね。原付通勤の私には、辛い時期です… 突然ですが、「貴金属比」ってご存知ですか? 人間が無意識のうちに、美しいと感じる比率のことです。 今回は、その貴金属比のうち代表的な3つをご紹介します。 黄金比(Golden Ratio) 黄金比とは、1:(1+√5)/2=1.618…で表される比率のことです。 難しげな数式が出てきて、「うわ….」と思う方もいらっしゃるかもしれませんが(現に私がそうです汗)、黄金比は私たちの身近に多く存在しています。 たとえば、 パルテノン神殿 モナ・リザ Apple社のロゴ パスポート Twitterのロゴ などなど… ちなみに、ジーニアスウェブのブログ記事のメイン画像(記事タイトルの下に表示される画像)も、実は黄金比なんです! パルテノン神殿からTwitterのロゴ…その時代の振り幅に驚きま
こんにちは!戸井です。 寒くなりましたね、寒がりの私には辛い季節になりました。 寝るときは、長袖・長ズボンのパジャマはもちろん、室内用のモコモコ靴下にネックウォーマー、パーカーを着て寝ています。 本格的な冬が来たときは、団子のように丸くなっていることでしょう… IllustratorでPDFにしたときファイルサイズが重いと感じたことはないですか? ファイルサイズが重いと開くときに時間がかかったりしてウンザリしたりしますよね? 保存をするときにちょっと工夫をするだけでかる〜くなります。 (1)【別名で保存】→【PDF】を選ぶと、下記のような画面が出てきます。 このとき【Illustratorの編集機能を保持】のチェックを外すだけで、重さが違ってきます。 これをチェックしたままでいると、Illustratorで編集する際の様々な隠れた膨大なデータが加算されたままです。 (2)次に【圧縮】タブで
こんにちは! ジーニアスウェブのスギタです。 ようやく花粉の症状が落ち着きはじめたので 外出が楽しくなってきた今日この頃です。 さて、皆さんはサイト制作でコーディングをする際 アイコンはどのように使用されていますか? pngなどに書き出した画像ですか?それともsvgでしょうか? 私はデザインによっては、 画像に書き出さずにWebフォントにしちゃいます。 フォントにしてしまえば、ボケずに拡大縮小をすることが可能だからです。 そこでよく使用するサイトが「IcoMoon」です。 本日はこの「IcoMoon」を使用して 自作アイコンをWebフォントにする方法をご紹介させていただきます。 (1)オリジナルアイコンをSVGファイルで作成 作成するソフトは、 SVGファイルに保存出来るものであれば何でもOKです。 私は、Adobe Illustrator で作成しています。 作成が出来たら、svgで保存
今日もマツリスタジオから心新たに、今年1発目の記事を、捻り上げてやってまいりましたジーニアスウェブの横山です。激動の2015年も終わり、2016年もweb業界はさらにめまぐるしい変化が起きそうな予感。 さて、ホームページやバナーなどで、このようなキャッチコピーをよく見かけませんか? はー、このようなキャッチコピーを見るとうんざり。 2015年から広告ブロックなども話題になりましたが、広告を嫌う傾向が出ています。(もともと広告なんて売り込みですから基本は見たくないもの) 特にウェブの世界では元々SEO的な考えが根底にありますから、キーワードを意識したキャッチコピー、見出しが多く見受けられます。 もうありきたりで、だれでも言えるキャッチコピーはもう通用しない。 ユーザーは賢くなっている。売り込みの強いもの、騙すようなキャッチコピー、広告は嫌われます。 そもそもキャッチコピーを間違った使い方をし
新年あけましておめでとうございます。 ジーニアスウェブの杉田です。 巷ではまだお休み中の方もいらっしゃると思いますが、 ジーニアスウェブは昨日より通常どおり営業をしております! 今年の私のお正月は、 自分へのお年玉として、カメラを買い替えました。 おもちゃを与えられた子供のように喜びはしゃぎ 常にシャッターを切りご機嫌な私です。 さて、早速本題に入りますが、 昨年2016年11月1日付でHTML5.1が正式勧告され、 新たに追加・廃止・変更された点があります。 その中から私が気になったものをほんの一部ですが紹介させていただきたいと思います。 <section>で階層化された時の<h1>のネストを廃止 HTML4からHTML5になった時の仕様変更のひとつでもある、 「<section>を入れ子することで階層がマークアップされている場合は 見出しタグのレベルは問わない」というものがありました。
2016.05.02 Mon ウェブサイトでおもてなし!無料で始められる国内のライブチャットサービス4選 BY.横山祐樹 #中小企業のホームページ運用 こんにちは、ジーニアスウェブの横山です。 ゴールデンウィークも半ばですね、みなさんはいかがお過ごしですか? さて、今回はウェブサイト上でチャットが行える『ライブチャットシステム』についてです。 見かけたことがあるかたも多いかもしれません。Web サービスやECサイトなどでよく見られますよね。 タグを埋め込むだけで実は簡単に無料で使うことができます。たくさんのサービスがありますが、その中でも国内で展開しているものをいくつかご紹介します。 オンライン接客ができるライブチャットって? 近年、リアルな店舗と変わらないレベルの接客をネット上で行える「オンライン接客」が注目を集めています。 モノを買うときに、欠かせないのが「接客」ですよね。接客の対応次
2016.03.24 Thu 気になったけどフォント名が分からない!そんな時に使える無料サービス3つをご紹介 BY.郡 詩織 #デザイン制作のコツ 皆様ごきげんよう、郡です。三月ももう終わり間近ですね。 ようやっと桜が咲き始めたようで、お花見を計画したり実行した方が多いのではないでしょうか?ちなみに私は花見で宴会よりは、まったりと桜を眺めているのが割と好きです。 去年はゴタゴタで見られなかったので、今年はどこか見に行けるといいなぁと思っている次第です。 ところで、WEBサイトや雑誌、チラシなどを見ていて「あ、このフォントいいなぁ。使ってみたい。」と思ったことがありませんか? 私は結構あるんですけど、まあフォントの種類なんて事細かに覚えていないので、そのフォントがなんであるかなんてパッと見てではわからないです。 そんな時に活躍してくれそうな検索サービスを少しご紹介します。 まずひとつ目。 I
みなさん、こんにちわ。志々目です。 日々の業務の中で、ここは自動化出来たら助かる。という作業は、どの会社にも必ずあるものだと思います。今回は、そういう場面で活躍してくれる自動化ツールzapier(ザピエル)についてご紹介させていただきます。 zapierは、約400のアプリを組み合わせることが可能で、あらゆる操作を自動化してくれます。 例えば、「Twitterに投稿されたツイートをチャットワークへ飛ばしたり」、「Gメールに届いた問い合わせメールをGoogleスプレッドシートに書き込み整理をしたり」 「Googleアナリティクスで計測した電話コンバージョンをGoogleスプレッドシートへ飛ばして管理したり」と、かなり柔軟な使い方が出来るツールです。 以前ご紹介させていただいた時点から、画面のUIもだいぶん変わっていますので、現時点での活用法として更新いたします。 Gmailに届いた特定のメー
こんにちは、ジーニアスウェブの横山です。 いま、インスタグラム(Instagram)を活用する企業が急激に増えてきています。ブランディング、集客、認知度向上とその用途アップなどその用途は企業によって様々。インスタグラムは昨年6月、特定の広告主数百社に広告プラットフォームを公開。同9月にはセルフサーブ型広告も公開され、全世界で広告主が20万社を超えたそうです。 日本でもインスタグラム(Instagram)は、2015年に最も利用者が最も増えたソーシャルメディアであり、たくさんの人が使用しています。写真を中心とした投稿のため、TwitterやFacebookに比べてファンとのコミュニケーションをとることに優れ、そして、若い女性ユーザーを中心に、企業やブランド、商品の世界観を届けるのには、最適なソーシャルメディアといえます。 ちなみ海外ではtwitterよりインスタグラムの方がユーザー数は多いそ
こんにちは。 宮崎から景山がお送りします。 初めて宮崎に来ました。 自分がどこを歩いているのかさっぱりわかりません。 GoogleMapがなければ家にたどり着くことすらできなかったでしょう。 Google先生に感謝です。 GoogleMapに頼りまくりな私ですが、サイトにGoogleMapを表示させる事は多いはず。 そこで、本日はGoogleMapもサイトのテイストに合わせたデザインにカスタマイズする方法を紹介します。 まずは、何はともあれGoogleMapで表示させたい場所を表示させましょう。 普通にサイトにMapを表示させるだけなら、左上の三本線のメニューから 地図を共有または埋め込むから、埋め込むを選択してタグを埋め込めばよいです。 ですが、カスタマイズする場合はGoogleMap APIを使います。 【Google Map カスタマイズ】 マップの表示 デザインの適用 アイコンの変
次のページ
このページを最初にブックマークしてみませんか?
『中小企業の集客と人手不足を解消する会社ジーニアスウェブ | 株式会社ジーニアスウ...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く