サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
smkn.xsrv.jp
タイトルそのまんま、レンタルサーバ「Xserver」でmysqldumpコマンド使ってデータベースのバックアップを取ろうぜ!ってゆーお話。 XserverはSSHとかtelnetとか使えないので、いざデータベースのバックアップを取りたいって場合、基本的には管理画面に付属のphpMyAdminでエクスポートっちゅーのが王道、というか他の選択肢はお膳立てされてないのです。 でも例えば自作のサービスなんかを運用してる場合、毎日phpmyAdmin開いて手動でバックアップ取るってゆーのも面倒。 そーなるとPHPのsystem関数とmysqldumpコマンドの出番ですが、どこ探してもピンポイントの情報が無く苦戦しちゃったので、ここでシェアします。 どなたかの参考になれば幸いです。 XserverでPHP+mysqldump使ってDBをバックアップする方法 ポイントと注意点 前述の通りXserverで
マーケティング理論というと真っ先に「ランチェスターの法則」とか「SWOT分析」とか「AIDMAの法則」とかが思い浮かびますが、今回ご紹介するのは「webサービスを作る際に明確化しておくべき項目」がシンプル且つ過不足無くまとめられた、webクリエイターなら知っておいて絶対に損の無さそうなマーケティング理論になります。 その名も「MOUCES戦略」!いかにも略語っぽくてマーケティング用語らしい語呂ですねー。 この理論を活用するコトで、webサービスにおいてとても重要な事柄を漏れなく精査できるようになり、ひいてはwebサービスそのもののクオリティーを向上させるコトも出来るというスグレモノ。 今回はわかりやすいように、実際のwebサービスをどうやって「MOUCES戦略」に当てはめていくかを、拙作のwebサービス「バナーデザインギャラリー」を例にして紹介していきたいと思います。 webサービス用マー
ついさっき(2011年4月24日)に気付いたんですが、firefoxのアドオン「greasemonkey」で使ってる超絶便利スクリプト「autopagerize」が、なんか挙動不審になってたんで、自前対応ついでにシェアしよーと思います。 挙動不振の内容としては、autopagerizeで表示された2ページ目以降の検索結果が、なぜか1ページにつき3回、重複して表示されてしまうというモノ。 修正対応とはいえ自前の即席処理なので、firefox右上にある検索窓からの検索結果でしか、うまいコトいきません。 googleの検索窓からの直接検索では動きませんので、そこらへんご了承の上、詳しい誰かの完全修正版が公開されるまでのツナギとしてご利用下さいまし☆ greasemonkeyのautopagerizeでgoogle検索結果が重複する場合の対処方法 修正手順としては、大元のファイル「autopage
ちょっと苦戦したので、備忘録 + 情報共有をば。 当ブログは「Xserver」というレンタルサーバで運用してまして、比較的自由度も高く、速度や容量もイイ感じの愛用サーバなんですが、VPSのようにアレコレ自由にブッ込めるってゆータイプではありません。 で、今回はこの「Xserver」に、PHP拡張ライブラリの王道「PEAR」をインストールしようと企てたのですが、web上にある情報だけでは上手いコト導入出来なかったので、次回インストール時に同じ轍を踏まないよう作業ログをエントリーします。 うーし、これでPEAR使い放題っ☆ XserverにPEARをインストールする方法 ステップ1 pear本体のインストール 「http://pear.php.net/go-pear」にアクセスし、表示されたテキスト全文をコピーする。 コピーした文章を「install.php」という名前で保存し、デスクトップに
デザイン性の高いバナー広告をまとめて一覧できるギャラリーサイト「バナーデザインギャラリー」作りました! デザイン性に優れたクリエイティブなバナーをまとめて一覧 / 検索出来る、投稿型ギャラリーサイト「バナーデザインギャラリー」を作っちゃいました! それぞれのバナーはサイズや色でカテゴライズされており、複数条件による検索も可能です。 また、皆様からのバナー投稿も受け付けられるようにして、順次新しいバナーデザインが掲載されるようにしてます。 この手のサイトにありがちな「掲載物も広告も同じように表示され、区別が付きにくい」なんてコトも無いように、広告のバナーには背景色を付けるなど、なるべく制作者側の役に立てるように意識して作って見ました。 願わくば、皆様のバナーデザイニングの一助とならんことを♪ デザイン性の高いバナーギャラリーサイト「バナーデザインギャラリー」 「バナーデザインギャラリー」とは
光陰矢の如く、あと1月ちょいもすれば新卒採用の新人webデザイナーも入社してくる時期となりました。 受け入れる側ももちろんですが、当の本人も「現状、webデザイナーとしてどこまで出来んの?」って不安は、どこかしら持ってるんじゃないでしょーか。 というコトで今回のエントリーでは、これから未経験でwebデザイナーの世界に飛び込んでくるという方に、とりあえずこれだけは知っといて!ってゆー基礎的な知識を、個人的見解ではありますが6つほどピックアップしてみたいと思います。 あくまで基礎 + 個人的なお話なので、鬼軍曹みたいな先輩にしてみれば「知ってて当然」くらいかもですが (^^;) 新人webデザイナーに知っていて欲しい基礎知識 1.「Photoshop / Illustrator」の基本的な操作方法 webデザイナーである以上、ココは絶対に外せないトコだと思います。 いくら「未経験からでもしっか
いつも愛用していたFirefoxのRSSリーダーアドオン「Brief」が、つい先ほど大幅リニューアルされたようです! 今までページネーションだったものが自動ロードに変わってたり、挙動が全体的に軽快になってたり、便利なショートカットキーが追加されたりと、なかなかにマジモードのリニューアルです! RSSリーダーのチョイスに悩んでいる方、Firefoxアドオンマニア、RSSって何?って方、ぜーんぶひっくるめて、とにかく導入すれ! FirefoxのRSSリーダーアドオン「Brief」のオススメポイント Firefoxアドオンには数々のRSSリーダーがありますが、色々と試し渡った結果として、現在の愛用に至ってます☆ とはいえ、このアドオン自体をご存じで無い方も多いかと思いますので、個人的なオススメポイントをば。 Brief オススメポイント: (他の類似アドオンと比較して)フィードの読み込み速度が速
今年の「技術系Advent Calendar」の、各言語別・総はてブ数ランキング&トップはてブ数獲得エントリーまとめ 毎年12月1日からクリスマスまでの間、一日ずつリレー形式で同じ題材のTipsを公開するというイベント「技術系Advent Calendar」が、2010年も各種言語界隈で開催されてました。 今年の「技術系Advent Calendarイベント」は例年にも増して盛り上がっていた感があり、そんな”祭りの後”の空気感を一層堪能すべく、各所で執り行われていたAdvent Calendarイベントを追っかけながら、イベント単位での総はてなブックマーク数と、そのイベント内で一番はてブを集めたエントリーをまとめてみましたよ。 それでは恐らく2010年最後のエントリー、気合入れていきまっしょい♪ 各言語別・総はてブ数ランキング&トップはてブ数獲得エントリー 各言語別・総はてブ数ランキング
例年よりも厳寒になると予想されている今年の冬ですが、そんな風情をwebページ上でも味わえるようにとwordpressのプラグイン「WP Snow Drops」を作ってみましたよ、と。 この「WP Snow Drops」は、JavaScriptで作られたBSDライセンスの「snowstorm.js」を使って、webページ上に幽玄閑寂の如く「雪を降らせる」という、なんとも情緒あふれるプラグインです。 雪をマウスに追従させられたり、ページ最下部に雪を積もらせるコトが出来たり、ゆるやかに溶け消えていくような設定が出来たりと、自分好みのオプションセッティングも可能! 舞い散る冬花はらはらと、あなたのwebサイトにも和の「ワビサビ」を取り入れてみてはいかが? 雪を降らせるWordPressプラグイン「WP Snow Drops」の導入~使い方 まず、何はともあれ下記のリンクから当プラグインのzipファ
Googleやtwitterやfacebookなどの検索統合サービス「mySearchr」公開&ソース配布します! ちょっと面白いオープンソースを見つけたので、少し改変して「mySearchr」としてwebサービスをリリース&再配布させていただきます! シンプルでスタイリッシュでクールで華麗なデザイン、Google・WIKIPEDIA・YouTube・twitter・そしてfacebook(!?)という超有名5サイトの検索窓が1ページ内で完結する利便性。 しれっとスタートページに登録しておけば、気付いた同僚から羨望のマナザシ間違いなし!? そんなワケで今回のエントリーは久々の自作(って程でも無いケドw)webサービス、「mySearchr」のご紹介でーす☆ 検索統合サービス「mySerachr」 「mySerachr」の使い方 まずは論より証拠、左記のようなインターフェイスとなっております
はてブを徘徊してたところ、nokunoの日記さんやMeltdown Countdownさんの「ウェブ系エンジニアがおさえておきたい技術ブログまとめ」なる記事が取り上げられてたので、こちらも負けじと衝動的にエントリー。 前述のブログさん達でご紹介されているのが「ウェブ系エンジニア向け」なので、当ブログでは「ウェブデザイナー/マークアッパー向け」の技術ブログをご紹介させていただきますっ! 下記に挙げたブログは全てワタクシが実際に購読していて、ホントに参考になる・勉強になると思えるブログばかり。 かなりの自信を持ってオススメしちゃいますよ☆ ウェブデザイナー / マークアッパーがおさえておきたいブログ デザイナー向け (理論やテクニック、フリー素材紹介など) Commit Lab [Feed] CREAMU [Feed] DesignDevelop [Feed] DesignWalker [Fe
まぁ、タイトル通りの小ネタTipsなんですが。 今まではわざわざtwitter本家サイトに出向いて検索していたんですが、ログインしなきゃ入れないし、いちいちメンドクサかったんですねー。 そんな昨日の仕事中、ふと思い出したんです。 Firefoxの画面右上にある、いわゆる「検索バー」ってヤツは、デフォルトの検索エンジン以外にも、好きなサイトの検索エンジンを自由に追加できるっちゅーコトを。 そーと決まれば話は早い、さっそくチャチャっと作ってみましたので、もしよろしければ皆様もご利用下さいまし♪ firefoxの検索バーに【twitter 発言検索】を追加する方法 そもそも新しい検索エンジンをFirefoxの検索バーに追加する場合、主に2つの方法があります。 1つはローカルにあるFirefox管轄下の所定フォルダ内に、決められた書式のxmlファイルを追加する方法。 「所定フォルダ」とは具体的に、
比較的最近のサイトでは使われる機会も多くなってきたものの、まだまだ仕様策定段階の状態が続いているCSS3。 仕様が確定していないとはいえ、CSS3にはweb制作現場からの切実な要望に答えるような、新しいプロパティが用意されています。 相変わらずシェアと実装具合の乖離が激しいIE君さえどーにか対応できれば、このCSS3っちゅーヤツを使わない手はないっ! というワケで今回のエントリーでは、現状で使えるCSS3からの新プロパティの中から、とりあえずコレだけは押さえておこうぜってのを5つ、厳選してみました。 厳選ついでに、「爆発しろ」でお馴染みのIEシリーズでもCSS3に対応させられるスクリプトなども、ひっそりといくつかまとめてみましたので、こちらも合わせてチェックしてみなはれ♪ これだけは覚えておきたい5つのCSS3プロパティ それでは以下から実例と共にご紹介していきますが、例によって例の如く、
JavaScript Tips IE9.jsで実現するシンプルなclearfixとその他の恩恵 | Mach3.laBlog jQuery Tips 14のjQueryベストプラクティス[to-R] jQuery プラグイン ちょっとシャレた画像ギャラリーのjQueryプラグイン「desSlideshow」|skuare.net Demo > maxImage Scaling Plugin jQuery plugin: Easy Accordion | Andrea Cima Serniotti Server Tips ウノウラボ Unoh Labs: VMWare ESXi4 で開発サーバを仮想化しよう Photoshop Tips Photoshopの切り抜き、選択範囲いろいろ:で、結局どれがいいの? IT関連ニュース デルから10型タブレット / ノート Inspiron Duo、デ
携帯電話からのアクセスとPCからのアクセスを振り分けたい場合、IPでガッツリ判別するか、ユーザーエージェントでやんわり判別するか、このどちらかがほとんどだと思います。 で、ユーザーエージェントを使うとした場合でも、実際の方法はいくつもあったりします。しかも、調べてみると結構古い情報ばっかりだったり。 なので、今回のエントリーでは備忘録がてら、「日本の携帯主要3キャリア(DoCoMo / au / Softbank)の現行機種」に絞って、ユーザーエージェントを利用した.htaccessとPHPとJavaScriptそれぞれの、携帯電話orそれ以外の振り分け方法を2010年8月現在の最新バージョンでお届けしたいと思います。 ユーザーエージェントで携帯電話とそれ以外を振り分ける方法 携帯電話のユーザーエージェントに関して 携帯電話の主要3キャリア(DoCoMo / au / Softbank)の
先日、「たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法・・・」というタイトルでidea*ideaさんが紹介されていた、記事の冒頭に”記事を全て読み終えるまでにかかる、おおよその所要時間”を表示させるというワザですが、自分、勉強も兼ねてWordPressプラグインとして作ってみました! 以下、今スグ使えるzipファイルとともに、今回のプラグイン作成にあたって勉強になったトコや勘所なんかをご紹介したいと思います! 記事を読む所要時間を表示させるWordPress用プラグイン「estimated」 「estimated」の使い方 まずは下記のzipファイルをダウンロードしてください! 「estimated.zip」 こちらが今回作成したプラグイン「estimated」本体になります。 こちらを解凍していただき、お使いのWordPressのプラグイン用ディレクトリ内に(~~/wp-
jQueryは様々なプラグインが無料で公開・配布されていて、JavaScriptに対する知識が全く無くても、それらのプラグインを導入するだけでやりたいコトが出来てしまいます。 自分もそんな恩恵に与りまくってる側ではありますが、とはいえ余りにも些細な挙動にまでプラグイン頼みにするのも、リクエスト数増えるし管理範囲も増えるし、あんまイイコトありません。 例えば、「ページのトップに戻る」みたいなボタンを押すと、そのページの最上部にスルスルっとスクロールする、みたいな挙動を実装したい場合、もちろん専用のプラグインなんかもありますが、コレなんかは特段のこだわり(加速感が欲しいとか)がないなら、今回ご紹介する方法のようにjQuery単体で完結させちゃいましょー! ページ最上部へのスムーズスクロールを実装するjQueryのスクリプト コレ、jQuery1.3以降は非推奨な「$.brouser」というのを
自作プログラムを嗜んでいた際に探し当てた、もしかしたらちょっと知名度の低そうなPHPの文字挿入用関数をご紹介。 例えば「12ケタの数字の、4文字ごとにハイフンを入れたい」とか「10文字の文字列の、8文字目に改行したい」みたいな、特定の文字数目に何らかの文字を挿入したい場合に使える、PHP4系から使用可能な関数です。 これ覚えとけば、substr()で分割 → 挿入したい文字列を加えて結合、みたいな力技を使わなくて済むかもですよー。 文字列内の指定した文字数目に、指定した文字を挿入する関数「wordwrap()」 wordwrap("対象の文字列", "指定の文字数", "挿入する文字", true/false); 細かな解説はマニュアルを参照していただくとして、注意点としては、この関数「wordwrap()」は基本的に、”単語単位”で”繰り返されて”使われるコトを念頭において作られてるよう
以前も「作業効率が劇的に向上する、Firefoxおすすめアドオン7選」というエントリーでご紹介したコトのある、FirefoxのイチオシRSSリーダー用アドオン「brief」ですが、愛用しまくってきた結果、ここ最近になっていよいよ尋常じゃなく動作が重くなってきていました。 国内90フィード、海外サイトも80フィード以上のRSSを購読している自分にとって、RSSリーダーが重くて使えないというのは死活問題であり、「動作が重い」=「著しい効率の低下」という単純かつ甚大な結果を招くコトに。 そこで、何とかせなアカンなーと思いつつ、ちょっと思い立って「あるコト」をしてみたところ、それはもうbrief爆速起動!立ち上がりも挙動も驚異的に軽くなり、今までのストレスがまるで嘘のように快適至極♪ なので今回のエントリーでは、FirefoxのRSSリーダー用アドオン「brief」が重くなった時のウルテク(死語)
世には幾多の人気webサービスがございますが、いざユーザーとして使ってみると、「ココがこーだったらもっと面白いのになー。。。」とか妄想してしまうのがweb屋のサガってもんです。 とはいえイチから類似サービスを構築するのは気が引けるし、構築ボリュームも遊びで手を出せるような規模じゃなかったり。 既存の人気webサービスを基盤に、自分のアイディアを組み込みたい!でも車輪の再開発は気が進まない!そんな時こそ「クローンスクリプト」の出番です。 今回はそんなクローンスクリプトの中でも、個人的趣向から「PHP製」にこだわって探し出しました。その数なんと16サイト38種! 機能の実装やアルゴリズムの勉強から、オリジナルwebサービスのベースにまで、このクローンスクリプト集をご活用いただければ幸いです♪ ご紹介するクローンスクリプト使用時の注意 本エントリーにてご紹介させていただくクローンスクリプトに関し
二窓無双は二窓(二つの動画を同時に再生するワザ)のための無料webサービスです。 二窓で見たい動画のURLを入力するだけで、誰でもカンタンに二窓が楽しめます! 本サービスは smkn (By ITキヲスク) によって、”現状のまま” 提供されるものとします。本サービスについては、明示黙示を問わず、商用品として通常そなえるべき品質をそなえているとの保証も、特定の目的に適合するとの保証を含め、何の保証もなされません。事由のいかんを問わず、損害発生の原因いかんを問わず、且つ、責任の根拠が契約であるか厳格責任であるか (過失その他) 不法行為であるかを問わず、smkn (By ITキヲスク) も寄与者も、仮にそのような損害が発生する可能性を知らされていたとしても、本サービスの使用から発生した直接損害、間接損害、偶発的な損害、特別損害、懲罰的損害または結果損害のいずれに対しても (代替品またはサービ
たかだか縦55mm、横91mmに繰り広げられる無限の自己主張、名刺。 特にデザイナーや経営者の方にとっては、たった一枚の名刺でビジネスが動き出すコトもあり、ただの書面とは言い切れないほどの力を秘めていると、個人的には思っています。 そんな自他共に認めるオシャレ名刺フェチが送る、クリエイティブ極まりない名刺のデザインテンプレート24選!しかも全て無料のモノを厳選!! インスピレーションの源にするも良し、そのまま使うも良し、眺めて悦に浸るも良し☆ フリーの名刺デザインテンプレート A Business Card Template Pack | snap2objects Beauty salon business card template | psdGraphics Bogdan Pop ≫ Freebies: Business Card Template Giveaway! Cardboar
プログラム情報系ブログ「WebTecNote」さんにて、WordPressの無料配布テーマにワームが仕込まれてるかも、という記事が掲載されてます。 内容的には「とある無料のWordPressテーマの中にワームが仕込まれていて、そのテーマを一度でもアクティブにする(=テーマを使ってみる)と、そのディレクトリにあるテーマ全部感染しますよ!」とのコト。 以下、簡単に内容と対処法と詳細な記事へのリンクを掲載しますので、WordPressを使ってる方はご確認ください。 無料テーマに隠されたワームについて 感染すると諸々の情報を抜き取ったメールがハッカーに届き、いともたやすく管理画面に侵入されて。。。といった模様。 判明している感染テーマは「SimplePerfect(リンク先自体は感染していないようです。)」というテーマで、過去に有名なサイトでも紹介されていたようですので、ご存知の方もいらっしゃるか
(12.02/07 14:00PM 追記) 拙作の文字化け解読webツール、しれっと開発しました。 「もじばけらった」 → 解説はコチラ 昨日のエントリーで紹介しようと思ってたサイトが華麗に閉鎖されてたのでw、急遽予定を変更してお送りしますよ、と。 ところで皆様、たまーに文字化けしまくってるメールとか届きません? 一見して迷惑メールとか不要な内容だと分かるならともかく、クライアントさんや上司からのメールだとスルーする訳にもいかないし、かといってそもそも読めないし。 そんな時に便利なのが、今回ご紹介する「文字化けを解読するWebサービス」です! 文字化けって一言で言っても原因は色々あったりしますので、一つのサイトで解読できなかったとしても、この3サイト全部回ればいずれかは解読してくれると思いますよー。 メールの文字化けを解読するWebサービス エンコードマニアックス - 各種エンコードやハッ
現在Internet Explorerの強大なシェアに最も肉薄しているブラウザであるFirefoxですが、ご存知の通り様々なジャンルのアドオンが那由他に存在しています。 特にWeb制作者にとっては便利すぎて手放せないようなモノも数多く、その有用性はAdobe製品群とも並ぶほど。 そんなワケで今回のエントリーでは、素晴らしいアドオンの中でも、特にWeb制作に効果的なモノを選りすぐりしちゃってみました! 今回ご紹介するアドオンをフル装備すれば、恐らくそんじょそこらの有料開発ツールと同等以上のポテンシャルを秘めたWeb開発統合ツールが完成するんじゃなかろーかと。 ブラウザを思いのまま颯爽と操る後ろ姿、プライスレス☆ html/cssコーディング Codetch DreamWeaver風のWYSIWYGなHTMLエディタ機能を追加するアドオンです。 作成したHTMLをバリデートチェックする機能も搭
Web制作者にとって、作成したサイトの画面表示をクロスブラウザで確認するというのは、言うまでも無く絶対に必要な作業です。 現在の主要ブラウザと言えばInternet Explorer、Firefox、Opera、Safari、Google Chromeの5つかと思いますが、それぞれ一つのブラウザをとっても様々なバージョンが存在し、それら全てを一台のPCで共存させるとなると、そのための知識を集めたり、複雑な設定をしたりと、面倒を避けては通れません。 そこで今回ご紹介するのが、昨年度「Xenocode Browser Sandbox」から大幅バージョンアップを遂げた「Spoon Browser Sandbox」です! コレ、Xenocodeというアプリケーション仮想化技術により、たった1つのexeファイルだけで、なんとIE6・7・8、Firefox2・3.0・3.5、Opera9・10、Saf
webデザインにおいて、サイトの雰囲気や方向性はもとより、その個性すらも大きく左右する存在の「アイコン」ですが、その重要度と需要からか、世界中の多くのデザイナー方が、高品位なアイコンをフリー素材として公開・提供してくださっています。 特に海外のデザイナーブログなどでは定期的にフリーアイコンを発表していたりして、webデザイナーの方もお世話になったコトがあるのではないでしょーか。 しかしながら、実際にそのアイコンを利用するには、商用利用が禁止されていたり、クレジットやバックリンクが必須だったりと、なかなかどうして目的に沿うライセンスのモノを見つけるのも難しかったりします。 なので今回のエントリーでは、「使用料が無料」という前提の中で、まず「商用利用も可能」で、さらには「クレジット(著作者名)の記載が不要」で、なおかつ「バックリンクも不要」という、webデザイナーならいくらでも持っていたいフリ
先週くらいから爆発的な注目を集めている、HTML/CSSショートカット用ライブラリ「zen-coding」。 「zen-coding」とは、カンタンな記述で構造化されたHTML/CSSが生成されるという、コーダー感涙の超絶便利なライブラリです。 その便利さ、コーディングが驚くほど簡略化されるというコトで、AptanaやDreamWeaverをはじめ、WordPressやCodaにもzen-codingプラグインが続々と登場しております。 そこで今回のエントリーでは、そんなzen-codingの各種エディタ用プラグインをまとめてみました。 まだ触ったコトの無いコーダーさん!もし自分の愛用エディタのプラグインがあったら、ぜひ騙されたと思って導入してみてください♪ zen-codingとは 先ほども書きましたが、zen-codingとは「カンタンな記述で構造化されたHTML/CSSが生成される」
web2.0時代の代表的なサイトの一つ、Flickr。 ほとんどの画像がCCライセンスで公開されているので、デザイナーにとってはかなり重宝するサイトの一つであり、実際にアカウント取って活用されてる方も多いんじゃないでしょうか。 そんな画像共有サイトとして不動の地位にあるFlickr、総数43億枚以上(!!)もの画像の中には、綺麗なwebサイトのキャプチャーやアイコン・ロゴなどといったweb関連のものも数多くあります。 もちろんグループとしてジャンル別に分類されているものもありますが、そこは相手も43億、グループだけ取っても膨大な量ですし、さらに同じようなジャンルのグループでも質自体はそれぞれでマチマチだったりします。 なので今回のエントリーでは、質・量ともに素晴らしく自信を持ってオススメできるFlickr内のweb系グループを厳選してご紹介しますよ。 新しい画像も随時更新されるような活発な
次のページ
このページを最初にブックマークしてみませんか?
『Portfolio of smkn| smknが運営するサービスと各種ソーシャルアカウント一覧』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く