ちょっと簡小規模なWebアプリが作りたかったので、せっかくだから前に入れたEclipseプラグインのChuraを使ってみました。 その備忘録です。 まず、EclipseのChuraのウィザードで、「Teeda＋S2Dao」なプロジェクトを作ります。 そして、Teedaを1.0.6にバージョンアップ！ いつもMavenを使っているからjarの入れ替えが･･･。 Mavenは偉大です。 入れ替えたのは、 ・s2-framework-2.4.11 ・s2-framework-extension-2.4.11 ・s2-dao-1.0.40 ・s2-dao-tiger-1.0.40 ・teeda-core-1.0.6 ・teeda-extension-1.0.6 ・teeda-ajax-1.0.6 ・teeda-tiger-1.0.6 ・javassist-3.4.ga 追加したのが ・transa
本連載の第1回でも触れたように、オープンソースのJava統合開発環境としてEclipseと双璧をなすのがNetBeansだ。NetBeansはユーザ数ではEclipseに及ばないものの、もともとGUIアプリケーションやWebアプリケーション開発にも対応するなど機能の豊富さには定評があり、さらにバージョンアップを重ねるごとに積極的に機能改善を繰り返している。現在は6.0の開発が進められており、このバージョンではこれまでEclipseと比較した場合にNetBeansの弱点となっていたJavaエディタが改善され、名実共にEclipseに片を並べうるIDEとなる。 図1 NetBeans 6.0M7 今回はNetBeans 6.0で搭載される予定の主な新機能について取り上げたい。なお、NetBeans 6.0は本稿執筆時点でマイルストーンビルドがM7までリリースされており、本稿の内容はこのM7
Apache Tomcat 6.0.x安定版リリース 去る3月1日(米国時間)、The Apache Tomcat Teamは「Apache Tomcat 6.0.10」をリリースした。それ以前にも6.0.xというバージョンは公開されていたが、それらは開発版という位置づけであったため、この6.0.10が6系では初の安定版ということになる。 本稿ではApache Tomcat 6.0のインストールやNetBeans/Eclipseでの使用方法を解説する。その上で、新たに対応したServlet 2.5やJSP 2.1などを利用したいくつかのプログラムの例を紹介したい。 Apache Tomcat 6.0.xにおける変更点 まずは、Apache Tomcat 6.0.xにおける主な変更点や、5.x系から移行する際に注意すべき点から見ていこう。 Servlet 2.5およびJSP 2.1のサポート
JSR 296: Swing Application Frameworkとは SwingはJavaでGUIアプリケーションを作成するための豊富な機能とコンポーネントを提供してくれるツールキットである。しかしその豊富な機能ゆえに簡単なアプリケーションでも記述しなければならないコードが多く、開発者を混乱させる要因になっている。 Swing Application Frameworkはそのような開発者の悩みを解決し、もっと手軽にSwingを利用できるようにするという目的で提案された。このフレームワークでは、Swingアプリケーションを開発する上で開発者が陥りがちな間違いや混乱しやすい部分、実装が複雑になりやすい部分などを洗い出し、それらに対する統一的でシンプルな解決策を提供する。 具体的な内容は現在検討されている最中だが、後述するプロトタイプ版では次のような機能が提供されている。 GUIアプリケ
Oracle XEに付属するHTML DBの「Application Builder」を使うと、プログラミングの知識がなくてもデータベースと連携するWebアプリケーションを簡単に開発できる……らしい。今回は実際にどんな手順で開発作業を行うのか、ざっと見てみることにしよう。 アプリケーションを新規に作成するには、まず前回有効にした「HR」ユーザでHTML DBにログインし、「Application Builder」の画面から「Create >」をクリックする。画面には、アプリケーション作成の3つの手順が表示される。 正しく認証をパスできれば、以下のメニュー画面が表示される。 Create Application フルスクラッチで一からアプリケーションを作成する。 Create from Spreadsheet 既存のExcelワークシートのデータをもとに、アプリケーションを作成する。 D
米Oracleは、同社のRDBMS(Relational Database Management System)製品の無料版となるOracle Database 10g Express Editionを公開した。同社の開発者向け情報提供サイトOracle Technology Network(OTN)にて、Linux OSおよびWindows OS向けのベータ版が28日(米国時間)に提供開始されている。 Oracle Database 10g Express Edition(Oracle Database XE)は、使用上の制限(1CPU、最大1GBのメモリなど)が設けられるものの、再配布および商用利用も許可されるOracle Database 10gの無料版。同社ではこれまでもOracle Database 10gをOTNを通して開発者向けに配布していたが、これは用途の限定された「試用版
既報の通り、Oracle Databaseの無料版、「Oracle Database 10g Express Edition (以下XE)」が公開された。オープンソースコミュニティの一部では、つい先日のInnoDB買収と併せて「MySQLへの圧力」と囁かれていたりもするわけだが、どちらかというとMicrosoft SQL Server 2005 Express Editionへの対抗措置的な意味合いの方が大きいのかもしれない。いずれにせよ、我々ユーザにとって安価な選択肢が増えるのは大歓迎だ。 今のところOracle Database XEはベータ版であり、まだ再配布や商用利用は認められていない。しかし、正規版がリリースされた暁には、再配布や自社製品への組み込みも可能な、かなり自由なライセンスのもとで利用できるようになるようだ。そこで、今回は試しにベータ版をインストールし、機能をざっと眺めて
Oracleは29日(米国時間)、Oracle Application Express 2.2(以下APEX 2.2)の出荷を開始した。APEXはWebアプリケーションの開発やデプロイメント、マネージメントを容易に行えるようにするための開発環境で、もともとはOracle HTML DBという名称でリリースされていた。APEXを使用することで、Webブラウザ上での操作だけでWebアプリケーションを作成することができる。 APEX 2.2では、従来バージョンに対して主に次のような機能が新たに追加されている。 パッケージ・アプリケーションの作成機能 アクセス制御の作成ウィザード アプリケーションやページ、ページ・グループに関するコメント追加機能 PL/SQLオブジェクトを検索するためのItem Finder コンポーネントレベルのエクスポートをサポート TIMESTAMPデータ型をサポート 多く
米Oracleは3月26日(現地時間)、簡易Webアプリケーション開発ツールの最新版「Oracle Application Express (APEX) Release 3.0」を発表した。APEXはWebブラウザ上での操作で部品を組み立て、特にプログラミング言語の知識がなくてもWebベースのデータベース・アプリケーションが構築できるツール。従来まで、Oracle HTML DBという名称で呼ばれていた。R3ではレポートのPDF出力のほか、Flashによるインタラクティブなチャート機能、Microsoft Accessアプリケーションの移行ツール、ドラッグ&ドロップによるフォームレイアウト機能サポートなどが新たに追加されている。 APEX R3で追加された主な新機能 PDF Printing従来のWord、Excel、HTMLによるレポート出力に加え、新たにPDFによるレポート出力機能をサ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
［2006-06-10 付記］このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり！なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます！ しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定！あまり日本では取
2007/04/09 OSのファイルシステムに統合され、Windows上からは通常のフォルダとして扱えるオンラインストレージサービス「Dropbox」の詳細が明らかになった。Dropboxは、複数のPCから同一フォルダが扱えるだけでなく、バックアップや変更履歴管理、ローカルファイルシステムと完全な透過性を備えた高機能なオンラインストレージサービスだ。 rsync、trac、subversionのいいところ取り 「ほかのオンラインストレージや同期サービスは、どれも使うのが面倒だったり、十分にスケールしなかったり、あるいは何か制限があったりするので不満だった。それじゃあということで、自分たちで、まともなものを作ろうと決めた」。DropboxのCEOで開発者のDrew Houston（ドゥリュー・ヒューストン）氏は＠ITのメールインタビューに答え、開発の動機をそう語る。マサチューセッツ工科大学で
お世話になります。 作ったWEBサイトをいろんな環境（各種ブラウザ・バージョン）でどのように見えているか確認できるサイトがあったと思うのですが、URLをご存知の方 教えてください。 確か外国のサイトだったと思います。 よろしくお願いします。
マニュアルなど、数十ページにわたる大きなPDFファイルのうち、特定のページだけをよく閲覧やプリントするなら、そこだけ“分割”できると便利だ。逆にばらばらになったPDFを“結合”できるソフトもある。 マニュアルなど、数十ページにわたる大きなPDFファイルのうち、特定のページだけをよく閲覧したり、プリントしたりする場合がある。ただでさえ開くのに時間がかかるPDFファイルを、そのたびに目指すページまでスクロールするのは手間だ。特定のページだけを分割して別ファイルにできれば便利なのだが――。 これを実現する方法はいくつかある。まず「Adobe Acrobat」のStandard／Pro／3Dを持っているなら「ページの抽出」機能で簡単に実現する。ただし、最新版のAcrobat 8 Standardの通常版は3万6540円と、これだけのために購入するには少々高価なのである（2006年11月の記事参照）
RoRは少ししかいじっていないのでアレなのですが、便利そうなのでご紹介。詳しい解説は詳しい方にお任せします・・・。 Rails RoadはRoRのプログラムを解析し、クラスの関係図を自動生成してくれるプログラムです。大きなプログラムを書いていて「えーと、あれが・・・どうだったっけ？」というときに便利でしょう。 またRoRを仕事で使っていてドキュメントを作らなくてはならないときにも活躍しそうです。 いくつか生成されるダイアグラムのサンプルを紹介しておきましょう。 ↑ モデルのダイアグラム ↑ コントローラーのダイアグラム ダウンロード方法、マニュアル、その他のサンプルダイアグラムは公式サイトからどうぞ。 » RailRoad diagrams generator
ZParse - Advanced Javascript Templating ZParse is a multi-purpose, extensible, self-defineable javascript template parsing system which lets you define your templating rules. 超高機能なJavaScriptテンプレートエンジン「ZParse」の紹介。 Zparseを使えば次のようなif文などのロジックも入った高機能なテンプレートをJavaScriptで使えます。 <% var name = "Solid Snake", address = "somewhere"; %> <div id="card"> <:if name && address:> <div>name: ${name} </div> <div>addre
はじめに Dao（Data Access Object）とは、業務システム開発でよく利用されるデータベースアクセスパターンです。本稿では、このDaoの実装に有効な「S2Dao」というO/Rマッピングツールについて紹介します。対象読者 Javaにて開発を行っていて、データベースプログラミングやO/Rマッピングに興味をある方を対象としています。必要な環境 このサンプルはJ2SE Development Kit 5.0 Update 6と、オープンソースデータベース「HSQLDB」のバージョン1.7.3にて動作確認をしています。 S2Daoの最新版は、Seasarファウンデーションのホームページからダウンロードすることができます。なお、本稿のサンプルソースには、S2Daoのバージョン1.0.29とS2Daoが必要とするライブラリを同梱しています。S2Daoの特徴 S2Daoとは、Seasarファ
The Last Order Icons フリーで使える超クールアイコン集「The Last Order Icons」。 次のようなかなりクールなアイコンが商用以外であればフリーで使える模様です。 かなりいい感じですね。 イラストレータとかで書いてるっぽいですね。 関連エントリ フリーのアイコン配布サイトいろいろ フリーのWeb2.0風の16x16アイコンを配布しているサイト集
SourceForge.net: vixy.net softwares Adobe(R) Flash(R) Video format (FLV) to MPEG4 Transcoder. Flash形式のビデオファイル（FLV）をMPEG4に変換するオープンソースソフトが公開されました。 エンジン自体はFLV Online Converterで使われているものと同じで、高速な変換が可能のようです。 このツールを使って、独自にウェブベースで使えるビデオエンコーダーが作れそうです。 今後は動画のサイト/コンテンツがもっと増えていくと思うので、覚えておくと何か新しいサービスを始める際に役立つかもしれませんね。 関連エントリ Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ「SWFObject」 外部FLVファイルを再生できるオープンソースのFlashプレイ
Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画
aSSL - Ajax Secure Service Layer aSSL is a library distributed under MIT License thats implements a technology similar to SSL without HTTPS. AjaxでSSL風の通信を行うためのJavaScriptライブラリ「aSSL」。 https プロトコルを使うわけではなく、Ajaxに用いるパラメータにSSL風128ビット暗号をかけて通信を行うライブラリのようです。 JavaScriptのライブラリと、バックエンド用のPHP or ASPコードが配布されています。 デモ aSSL 1.1 ASP Example using jQuery aSSL 1.1 ASP Example using Prototype 通常のAjaxにおいて、HTTPSのURLを使用する
YUI: Mouse Gestures JavaScriptを使ってページにマウスジェスチャ機能を実装するサンプルが公開されています。 基本ライブラリにはYahoo UI Libraryを使用しています。 画面上の灰色部分を左クリックしながらマウスジェスチャを行うことでアクションを起こすサンプルになっています。 コードは次のようになっています。 最初に、マウスの向きと関数名を関連付けた連想配列を定義して、YAHOO.widget.Gestures.init に渡しています。 後は関連付けた関数の中身を定義するだけという実装の容易さとなっています。 <script type="text/javascript"> var config = { 'left': test1, 'right': test2, 'up': test3, 'down': test4, 'upleft': test5,
JSMock - A Mock Object library for JavaScript JSMock is a fully featured Mock Object library for JavaScript that provides the necessary tools to do effective interactive based testing. JavaScript用モックオブジェクトライブラリ「JSMock」。 JavaのjMockのJavaScript版だそうです。 JavaScriptでのテスト駆動開発に役立ちそうですね。
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 2006年12月27日- Particletree Dynamic Resolution Dependent Layouts ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」。 読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の３つのウィンドウサイズに応じて自動でCSSを切り替えることが出来ます。 JavaScriptの知識が一切なくとも、利用者の端末に合わせて、最適なUIを選択することができ、なかなか面白い＆便利。 アイデア次第で凄く優れたWEBサイトになりそうな感じですね。 (750px 以下) (750px以上/950px以下) (950px以上) 関連エントリ AjaxでSS
Spry Samples In this section, we provide samples that feature small examples of a specific behavior in the Spry Framework. Adobe提供のAjaxフレームワーク「Spry」のサンプル集。 あまりSpryに関する情報は無かったように思いますが、こうしたサンプルが沢山用意されていると親しみやすいものですね。 Auto Suggest Sample XML をツリー表示 動的ページングサンプル 関連ページ prototype.js逆引きサンプル集 scriptaculous逆引きサンプル集
FREE Logo Maker - FREE Logo Creator - FREE Online Logo Design クールなロゴをオンラインでお手軽作成「FREE Logo Maker」。 ４つのステップで次のようなカッコいいロゴが簡単に作成できます。 ソフトはブラウザだけあればよく、Flashを使ったインタフェースでデザインを行えます。 手順は、 (1) エンジニアリング、スポーツといったカテゴリを選択 (2) ロゴのベースとなるアイコンを選択 (3) フォントを選んでデザイン実行 (※ ロゴをデザイン中の画面) ↓↓↓↓↓↓ (※実際に作ってみたロゴ) これは簡単で実用的ですね。サイトのロゴを作成するのに役立ちそうです。
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife class名やid名って付ける時悩みませんか？今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 class名やid名を付ける際の一般的な名前集を紹介されてます。 全体のラッパー wrap wrapper top-wrapper wrapperAll ヘッダー head header headerArea headline ナビゲーション部分 navi navigation navbar gnav メインコンテンツ部分 area main maincontent center フッター foot footer footnavi footerArea 他の名前一覧も読む場合はこちら なるほど、あらかじめCSS名を決めてメモっておくことで
窓の杜 - 【NEWS】複数のパスワードをデータベースとして一括管理できる「Keepass」 複数のパスワードを一括管理できるソフト「Keepass」v1.06が、10月16日に公開された。Windows 95/98/Me/NT/2000/XP/Server 2003に対応する寄付歓迎のフリーソフトで、現在作者のホームページからダウンロードできる。 パスワードの管理って結構面倒で、バックアップを取ったり、定期的に増えるものを追加したりと、大変です。 パスワードを追加したり削除したり、検索したり、といったことはソフトに任せたいですね。 ということで、複数のパスワードをデータベースとして一括管理できる「Keepass」. パスワードのフォルダわけや検索機能に加え、USBによって持ち運び可能な点が嬉しいです。 まだ使ってないのですが、パスワード管理にはツールを使ったほうがよいような気がしていたの
窓の杜 - 【今日のお気に入り】手軽に画像の角を丸くできる「角丸君」v1.0.0 四角い画像の角を手軽に丸められるソフト。デジカメで撮った写真をブログなどに掲載する際、画像の角を丸めて柔らかい印象にしたいときなどにお勧め。手軽に画像の角を丸くできる「角丸君」v1.0.0。 重量なグラフィックスソフトを使わなくても簡単に角丸画像が実現できます。 ブログ用の画像なんかにちょっとエフェクトをかけたいといった場合にも使えそう。 動作には.NET Framework 1.1が必要。
窓の杜 - 【NEWS】WYSIWYG編集機能を備えたCHMヘルプファイルの作成ソフト「SpeedHelpPad」 WYSIWYG編集機能を備えたCHMヘルプファイルの作成ソフト「SpeedHelpPad」v1.18.0.0が、11月13日に公開された。Windows XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 WYSIWYG編集機能を備えたCHMヘルプファイルの作成ソフト「SpeedHelpPad」。 これまで、CHMヘルプファイルを作成する場合はHTMLファイルを「へるぷマシン」なんかにかけてコンバートしていました。 が、このソフトがあれば、そのまま編集して、そのまま発行できる感じで、よりCHMヘルプファイルの作成が容易になりそうですね。 フリーソフトを公開している人なんかは重宝しそうなソフトウェアですね。
MOONGIFT オープンソース - 3D Box Shot Maker - パッケージ風画像を作成する 最近、ソフトウェアの公式サイトで3Dのソフトウェアパッケージ風の画像を見かける事がある。パッケージ販売でないものであっても、何となくインパクトがあって良い。 パッケージ風画像を作成する「3D Box Shot Maker」。 ソフト公開サイトでよく見られるパッケージ風画像をお手軽に作れるようです。 あるとちゃんとしたパッケージ製品に見せてくれるので自信のあるソフトが出来た際には是非これで作った画像をページに置きたいですね。 関連エントリ WYSIWYG編集機能を備えたCHMヘルプファイルの作成ソフト「SpeedHelpPad」 複数のパスワードをデータベースとして一括管理できる「Keepass」 手軽に画像の角を丸くできる「角丸君」v1.0.0 「Firefox」の画面を別ソフトのウィ
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」 次の記事 ≫：各種CMSの無料レンタルができる「CMS Square」 Iconize Textlinks with CSS - pooliestudios Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by it's icon, kind of. This whole thing was inspired by the "Showing Hyperlink Cues with CSS" article of Ask the CSS Guy. PDFやEXE、CSS等ファイルのフォ
BittBox 実Free Fading Corner Images I see more and more fading corners every day, so I decided to put together some freebies, since they are becoming popular. フェードがかかったカッコいいコーナーのサンプル画像集。 次のようなフェードがかかったコーナー画像をダウンロードできます。 画像形式はgif,png,jpgの他、PhotoShopデータであるpsdファイルも含まれています。 CSSなんかでブロック要素にあてはめて、カッコいい枠を作るのに役立ちますね。 尚、当方のIEではなぜかダウンロードリンクがうまく機能しないので、Firefox等でダウンロードする必要があるようです。 関連エントリ PDFやEXE、CSS等ファイルのフォーマット
Picnik - edit photos the easy way, online in your browser With Picnik you can quickly edit all your online photos from one place. It's the easiest way on the Web to fix underexposed photos, remove red-eye, or apply effects to your photos. オンラインでサクサク画像編集可能な「Picnik」。 画像の回転、切り抜き、リサイズ、明るさ調整、シャープ度調整、赤目補正などの画像編集がブラウザ上で行えます。 ＵＩはＦｌａｓｈによって実装されていますが、サクサク動いてかなり快適です。 関連エントリ ウェブ上で動作するPhotoShop風ツール「Fauxto」 オンライ
MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts Ajaxライブラリまとめサイト「MiniAjax」。 有用JavaScriptライブラリのリンク集ですが、チョイスがよくて、AjaxやDHTMLにて出来ることが一通りまとまっている感じです。 ライブラリをお探しの方は、JavaScriptist の「ライブラリ活用編 - JavaScriptist」なんかも参考にして頂けるかと思います。
valid.tjp.hu - tjpzoom.js 2.0 - JavaScript / CSS / DOM image magnifier As you may have realized, this is a tool that brings images closer. This is the new version of my script, tjpzoom. 画像カーソル位置をズームインできるライブラリ「tjpzoom.js」。 次のように、カーソル位置の画像をズームできます。 知っておけば、ウォーリーを探せ風の簡単なゲームを作ったり、サイトのキャンペーンとしての面白い１要素として使えそう。 設置方法は簡単で、まず、次のようにスクリプトを読み込みます。 <script type="text/javascript" src="http://valid.tjp.hu/zoom2/tj
The Ultimate Ajax Object Ajax 機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」。 prototype.jsなどを使えば、Ajaxは簡単に使えるけど、Ajaxのみの機能を使いたいのに、要らない機能までもブラウザに読み込ませるのは無駄な場合も多いことと思います。 そんな際に使える、ajaxObjectの紹介。ほんの４５行程度のライブラリですが、クラス化されていて再利用が容易です。 使い方は次のように簡単です。 myRequest = new ajaxObject('http://somedomain.com/ad.html'); // オブジェクト初期化 myRequest.callback = function(responseText) { // ajax成功時のコールバック document.getElementById('so
Parallax Background with Javascript and CSS ページに今まで見たことのないような背景画像をCSSとJavaScriptで設定「Parallax Backgrounds」。 一見なんの変哲もないサイトのように見えて、スクロールしてみると2枚の背景画像が違う速度でスクロールし、面白い効果が見られます。 スクロールバーをつまんでゆっくりページをスクロールしてみてください。 雲の画像が、その後ろの布風の背景画像よりも高速に動いてみえると思います。 JavaScriptの window.onscroll イベントによってそれぞれの背景画像のスクロール位置を調節しているようです。 凄く面白いなぁ、と思ったのですが、この方法を応用することで、新たに面白い効果を作ることができるかもしれませんね。 訪問者への驚きの要素として実装してみると面白いでしょう。 サポートブ
Javascript Developer Tools Javascriptの文法チェックや圧縮などが行えるWEBツール「Javascript Developer Tools」。 左上のタブのＬｉｎｔ にて文法チェックが行えます。Minify、De-Minifyによって改行などの削除によってスクリプトサイズ削減、そして、その反対が出来るようです。 ブラウザ上で行える簡易開発ツールとして活用できそうですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
