サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
www.marguerite.jp
しらぎく麻雀をプレイする しらぎくモバイル麻雀をプレイする しらぎくモバイル麻雀での台湾麻将について。 『しらぎく麻雀』でプレイ出来る台湾麻将(十六張麻将)について。 『しらぎくモバイル麻雀』でのでの台湾麻将については別記事をご覧ください。 フィーチャフォン向け『しらぎくモバイル麻雀』Flash 版では台湾麻将はプレイ出来ません。 台湾麻将に関するご質問も併せてご覧ください。 台湾麻将(十六張麻将)とは。 台湾麻将とは、台湾独自の麻雀です。 十六張麻将の別名通り、手牌は十三枚ではなく十六枚となります。 台湾麻将も、日本の麻雀同様さまざまなローカルルールがありますが、今回は中華麻将競技協会のルールを参考にして開発しました。 台湾麻将の特徴。 台湾麻将(十六張麻将)には、以下の特徴があります。 手牌は十六枚 槓(カン)がない限り手牌は十六枚、和了時には十七枚となります。 すなわち、和了時の形は
HTML5 ISO-HTML HTML4/XHTML1 詳細 HTML5 での定義。 ここでは、<input>要素及び<textarea>要素の autocomplete 属性を解説します。 <form>要素の autocomplete 属性とは異なります。 平成30年 1月17日現在の定義です。 属性の定義 入力欄のオートコンプリートのヒント。 定義している要素 <input>要素 <textarea>要素 属性の値 本文を参照の事。 DOM インタフェイスでの扱い 各要素のオブジェクトに、以下のプロパティで扱われます: autocomplete プロパティ autocomplete 属性の値を反映。 ISO-HTML (JIS-HTML, ISO/IEC 15445:2000)での定義。 ISO-HTML には autocomplete 属性の定義はありません。 HTML4/XHTML
HTML5 で導入された<video>要素で埋込んだ動画の再生が終わったら自動的に他のページに遷移させるための方法。 まずはじめに。 かつて、ウェブサイト制作技術にフラッシュが欠かせないと思われていた頃、企業サイトの中にはフラッシュ動画を再生させ、再生が終わって初めてメニューページに遷移するサイトが多数ありました。 今日では、スマートフォンがフラッシュに対応しなくなった事もあり、代わりに JavaScriptと DOM、或いは、 HTML5 で導入された<video>要素での動画埋込みなどが普及しつつあります。 それでは、かつてフラッシュ全盛期に行われていたような、動画再生が終了したら自動的に他のページに遷移するようにするには、どうしたら良いでしょうか。 ここではそれについて考えてみましょう。 以下、動画について解説しておりますが、<audio>要素に依る音声埋込でも、同様の方法で演奏後に
令和 4年 5月 1日現在の定義です。 メソッド名 document.querySelector() 六文字目の S を除き全て小文字です。 メソッドの定義 指定の CSS でのセレクタで選択される文書内一番目の要素。 メソッドの引数 document.querySelector( selector ) selector:抽出したい要素を選択する CSS でのセレクタを記述した文字列(複数のセレクタを , で区切って列挙可)。 メソッドの返し値 文書内に引数で指定されたセレクタで選択される要素がある 該当する要素ノードのうち一番初めに現れたノード。 該当する要素がない null 値 尚、プライヴァシーの問題から :visited 擬似クラスを引数に含めた場合には該当する要素ノードを返さない場合がある。 規格 セレクタ API 第一水準 対応環境 グーグルクロム マイクロソフトエッジ ◯ フ
HTML5 ISO-HTML HTML4/XHTML1 詳細 HTML5 での定義。 平成30年 1月17日現在の定義です。 属性の定義 レスポンシヴ画像に於ける画像の表示解像度。 定義している要素 <img>要素 <source>要素(<picture>要素の子要素・HTML 5.1 以降) 属性の値 以下の形で表される表示解像度のリスト: 零組以上の メディアクエリ 横方向表示解像度(CSS での長さ単位を付けた値) の組(双方の値は半角空白類で区切る) (必要なら最後に)デフォルトの横方向表示解像度 を , で区切って列挙したもの。 DOM インタフェイスでの扱い 各要素のオブジェクトに、以下のプロパティで扱われます: sizes プロパティ sizes 属性の値を反映。 ISO-HTML (JIS-HTML, ISO/IEC 15445:2000)での定義。 ISO-HTML には
HTML の要素としての<menu>要素については、HTML リファレンスの該当ページを御覧ください。 令和 4年 5月 1日現在の定義です。 インタフェイス名 HTMLMenuElement インタフェイス。 一文字目からの HTMLAと九文字目の Eを除き全て小文字です。 インタフェイスの定義 <menu>要素に実装されるインタフェイス 実装されるインタフェイス HTMLElements インタフェイス HTML5 では<menu>要素ノードには HTMLMenuElement インタフェイスが実装されます。 HTMLMenuElement インタフェイスは HTMLElements インタフェイス を実装しています。 <menu>要素で定義されている属性はプロパティで与えられ、その他に必要なプロパティが規定されております。 HTMLMenuElement インタフェイスで実装される属
『しらぎく麻雀』では、クッキーを使用しております。 【お知らせ(令和元年11月 3日)】『しらぎく麻雀』に、アニメーション視覚効果をオフにする機能を実装しました。 『しらぎく麻雀』が重いと思われた方は、是非視覚効果オフをお試しください。 本コンテンツについて。 HTML5 で実現した麻雀アプリケーション『しらぎく麻雀』の公開サイトです。 携帯電話などの小型端末には、簡略化した『しらぎくモバイル麻雀』があります。 動作環境。 『しらぎく麻雀』は、 HTML5 に対応しているウェブブラウザ JAVA スクリプトを有効にしている環境 でプレイ出来ます。 但し、『しらぎく麻雀』はスマートフォン、特に画面が小さいフィーチャフォン型端末(いわゆる"ガラホ")でのプレイはお勧め出来ません。 また、携帯電話(スマートフォン・フィーチャフォン)の方は、『しらぎくモバイル麻雀』をおすすめします。 特に、フィー
HTML5 でマークアップされた更に複雑なルビを、CSS 第二水準第一改訂版(CSS 2.1)の範囲だけで実現する方法を考えてみましょう。 平成28年11月現在、現行のデスクトップ・コンピュータ及びスマートフォン向けウェブブラウザの大半がデフォルトで単純なルビを表示出来ます。 本記事では、 更に複雑なルビを実現するための方法 ルビ関連要素のスタイルをリセットした場合のスタイル設定 をご覧になれます。 単純なルビについては、ルビを振るにはをご覧ください。 まずはじめに。(平成28年 7月 7日 更新) HTML5 では、ルビを実現するため、以下のルビ関連要素を定義しております。 <ruby>要素…ルビ付きテキスト <rt>要素…ルビテキスト <rp>要素…ルビ非対応環境向けのルビを囲む括弧類 加えて、W3C の HTML 5.x 規格では、以下の要素も定義されております: <rtc>要素…ル
本当の自由って何でしょうか。 ウソと脅しで意に沿わず強要される事でしょうか? 制作者はPNG画像の詐欺そのものの独善的且つ暴力的な強制には断固反対します! 制作者は誰が何と言おうと、絶対にPNG画像は使いません。 この記事は抗いようの無い暴力で削除される事もあり得ます。PNG画像を強要する連中は独善のためなら虚偽の流布や脅迫など、あらゆる犯罪も厭わないような反社会的な連中ですから。 はじめに。 制作者は実はアンチPNGです。 正確に言うなら、アンチPNG普及活動家です。GIF画像の放棄とPNG画像の使用をウソ・大げさ・紛らわしいの三拍子揃った超誇大喧伝で独り善がりに強制する彼らに対して未だに絶対許せないと言う憎悪と反感を心の底の底から持っております。 その事に関してお答えします。 質疑応答。 何故PNGが嫌いなんだ? 正確に言うなら、PNG画像形式ではなく、GIF画像の放棄とPNG画像の導
HTML5 のマークアップで心掛けたい事を挙げてみます。 平成25年 5月16日現在、HTML5 勧告に向けて、グラフィカルなウェブブラウザの開発者は HTML5 への対応を急速に進めておりますが、そうでない環境、例えば音声出力ブラウザや CUI 環境向けテキストブラウザなどについては、殆どと言って良い程話を聞きません。 こう言った事から、HTML4/XHTML1 時代の環境でも問題なく取り扱えるようにマークアップすべきでしょう。 はじめに。 平成24年12月17日に HTML5 の勧告候補が発表され、HTML5 は勧告に向けて大きく前進しております。 特にグラフィカルなウェブブラウザの開発者は、WAHTWG に加盟していないマイクロソフト社を含めて HTML5 への対応を急速に勧めており、西暦2014年に勧告される頃には、殆どのグラフィカルなウェブブラウザが HTML5 対応になっている
HTML5 で新たに導入された<video>要素で H.264 コーデックの動画を埋め込む際の注意事項。 ある端末だと閲覧出来ない!? H.264 コーデックを使う上で注意したいのは、何も考えずにエンコードするとある端末で閲覧出来なくなってしまう場合があると言う事です。 これは、H.264 が様々な用途に対応出来るようにしている事に依ります。 <video>要素で埋め込むかそうでないかに関係なく、H.264 コーデックでエンコードする場合には、H.264 に於けるプロファイルとレヴェルの適切な設定を忘れないでください。 H.264 に於けるプロファイルとは。 H.264 に於けるプロファイルとは、動画のエンコーディングで利用される圧縮技術の範囲です。 幾つものプロファイルがありますが、主なものとしては以下のものがあります(下位から順に排列)。 ベースライン … 最も単純なプロファイルです。
概要。 マイクロデータとは、HTML 文書或いは文書のセクション内で話題にしている人名, 作品, 商品などと言ったメタデータを、コンピュータが容易に認識出来るようにマークアップしたものです。 何故、マイクロデータが考案されたのか。 かつて、W3C はウェブ文書の XHTML 化を目指しました。 この方針にはいろいろな理由がありましたが、理由の一つとして、XHTML すなわち XML で文書が公開される事で、文書内にある特定の情報をコンピュータなどが容易に認識出来るようにすると言うのもありました。 例えば、検索エンジンが、検索の精度を高めるために文書内の特定の情報を認識して、クロールした文書が何(或いは誰)について言及しているのかを判断するなどと言った使い方が考えられます。 W3C に依るウェブ文書の XHTML 化は完全な失敗に終わりましたが、代わりにグーグルや WHATWG など現場側か
HTML5 ISO-HTML HTML4/XHTML1 詳細 HTML5 での定義。 令和 2年10月20日現在の定義です。 属性の定義 マイクロデータのタイプ。 定義している要素 全要素(グローバル属性) 属性の値 マイクロデータのタイプを表す URL。 DOM インタフェイスでの扱い 定義なし。 ISO-HTML (JIS-HTML, ISO/IEC 15445:2000)での定義。 ISO-HTML には itemtype 属性の定義はありません。 HTML4/XHTML1 での定義。 HTML4/XHTML1 には itemtype 属性の定義はありません。 itemtype 属性とは。 itemtype 属性は、必ずitemscope 属性値と併記される属性で、当該要素に埋込まれるマイクロデータのタイプ(人物, 商品…など)です。 itemtype 属性は必須属性ではありませんが
HTML5 に於いて定義される"明確な内容"の概念について。 平成24年 3月29日に公開された W3C 草案で新たに追加された概念です。 HTML5 に於ける"明確な内容"とは。 HTML5 では、各要素の内容モデルに於いて、フロウ内容要素またはフレージング内容要素を含み得る要素については、最低一つの hidden 属性を与えられていない"明確な内容"を内容に持つべきであるとしております。 hidden 属性が与えられている要素については、その属性値を問わず、含まれるべき内容には数えられません。 "明確な内容"となる要素。 "明確な内容"(Palpable content)とは、以下に挙げられた要素です。 <a>要素 リンクアンカー <abbr>要素 略語 <address>要素 文書または記事作成者への連絡先 <article>要素 独立した記事セクション <aside>要素 本文から
HTML5 ISO-HTML HTML4/XHTML1 詳細 HTML5 での定義。 平成30年 1月17日現在の定義です。 属性の定義 マイクロデータを含んだ範囲。 定義している要素 全要素(グローバル属性) DOM インタフェイスでの扱い 定義なし。 ISO-HTML (JIS-HTML, ISO/IEC 15445:2000)での定義。 ISO-HTML には itemscope 属性値の定義はありません。 HTML4/XHTML1 での定義。 HTML4/XHTML1 には itemscope 属性値の定義はありません。 itemscope 属性値とは。 itemscope 属性値は、ある人物や物事に関するデータを含めた範囲を示す属性です。 基本的には、ある人物, 作品, 或いは商品などと言ったアイテムについてのメタデータは、この属性を与えられた要素内に収まっているものと考えられま
令和 4年 5月 1日現在の定義です。 メソッド名 Node.appendChild() 七文字目の Cを除き全て小文字です。 メソッドの定義 指定ノードの末尾への追加。 メソッドの引数 Node.appendChild( node_to_be_appended ) node_to_be_appended 末尾に追加するノード メソッドが行う処理 引数で指定されたノードを最後の子ノードとなるように追加。 メソッドの返し値 引数で指定したノード。 規格 DOM 第一水準 対応環境 グーグルクロム マイクロソフトエッジ ◯ ファイヤーフォックス ◯ サファリ ◯ IE ◯ Node.appendChild() メソッドとは。 Node.appendChild() メソッドは、指定ノードの末尾への追加です。 appendChild()メソッドに依って追加されるノードは、末尾に追加されます。 末尾
平成27年12月15日現在の定義です。 目的 従来のメディア指定の拡張。 定義のある水準 第三水準 (CSS 3) 以降 WAP 2.0 での定義 無し。 モジュール メディアクエリ・モジュール 書式 メディア名 and (メディアフィーチャ名: メディアフィーチャ値) not メディア名 and (メディアフィーチャ名: メディアフィーチャ値) only メディア名 and (メディアフィーチャ名: メディアフィーチャ値) メディアフィーチャ値が存在しない場合は、: を含めて省略。 必要なら、and 以降の記述の繰返し可。 概要。 メディアクエリ(Media Queries)とは、従来の CSS でのメディア指定を拡張し、更に細かなメディア指定を可能にするものです。 従来のメディア指定は、screen メディアとした場合、 デスクトップ・コンピュータ タブレット端末 スマートフォン 等が
HTML5 ISO-HTML HTML4/XHTML1 詳細 HTML5 での定義。 平成30年 1月17日現在の定義です。 要素の定義 リンクアンカー。 カテゴリ フロウ内容要素 フレージング内容要素 インタラクティヴ内容要素 href 属性がある場合のみ。 "明確な"内容 要素が置ける箇所 フレージング内容要素を置ける箇所。 内容モデル "透過的な"内容。 但し、インタラクティヴ内容要素(特に別の<a>要素)を含んではならない。 定義されている属性 グローバル属性の他、以下の属性を定義: href 属性 リンク先のアドレス。 target 属性 リンク先のブラウジング文脈。 download 属性 ダウンロード用リンクの指定(属性値はダウンロード時のデフォルトファイル名)。 rel 属性 リンク先のリンク元から見た関係。 hreflang 属性 リンク先の記述言語。 type 属性 リ
HTML5 で新たに導入された<video>要素について。 <video>要素とは。 <video>要素とは、HTML5 で新たに導入された要素で、文書内に埋込む動画です。 従来より、静止画と静止画フォーマットで実現する簡易動画(アニメーテッド GIF 画像など)は<img>要素で文書中に埋め込めましたが、動画については長らくプラグインと呼ばれる外部のプログラムを用いて埋め込む必要がありました。 実際にプラグインを用いて埋め込む場合は、<embed>要素または<object>要素を用います。 しかし、プラグインはあくまでもオプションなので、導入していない環境も充分考えられ、そのような環境だと動画の閲覧が出来ない事となります。 <video>要素を用いる事で、そのような問題を軽減出来るようになります。 現実には、<video>要素で埋め込める動画フォーマットの問題が残っております。 また、プ
CSSの小技として、細かい画像を多数使う場合に役に立つCSSスプライトについて、制作者なりに平易に解説してみました。 本文書を作成した平成23年 4月26日時点で、CSSスプライトについて、日本語で簡単に説明してくれているサイトが見当たらなかったので、頭が悪い制作者でも自分で理解出来る言葉で解説する事にしました。 CSSスプライトとは。 CSSスプライトとは、細かい複数の画像を一枚にまとめ、CSS でその中から必要な部分のみを表示させる技術です。 具体的には、複数ある細かい画像を一枚のGIF画像などにまとめ、それの一部分だけを表示させると言うものです。 CSSスプライトの効用。 特に幾つものアイコンを文書内で多用する場合には、サーヴァへの負荷を軽減させる効果が期待出来ます。 例えば、いわゆるフィーチャフォン向けのコンテンツを PC 向けに配信したい場合、絵文字の問題があります。 フィーチャ
HTML5 ISO-HTML HTML4/XHTML1 詳細 HTML5 での定義。 平成30年 1月17日現在の定義です。 要素の定義 文書に於けるメタデータ。 カテゴリ メタデータ内容要素 itemprop 属性がある場合、上記に加えて以下にも該当: フロウ内容要素 フレージング内容要素 要素が置ける箇所 当該要素が文字コードのエンコーディングを定める場合: <head>要素の子要素として。 文字コードのエンコーディングを定めない http-equiv 属性がある場合: <head>要素の子要素として。 または、<head>要素の子要素となる<noscript>要素の内容として。 name 属性がある場合: メタデータ内容要素が置ける箇所。 itemprop 属性がある場合: メタデータ内容要素が置ける箇所。 またはフレージング内容要素が置ける箇所。 内容モデル 空要素(内容なし)。
実際にAjaxを用いてウェブアプリケーションを開発する際に注意したい事を挙げておきます。 尚、他の記事でも書いている事もありますが、この記事の趣旨に従ってこの記事にも同じ事ですが書いておきます。 これらの問題の殆どは、制作者がAjaxを始めてからたったの一日で一通り遭遇してしまいました。 Ajaxでは他のホストのデータにはアクセス出来ません。 Ajaxの基幹となる XMLHttpRequest() オブジェクトでのHTTP通信には Same-Origin Policyと言う制約があり、スクリプトを埋め込んでいるHTML文書のあるURLと異なるスキーム名や異なるノード名のURLへのアクセスは出来ません。 この制約はセキュアなものにするために必要とされたものです。 ですが、かなり不便になってしまうためか、これまでにも様々な回避方法が考えられておりますが、それらの回避策を導入した結果セキュリティ
最新の環境では、ほぼ全てのウェブブラウザが H.264 コーデック(MPEG 4 動画または MOV 動画)をサポートしております。 そう考えると、H.264 コーデックの MPEG 4 動画を撰べばほぼ問題はないでしょう。 <video>要素を定義している規格。 <video>要素は、以下の規格で定義されております: HTML5 <video>要素の内容。 <video>要素の内容は、以下のようになります: 零個以上の<source>要素 但し、<video>要素に src 属性がある場合は記述出来ません。 零個以上の<track>要素 以下、"透過的な"内容 すなわち、 <video>要素の開始・終了タグ <source>要素 <track>要素 を取除いて文法違反にならない形となります。 <video>要素の属性。 crossorigin 属性については、crossorigin 属性
ここでは、HTML5 で導入されたセクショニングに関して解説します。 HTML 文書に於けるセクションとは。 セクションとは、文書の一節を指します。 文書を適切に節に分割し、 場合に依っては分割された節も更に小節に分割し、 それらに見出しを与える事で、 機械にも人間の読者にも論理の流れが把握し易くなります。 特に視覚障害者が音声出力でウェブ文書を読む場合、前から順番に読んでいるとどうしても時間が掛かってしまいます。 適切に節立して且つ各節に適切な見出しが設けられていれば、それを診て読み飛ばせるかどうかを判断出来るようになります。 これは健常者にとってもモバイル環境で閲覧している場合に有用になるかも知れません。 見出しに依るセクション分け。 HTML5 では、見出し(<h◯>要素)に依りセクション分けが自動的に行われるようになっております。(※ 1) 先ず、セクション内で初めて現れる見出しが
平成23年 7月 9日 公開 テーマ ウェブブラウザ HTML 5 オペラ 11を使っていて気付いたバグです。 制作者がオペラを使い始めた理由。 制作者は平成23年 5月頃からオペラを使い始めました。 理由はファイヤーフォックス 4 が死ぬほど重かったからです。 オペラに切り替えたら、今までとろとろ表示していたウェブページがキビキビ表示されるので、びっくりしたものです。 今はファイヤーフォックス 5にも戻りましたが、やはりオペラとは較べものにならないくらい重い動作なので、今もオペラをメインにしております。 ファイヤーフォックスの重さに切れてグーグル・クロムに切り替えた方が増えたようですが、クロムもメモリは喰うので、メモリが少なくても動作すると言われるオペラを撰びました。制作者の場合、ウェブサイトを見ながらいろいろ作業をしますので…。 オペラに見られた、<mark>要素のバグ。 ところで、制
ウェブで公開する文書作りに欠かせないHTML5の初歩から解説します。 本コンテンツは HTML5 の入門です。XHTML 1.0 の入門はXHTML 1.0 入門篇をご覧ください。 HTML5 入門篇・目次。 HTML5 とはどのような言語か HTML の歴史 マークアップとは何か HTML5 での文書マークアップの基本 <a>要素の使い方 キーボードなどでのアクセスを助ける<a>要素の属性 実際にマークアップする際の注意事項 文字参照について マークアップされた文書をHTML文書にするには HTML文書の文字コードとエンコーディング HTML文書が正しく書けているかを検証するには リストのマークアップ HTMLでのリスト HTML文書への画像の埋め込み ウェブ文書に埋め込める画像について <img>要素について <figure>要素について 文書のセクション分け セクションと見出しについ
サイト表紙 しらぎくのウェブサイト作成入門 CSSの小技 CSSだけで実現するポップアップメッセージ 公開サンプル 2 title属性値をポップアップするCSSの公開サンプル。 ここでは、CSSだけで実現するポップアップメッセージのデモンストレーションとして、メッセージをtitle属性値とする方法のサンプルです。 title属性値をポップアップするCSSの公開サンプル 目次。 ▲記事先頭 ▽次項目 サンプル 実際に使っているHTMLとCSS HTML文書 スタイルシート サンプル。 ▲記事先頭 △前項目 ▽次項目 ファイヤーフォックス, サファリ 3.0以降, インターネットエクスプローラ 8.0以降, オペラ 8.0以降など対応ブラウザで、以下のサンプルテキストの文字をポイントすると、その右下にメッセージが出て来る筈です。 サンプルテキスト インターネットエクスプローラ 7.0以前など、
平成22年 3月10日 公開 テーマ マークアップ作法 CSSが普及するにつれて現われ増えたとされる<div>病と、それを批判してきた結果陥る事になる嫌<div>潔癖症について。 <div>病とは。 <div>病とは、その名の通りHTML文書マークアップの際に<div>要素を濫用する者を、病に準えた(なぞらえた)言葉です。 何時誰がどのように定義したかは詳らかではありませんが、平成14年には既にそのような呼称があったようです(参考文献 1)。 具体的な<div>病の例。 以下のマークアップ例は、意図的にかなり酷いマークアップとしましたので、閲覧者の皆様は決して真似をしないでください! と言いますか、書いていて頭が痛くなってきた…。 具体的な<div>病の例を読み飛ばす <?xml version="1.0" encoding="shift_jis"?> <!DOCTYPE html PUB
ゆうちゃん(中村由子) 真樹ちゃん(水谷真樹) ちかちゃん(佐竹千夏) さいたま市立太田中学校の生徒。 第二学年 あいちゃん(井出愛美(まなみ)) みかちゃん(鈴木美香) ゆきちゃん(米沢ゆき) ひろみちゃん(小林宏美) その他の設定のあるキャラクタ。 キャラクタの実妹 うさ耳女子中学生(堀北真希うさぎの実妹) ゆかちゃん(中村由香・ゆうちゃんの実妹) 中学生キャラクタ ねこ耳中学生 みほちゃん(森本美穂) 小学生キャラクタ 千裕ちゃん(佐藤千裕) 未悠(みゆう)ちゃん 真由ちゃん(加藤真由) 花菜ちゃん(水沢花菜) 英語講師 キャサリン・ブラウン 特に詳細設定がないキャラクタ。 女児キャラクタ ワンピースと白エプロンの西洋風カントリーガール 日本の田舎娘 メイド嬢 西洋式メイド嬢 和風メイド嬢 その他の記事。 おまけ記事 眼鏡っ娘について ~眼鏡のトレンド・漫画などでのコンタクトレンズと
次のページ
このページを最初にブックマークしてみませんか?
『Marguerite Site. / しらぎくさいと。』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く