Bookmarklet name: Rows: Help for Bookmarklet Builder Javascript code: javascript: Wrap text (Bookmarklet)
Bookmarklet name: Rows: Help for Bookmarklet Builder Javascript code: javascript: Wrap text (Bookmarklet)
Writer Zone We’re excited to announce that Windows Live Writer Beta is available for download today. Windows Live Writer Beta (14.0.5025.904) Here’s what you can expect to find in this beta: Image and video publishing enhancements Insert videos from Soapbox and YouTube Upload videos to Soapbox and YouTube Image cropping and tilting Additional border styles for images (such as reflection and rou
Lingua::JA::Hepburn::Passport でヘボン式ローマ字変換 ひらがな/カタカナからヘボン式ローマ字に変換するモジュール をリリースしました。 同じようなことをするモジュールは Lingua::JA::Romaji, Linguua::JA::Romanize::Kana, Text::Kakasi といろいろあるんですが、日本の外務省パスポートのルール にあるヘボン式に則ったものは1個もなかったので車輪の再発明。 use utf8; use Lingua::JA::Hepburn::Passport; my $hepburn = Lingua::JA::Hepburne::Passport->new; $hepburn->romanize("みやがわ"); # MIYAGAWA $hepburn->romanize("おおの"); # ONO $hepburn->r
本日、はてなダイアリーの動画関連の機能をアップデートしました。 「注目の動画」ページ はてなダイアリーで話題になっている動画を紹介する「注目の動画」ページを新設しました。トップページの「注目の動画」からリンクをしています。また以下のURLからも直接アクセスすることが可能です。 http://d.hatena.ne.jp/hotvideo 「注目の動画」ページでは、はてなダイアリーで話題になっているYouTube/GoogleVideo の動画を注目順で表示しています。(どのサイトの動画かは、タイトル中に丸カッコで表示しています。) またそれぞれの動画の下には「含む日記」を最大3件表示しており、リンクを辿ることでその動画がどのように日記で紹介されているかを知ることができます。 このページは現在1時間に1回更新し、最新の情報を表示しています。 ビデオキのAmebaVision対応 複数の動画共
Webサービス いろいろ学べる地図サイト ナショナル・ジオグラフィックのサイトにある「MapMachine」という地図サービスがおもしろいです。 Googleマップとかその後発地図サービスと同様にマウスでドラッグさせて移動させることができるんですが、いわゆる「地図」だけでなくそこに地球上の各種情報を表示させることができます。 例えば「MORE THEME MAPS」というタブをクリックすると天気や自然災害、人口の分布などのカテゴリとその下にさらに詳細なメニューがそれぞれ用意されており、それらの情報を地図上にマッピングして表示させることができます。平均気温情報とか被害状況ごとにマーキングされた竜巻情報など見ているとなかなか考えさせられるものがあります。 しばらく時の経つのを忘れて楽しめます。さすが、ナショナル・ジオグラフィック!って感じです。 (永沢和義)
This infrastructure is considered to be beta. Everything should be usable, to a certain degree. NAME DOM.Element.Create - Create new DOM elments in a more declarative manner SYNOPSIS // BEFORE var link = document.createElement('a'); link.href= "http://www.google.com"; link.title= "Search the Web"; link.target= "_blank" link.onclick= function() { alert('here we go'); return true; }; link.appendC
凹 Googleマップが新しくなっとる 一通が表示されるようになったね. これが一番嬉しい. って前からだっけ? 追記: 一部の建物が妙に立体的になっとる. なんかビミョー. 追記2: 検索結果が自動的に保存されるみたいだけど,今見てる場所を保存する仕組みはないのかな? 凹 [Comp][zsh] ^を押すとcd .. naoyaさんの日記を見て脊髄反射的にコメントし, そのまま自分の.zshrcにも設定を仕込んでしまった. が,よくよく考えると,コマンド入力途中に しまった.cd ..しときゃよかった… みたいなシチュエーションも割とあるわけで↓こんなのがいいんじゃないか, という気になってきたが,何度もコメントするのもアレなのでこっちに書く. function cdup() { cd .. zle push-line-or-edit zle accept-line } zle -N c
Building 1 - New York Completed: February 2022 Penthouse - Floor 20 Penthouse View on opensea.io Apartment Floor 1 Unit 1 View on opensea.io Apartment Floor 1 Unit 2 View on opensea.io Completed: March 2022 Apartment Floor 1 Unit 3 new View on opensea.io Apartment Floor 1 Unit 4 new Garage View on opensea.io Apartment Floor 1 Unit 5 new View on opensea.io Coming in April 2022 Floor 1, Units 12 and
を作った。 http://svn.unknownplace.org/public/library/js/trunk/JSound/ 使い方は <script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript" src="/js/sound.js"></script> <script type="text/javascript"> Sound.swf = 'sound.swf'; // sound.swf のパスを指定 (デフォルト /swf/sound.swf) // 設定 var rules = { // CSSライクなセレクタでエレメントを指定 'a': { onmouseover: '/static/sample/foo.mp3', // イベントとサウンドファイ
前回のエントリで触れたJSONP。初出はRemote JSON - JSONPというMochiKitの中の人によるエントリ(多分。一言で言うなら「JSONデータを括弧でくくった上でこっちが指定した文字列を頭につけて返してね?」というもの。文章で説明するとわけわからん。 つまり、 http://example.com/data.json?jsonp=beverly_hills とリクエストしたら、 beverly_hills({ foo: 'This is foo.', bar: 'This is bar.', foobar: 'This is foobar.' }); と返す。また、 http://example.com/data.json?jsonp=beverly_hills%5B90210%5D とリクエストしたら、 beverly_hills[90210]({ foo: 'This
scriptタグのcharsetは何気にデキる子なんです。ホント 何かの手違いでcharsetの違うjsファイルとかを動的に読み込みたいなんて事があった場合でも結構素直。 via - JavaScriptとたわむれる : memo-space (function (){ var scripts = [ {'src': 'path/to/hoge.js', 'charset': 'UTF-8'}, {'src': 'js/foo.js', 'charset': 'Shift_JIS'}, {'src': 'http://labs.s2php5.jp/s2dao.js', 'charset': 'EUC-JP'} ]; var temp = document.createElement('div'); temp.style.display = 'none'; document.body.a
その1 with(document){ write("こんにちは"); // こんにちはの表示 } その2 o = {}; o.p = "こんにちは"; with(o){ var func = function(){ alert(p) }; } func(); // こんにちはの表示 その3 var Foo = {}; Foo.Foo = function(){ }; Foo.Foo.prototype = { foo : function(){ alert('foo') } }; Foo.Bar = function(){ }; Foo.Bar.prototype = { bar : function(){ alert('bar') } }; var Hoge = function(){}; with(Foo.Foo){ Hoge.prototype = prototype; } //
JavaScript #5= {}について、Days on the Moonのnanto_viさんから、詳細な情報を頂きました。いつもいつもありがとうございます。(無断で、コメントをブログ本文に転載してしまいごめんなさいね。) nanto_vi これはシャープ変数(sharp variables)と呼ばれるJavaScriptの拡張機能ですね。循環参照を持つオブジェクトをリテラル形式で書くときなどに用いられます。#n=の後にオブジェクトを指定することで、#n#を使いそのオブジェクトを参照することができるようになります。 var o = #1= { next: { next: { next: #1# } } }; o == o.next.next.next; // true Enumerable.prototype = { map: #1= function () { ... }, col
Lessons in Javascript Performance Optimisation: 90 seconds down to 3 seconds I’ve recently been optimising the guts out of a JS webapp I wrote, which was making IE crawl to a halt. I discovered this after introducing a stress-inducing data set. (Using Rails’ fixtures makes light work of this; since the fixtures are Ruby templates just like the web templates, it’s easy to introduce a loop to create
価格.com WEBサービス API マニュアル http://rails2u.com/misc/kakaku_com_api.rb.txt 価格.com WEBサービス APIがリリースされた!というわけで作ってみました。ほぼ RakuAPI ライブラリのコピペですんだ、という…。これはオフィシャルなサービスなのでそのうち rubyforge に上げる…かも(コペ)。ひょっとしたらインターフェイス周り変えるかも。id:naoya が作った naoyaのはてなダイアリー - WebService::KakakuCom で使ってる Data::Page がなにやら便利そうなのでそれっぽいページャクラス作るかもー。 使い方は require 'kakaku_com_api' require 'pp' $KCODE = 'u' k = KakakuComAPI.new results = k.s
./with Imagination A JavaScript, CSS, XHTML web log focusing on usability and accessibility by Dustin Diaz Tuesday, November 29th, 2005 UPDATE: For anyone who lands on this article months after the fact, there is now a podcast entry about this article reviewing each and every function. If there was ever a universal common.js shared among the entire develosphere, you’d fine these ten (plus one bon
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
引数束縛 (カリー化) の話。まずは「JavaScriptでカリー化」(檜山正幸のキマイラ飼育記)。タイトルを見てどこかで聞いたような話だなと思ったら「関数の変形」(Effecttive JavaScript - Dynamic Scripting) だった。だが、前者は文字列に戻してから評価というのが力技っぽくて個人的に好きでないし、後者は汎用的過ぎていささかわかりにくい。そこで今回は先頭の引数から束縛していくというのに的を絞ってみたいと思う。 まず第 1 引数のみを束縛する場合。Function#apply を使えば引数を配列として渡せるので、束縛された値と後から渡された引数とを連結してやればいいのではないか。 function curry(func) { return function (first) { return function () { var args = Array.p
処理を配列で構成する 技術 メモ、丸括弧を鉤括弧にする 昨日のコードを動かしてみました。 sum(ifilter( partial(operator.gt, 10), imap( partial(operator.mul, 2), count()))); 上のコードが、下になります(countから、100までのrangeに変えてます)。 var exp = [sum, [ifilter, [partial, operator.gt, 10], [imap, [partial, operator.mul, 2], [range, 100]]]]; 実行は以下。 コンセプト・コードなんで、細かい部分適当です。 function evaluate(){ // 第一引数を関数とする var func = arguments[0][0]; var arg = arguments[0].sli
naoyaさん のJemplateの記事に触発されて埋め込みjavascriptを実装してみました。 同様の実装として Ajax Pages があるのですが、よりシンプルに実装してみました。コードにして50行。 サンプルファイルダウンロード これは今作っているフレームワークの一部です。シンプルですがわりと使えるかと。 実際の動作はサンプルファイルを見ていただくとして lyase_view.jsの説明どおり 1/* 2 * using innerHTML 3 * ------------- 4 * //in HTML 5 * <textarea id="template" style="display:none"> 6 * The value of x is:< %= context.x%> 7 * </textarea> 8 * //code 9 * document.write(Lyas
Jemplate is a templating framework for Javascript that is built over Perl's Template Toolkit (TT2). Jemplate parses TT2 templates using the TT2 Perl framework, but with a twist. Instead of compiling the templates into Perl code, it compiles them into Javascript. かぜぶろさんや宮川さんがブックマークしてたので気になってちょっと見てみた新着モジュールの Jemplate。なかなか面白いです。Template-Toolkit で記述したテンプレートのテンプレート変数に JavaScript 上の JSON を展開させることができるという
MochiKit - スタイルガイド 翻訳 原文:StyleGuide - MochiKit - Trac MochiKitのコーディング規約の大部分はPythonのPEP8とPEP 7(この順に優先される)に従っている。しかし、JavaScript特有の点もいくつかある : ビルトイン・オブジェクト、およびそのプロトタイプを絶対に変更しない。(例えば、このようなことは行わない: Object.prototype.foo = REALLY_BAD! ) 代わりに関数の使用を志向する。 関数のようにtypeof演算子を使用する : typeof x ではなく typeof(x) コンストラクタを使用するときには引数を括弧に入れる : new Error, foo ではなく new wError("foo") 常に完全修飾子で他の関数を呼び出す。また利便性のための記号的なエイリアスも用いない
* ls -trl ¤¬Ä¶ÊØÍø [tech] 20 users UNIX ¥³¥Þ¥ó¥É¤Î»È¤¤Êý¤Î¥¯¥»¤ò»¯¤¹¤Î¤¬ºÇ¶á¤Îή¹Ô¤ê¤Î¤è¤¦¤Ç¤¹¤¬(¤Û¤ó¤È¤«)¡¤»ä¤Î¾ì¹ç¡¤ ls -trl ¤Ã¤ÆÂǤĤΤ¬¤Û¤È¤ó¤É¼ê¥¯¥»¤Ç¤¹ (¼ÂºÝ¤Ë¤Ï alias l ls -l ¤·¤Æ¤¤¤ë¤Î¤Ç l -tr ¤¬¼ê¥¯¥»¤Ê¤Î¤Ç¤¹¤¬)¡¥ -t ¤È -r ¤Ï¡¤ -t Sort by time modified (most recently modified first) before sort- ing the operands by lexicographical order. -r Reverse the order of the sort to get reverse lex
フェンリル(株)は22日、同社製タブ切り替え型Webブラウザー「Sleipnir」上で動作する、Web制作者向けのプラグイン「Hawkeye」v1.00を公開した。Windows 98/Me/2000/XP上の「Sleipnir」v2.45以降に対応するフリーソフトで、現在同社が運営する“Fenrir Extention Center”からダウンロードできる。なお、動作には同社が提供する「UserAction Extention」プラグインが必要。 「Hawkeye」は、閲覧中WebページのCSSやHTMLの解析機能などを備えた、Web制作者向けの「Sleipnir」専用プラグイン。本プラグインをインストールすると、CSS/HTMLのリアルタイム編集機能をはじめ、レイアウトや色合いの調整、HTMLソースの構文チェックなど、数多くの機能が「Sleipnir」のサイドバーに追加される。 たとえ
Tra i linguaggi di programmazione più utilizzati in informatica rientra senza dubbio JavaScript, una grammatica testuale che ha come scopo principale quello di permettere una corretta visualizzazione dei contenuti html di un browser. In altre parole grazie al linguaggio JavaScript a ogni comando viene assegnata una funzione particolare di una pagina web, come ad esempio la possibilità di far diss
These are the top 10 things I learned from attending the Future of Web Apps Conference 2006 in San Francisco earlier this month. The summit was hosted by Carson Systems and included speakers like Kevin Rose, Mike Arrington, Mike Davidson, and more. It’s a condensed and aggregated summary of points covered by different speakers throughout the conference that I found most useful. EASY is the most im
このコーナーでは、企業でWebサイトの運営に携わっている方、マーケティング部門等でWebの活用法について考えておられる方向けに、Webマーケティングの実践のための手法やノウハウ、事例をご紹介していきます。市場に出回る書籍や雑誌では論じられることない、Webマーケティングの最前線に触れていただければと思います。 2006年09月26日 ネット上の口コミはいかにして発生するか? マーケティングユニット 棚橋 現在、Webマーケティングの分野では、ブログやSNSを媒介としたユーザー間の口コミが注目されているようです。 エデルマン・ジャパン株式会社と株式会社テクノラティジャパンが共同で、日本のブロガー213人を対象に実施した「第1回 日本人ブロガーに関するPR調査」によれば、「84.5%ものブロガーが企業(業界情報や、サービス、製品を含む)についてブログを書いたことがある」という調査結果が出ていま
本日、価格.com WEBサービスの第一弾として、価格.comから商品検索とアイテム情報取得用のAPIと、食べログ.comから、レストラン情報を取得するAPIを一般公開しました。 今回のリリースでは、ユーザやアプリケーション登録が必要ありません。是非気軽にお試し下さい。 なんかウェブサービスがいろいろリリースされる季節ですね。ということで気軽に試してみましたよッ! http://bloghackers.net/~naoya/lib/perlmodules/WebService-KakakuCom-0.02.tar.gz http://trac.bloghackers.net/browser/lib/perl/WebService-KakakuCom/trunk 昨日の RakuAPI のとコードが相当似てる。 NAME WebService::KakakuCom - Handle WebA
Windows/Mac/Linux: The first release candidate of Firefox 2.0 is now available for download. The Firefox 2.0 RC 1, while close to final release, is intended for power users and testers. Since the Beta 1 release back in July, the good folks at Mozilla have been hard at work polishing and preening our favorite web browser. Check out some screenshots of RC 1 after the jump. Firefox 2.0's chrome is mo
2006年09月28日02:00 カテゴリLightweight Languages javascript - DOMMakerで楽々DHTML DHTMLは便利なものだが、DOM関連の関数でHTMLを「描く」のは、あまりに面倒だ。 たかだか <a target="blank" href="http://blog.livedoor.jp/dankogai">404 Blog Not Found</a> とやるのに、 var a = document.createElement('a'); a.setAttribute('target', 'blank'); a.setAttribute('href', 'http://blog.livedoor.jp/dankogai'); a.appendChild(document.createTextNode('404 Blog Not Found'
地震調査研究推進本部は、「地震調査研究の推進について-地震に関する観測、測量、調査及び研究の推進についての総合的かつ基本的な施策-」(平成11年4月23日)を決定し、この中において当面推進すべき地震調査研究の主要な課題として、全国を概観した地震動予測地図の作成を挙げている。 全国を概観した地震動予測地図作成に向けた取組みとして、地震調査委員会の長期評価部会では、活断層で発生する地震と海溝型地震の長期的な地震発生可能性の評価を行い、その結果を公表してきた。同委員会の強震動評価部会では、強震動予測手法(「詳細法」)の高度化・標準化を進めつつ、いくつかの震源断層を対象にして「詳細法」による強震動評価を実施し、その結果を公表してきた。両部会は、平成14年から16年にかけて、地域を限定した「確率論的地震動予測地図の試作版」を取りまとめてきた。地震調査委員会は、それまでの一連の成果をとりまとめた「全国
凹 Googleマップが新しくなっとる 一通が表示されるようになったね. これが一番嬉しい. って前からだっけ? 追記: 一部の建物が妙に立体的になっとる. なんかビミョー. 追記2: 検索結果が自動的に保存されるみたいだけど,今見てる場所を保存する仕組みはないのかな? 凹 [Comp][zsh] ^を押すとcd .. naoyaさんの日記を見て脊髄反射的にコメントし, そのまま自分の.zshrcにも設定を仕込んでしまった. が,よくよく考えると,コマンド入力途中に しまった.cd ..しときゃよかった… みたいなシチュエーションも割とあるわけで↓こんなのがいいんじゃないか, という気になってきたが,何度もコメントするのもアレなのでこっちに書く. function cdup() { cd .. zle push-line-or-edit zle accept-line } zle -N c
citypixel.com リアルなCGよりもピクセルアートの何とも言えない暖かみの方が好きな人って少なくないんじゃなかろうか。(調べたわけじゃないですけど) お菓子が好きな人はお菓子の家に住みたがるように、ピクセルアートが好きな人はピクセルアートな街でピクセルアートの家に住みたがるハズ。 そんなピクセル好きにオススメのサービスがこちらのcitypixel。 その名の通り、シティがピクセルで描かれていて、ユーザ登録すれば自分のアバターをピクセルシティ内の好きな通りに配置できる。 既に配置されてる他のアバターの情報を見たり、チャットでおしゃべりしたりと、なかなか楽しげなサービス。 それだけじゃなく、ピクセルシティ内のマンションの一部屋を借りて、これまたピクセルな家具や装飾で部屋を好きなようにコーディネイトして楽しむこともできる。例えばこんな具合に。 ちなみに壁掛けのTVにはYouTubeの文
MozLabという拡張を昨日知ったのですが http://dev.hyperstruct.net/trac/mozlab この中に含まれているMozReplというのがヤバい。Firefoxにtelnet接続できるようになる。 とりあえずRubyで書いた簡単なサンプル、今見ているページをリロードするだけ。 require 'net/telnet' telnet = Net::Telnet.new({ "Host" => "localhost", "Port" => 4242 }){|c| print c} telnet.puts("content.location.reload(true)") telnet.close ひたすら自分が見ているURLとページタイトルを記録する系とか簡単に作れそう。 今見ているページのURLとタイトルを取得するサンプル。 require 'net/telnet'
Yesterday when I wrote the Top 10 Web 2.0 Losers I figured it would ruffle some feathers and bring the loyalists out, but I wasn’t quite sure for which sites. No matter how much we might think people hate a site or application there always seem to be fans around waiting to defend it and this certainly was the case with Bloglines and Technorati. When these sites were brought up the arguments for wh
Note: Be sure to checkout the Top 10 Web 2.0 Winners list as well. Last week, Michael Calore, posted his take on Web 2.0 Winners and Losers and while I agreed with some of his picks, there were a lot that I didn’t think belonged. I also wanted to go a bit more indepth as to why these sites have made the list. With that in mind I have put together my list of 10 Web 2.0 losers and winners (coming Tu
9月27日 発表 シャープ株式会社とシャープヨーロッパ研究所は27日、3つの角度で3つの異なる画面が表示可能な「トリプルビュー液晶」を開発したと発表した。 2005年7月に発表したデュアルビュー液晶の視野角制御技術をさらに進化させ、一般的なTFT液晶ディスプレイに設けられた「視差バリア」を独自の技術で左/右/中央の3方向に光を分離し、1つのパネルに3つの異なる画面を同時表示できるようになった。 利用例として、ワンボックスカーのような多人数で乗る自動車内に設置すれば、運転者はナビゲーション画面、助手席で観光スポットやグルメ情報の検索、後部座席でDVDの映像を楽しむことが可能。また、看板などで使用すれば、通行者の進行方向により異なる店舗情報を提供することができるとしている。 同社は今後、ユーザーニーズにあわせて視野角を選べる視野角制御型液晶のバリエーション拡充に注力するとしている。 □シャープ
Desktop Opera unveils Opera One, an entirely redesigned browser April 25th, 2023 Opera unveils Opera One today, a completely redesigned browser that is planned to replace the flagship platform for Windows, MacOS,... Opera for iOS, VPN Opera adds free VPN to Opera for iOS, becomes the first major browser to bring... April 12th, 2023 Opera announces the extension of its free VPN to iOS, becoming the
Web site PDF Online lets you convert a bevy of document types to PDF online, sending the resulting PDF to your email address as an attachment. While PDF Online doesn't convert everything, it does handle a lot of file types (see screenshot), and might come in handy if you need a quick PDF on-the-go. In fact, even if you "Print to PDF" a lot on your desktop, PDF Online might be a nice tool to keep i
The Top 10 Web 2.0 Losers list was an interesting look at companies and sites that possibly haven’t lived up to their potential in this era of the web. Today I am going to look at the top 10 sites that I feel have exceeded the expectations of many and have taken marketshare away from established leaders or have become leaders themselves in their industries. Again, these sites don’t have to represe
Restart this puzzle Easy -+ Medium -+ Hard -+ Bodyslam -+ Piledriver -+ Enter your own puzzle Go offline... Change solver mode: Traditional Sumo Auto-fill in obvious numbers Disallow incorrect moves Print to PDF Save/share this puzzle Load saved puzzle Clear puzzle statistics Session/no cookies bookmark ←, →, ↑, ↓, right-click = move n, double-click = set cell to n space, del = unset a number -n =
Google Mapの日本の情報が更新された、という記事をCNETで見たので、どれどれと思いながらちょっとのぞきに。今回は地図データのアップデートだったらしいが、衛星からの写真データも7月に更新されていたらしい。 そこで、前からその中身を見てみたくてしょうがなかった施設の上空に。そう、それは「東京ディズニーリゾート」。頭の黒いネズミの統べる王国。おお、中の施設から、駐車場の線1本1本に至るまではっきり見えるぜ。と思いながら、ふらふらと空中散歩していたら、面白いものを見てしまった。ディズニーシーのど真ん中に、まっすぐ1本の道路が走っているのである。 メディテレーニアン・ハーバーの裏の水上パレード用ボート繋留所の横、キャラバン・カルーセルの裏側から、ミステリアスアイランドの山脈とマーメイドラグーンの間を通って、ポートディスカバリーのエレクトリック・レールウェイ駅裏側まで、ポートディスカバリー地
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く