はてブは便利だ。かれこれ使い続けて8年目になる。 しかし、はてブを使っているとしばしばムカつくことがある。 それは2chをコピペしただけのデマまとめサイトがホットエントリとして頻繁に表示されてしまうことだ。 リンクをクリックしなければいいのだが、最近はタイトルだけで不快になるレベルのものも多い。 例えばここのところ、冷凍庫に入ったバイトをアップして炎上させる遊びがリア充の間で流行しているが、 「ハム速」というサイトはこういったものを毎回取り上げて、嫌でも目に付くタイトルで他人の個人情報を晒している。 なにがホットだよ。見たくねえよ死ね。 しかし、はてなの運営はいつまで経っても非表示サイト機能を用意してくれないし、 こういったクソサイトを未だにブクマしてホッテントリ入りに貢献するはてなユーザーはあとを絶たない。 これらを弾くユーザースクリプトやユーザーCSSを書いてくれた人もいない。 仕方な
Chromeは通信量を50%も節約できるなんて知りませんでした。格安SIM運用に最適なブラウザかも。 - いつもマイナーチェンジ！
言わずと知れたブラウザであり、僕も利用している Google Chrome ですが、通信量を50%節約できる設定があります。 僕はずっと iPhoneユーザーで、スマホのブラウザといえば Safari を利用していたので、Chromeの情報はあまり気にしてなかったのですが、この節約機能は 2014年1月頃のアップデートから利用できるようになったようです。 リリースから１年も知らずにいたとは^^; 何にしてもとてもすばらしい機能なので、記事に残しておきます。 まずはやり方を Androidの場合 iPhoneの場合 これだけです。 たったこれだけで、画像にもあるように50%程の通信量を節約できます。 なんという簡単設定。 なぜ通信量が節約できるのか簡単に言うと、「画像の圧縮と最適化を行うから」です。サイトの読み込みで一番時間がかかるのは、なんといっても画像です。その画像を更に圧縮してくれると
知っておくと便利なGoogle検索のテクニック
ググることは、すべてのデベロッパーにとって最も重要なスキルの1つです。知っておくと便利なGoogle検索のテクニックを紹介します。 完全一致の""はよく使用しますが、..や*は知りませんでした、便利ですね。他にも便利なのがあれば、ツイートなどで教えてください。 Use Google like a pro by Marko Denic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 以下に紹介する方法は、それぞれを組み合わせて使用することもできます。 "what is javascript" Google検索でキーワードをダブルクォーテーション（""）で囲むと、完全一致検索をします。
色んなXSS – nootropic.me
2015/4/16(木)：ページの一番下に追記を記述しました。 その昔、なんとかキャンプというセキュリティのイベントに参加した時「アウトプットが大事」と言われたのを思い出しました。 でも、普通自分の見つけた知識は後生大事に抱えておきたいもんだと思います。 そこで今回はそういった何かしょーもないものを捨てるべく、溜め込んだ色んなXSSのPoCを少し書き出してまとめました。 今まで自分で見つけたものや海外のSecurity Researcher達から収集したものもあります。 さて、今回リストアップしたPoCの見方ですがいくつかの項目があります。 一番上の「手法」はタイトルみたいなものだと思って下さい。 二番目の「PoC」はスクリプトを実行する為のコードです。殆どがアラートが出るだけのスクリプトの為危険なコードは無いつもりですがご自分のブラウザで実行する際は自己責任でお願いします。リンクをクリッ
DevTools、使ってますか？ もはやChromeじゃないと開発できないくらいに飼い慣らされています。 ブレークポイントやconsole.logなど基本的な使い方から、TimelineとAuditsを使ってのパフォーマンス計測などなど、DevToolsのポテンシャルは計り知れません。 個人的にはConsole APIが好きなんですが、今回はConsoleパネルで使える Command Line API の使い方についてまとめてみました。 $_ $_には最後に評価した式の結果が保存されています。 Console上で計算を行なった場合や、$セレクタなどでDOMを検索した結果など、最後の結果が常に保存されます。 $0 〜 $4 $0から$4にはElementsパネルで選択した要素が5つ保存されています。$0が最後に選択した要素で数字が増えるごとに過去に選択した要素になります。 $0は特に使いや
Reset
これでメインブラウザに！ 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します - アップス!!!-iPhoneの小技やiOS系ニュースを配信
これでメインブラウザに！ 無料ランキング1位ブラウザ『Chrome』を使い倒す3つの小技を紹介します 2012年06月30日 21:30 カテゴリ:iphoneの小技ユーティリティーapp ツイート Chrome カテゴリ: ユーティリティ 価格: 無料 どうも@kuroji1987です。 先日リリースされてから瞬く間に無料ランキング1位となったブラウザアプリ『Chrome』。 今回はこの『Chrome』をガッツリ使い倒すために便利な3つの小技をご紹介したいと思います。これでメインブラウザに昇格できるかもしれませんよ！ 1.ブックマークレットを使う まず1つ目は『Chrome』でブックマークレットを使用する方法です。 リリース時の記事でも書きましたが、『Chrome』でブックマークからブックマークレットを起動するとうまく動かすことができません。 アドレスバーに直接入力することで起動させられ
最近、パソコンの終了が遅いと思ったらChromeのせいだった
最近、Windows7をシャットダウンする際に「バックグラウンドシステムの終了を待っています…」と表示され、なかなか終了されないことが多くなっていました。 原因を調べてみたところ、Chromeのバックグラウンドアプリ機能が原因であることがわかりました。 photo credit: PromoBlog via photopin cc 設定解除の方法 ↑Chromeの「設定」から「詳細設定を表示…」を選びます。 ↑「バックグラウンドアプリ」の項目のチェックボックスをオフにします。これでOKです。 バックグラウンドアプリとは？ 拡張機能やウェブ アプリの多くは、機能を実行するためにバックグラウンド ページを使用します。 （中略…） 高度な機能を提供するために、Google Chrome のウィンドウがすべて閉じた後でも実行を続けるアプリもあり、バックグラウンド アプリと呼ばれます。 via バッ
業務スピードが上がる！Google Chromeのおすすめ拡張機能9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。GoogleChrome（グーグル・クローム）をこよなく愛する男、鮫島です。 仕事でもプライベートでもChromeを使いまくっているのですが、今回は超絶便利なChromeの拡張機能（エクステンション）をいくつかご紹介します。 これを全て使いこなせれば、業務の効率は確実に上がるので、特にWeb制作のディレクターの方にオススメですよ！ もちろんディレクター以外の人も使える拡張機能はたくさんあるので参考になれば！ そもそもGoogleChromeの拡張機能（エクステンション）ってなんなの？ 一言で言うと、Chromeに機能を追加するためのもの。Chromeにはいろいろな拡張機能が用意されていて、インストールすると、ページ全体のキャプチャを撮ったり、不必要な広告をブロックしたりする機能を追加できます。GoogleChromeのデフォルトの機能で物足りない方にオススメです。人によっては、
グーグルがWebを高速化するために何をしているか
本のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。 6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」（スピードの重要性）というセッションで紹介ています。 Webを高速化するためにどのような技術があり、あるいはどのような技術が検討されているのか、このセッションの内容を紹介しましょう。 スピードは重要だ 私が話そうとしているのは、「Speed matters｣（スピードの重要性）についてだ。Webは空飛ぶジャガイモより速くなれるだろうか？ どのくらい速くなれるだろうか？ （参考：オペラがやってくれた！ グーグルの空飛ぶジャガイモに対抗）
2020年7月1日、総務省によるマイナンバーカードを持つ人に買い物などで使えるポイントを還元する「マイナポイント」の利用申し込みの受け付けが始まった。 しかし、パソコンの利用環境などで「予約ができない」といった声が上がっている。J-CASTニュースは、総務省マイナポイント施策推進室にメールで取材を行った。 「様々なご要望をいただいていることは認識」 マイナポイントの予約には、マイナポイントアプリ対応スマートフォンか、インターネットに接続できるパソコンとマイナンバーカードに対応したICカードリーダライタが必要である。 ただ、パソコンでのマイナポイントの利用申し込みにおいては、OS（MicrosoftWindows8.1,10）がインストールされていること、そしてブラウザ「InternetExplorer11」（以下IE11）がインストールされていることが条件となる。国内シェア最大級のブラウザ
IDEA * IDEA
ドットインストール代表のライフハックブログ
Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug | コリス
VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。 制作や検証時だけでなく、クライアントとの打ち合わせ、社内ミーティングなど、活躍するシーンがたくさんある便利ツールです。 VisBug -GitHub VisBugの特徴 VisBugのインストール VisBugの機能 VisBugの特徴 VisBugはChromeの機能拡張で、デベロッパーツールのデザイナーやディレクター向けという感じです。開発者のAdam Argyle氏は、Googleの現役UXエンジニア。 機能拡張なので、使うのは簡単です。 Chromeで当ブログを表示し、VisBugを起動してみました。
【2022年ｱﾒﾘｶ】「ポテトが冷めてるぞ！」母親に提供されたポテトで苦情を入れた男性 店員に詰め寄り発砲する【ゆっくり解説】
最強のPocket（旧Read It Later）用Chromeクライアント拡張機能「Readmine」 | フリーソフトラボ.com
- 2024年5月現在、本ソフトの提供は終了しています - あとで読む系サービスのPocket（旧Read It Later）用クライアントのChrome拡張機能。大量の未読記事もサクサク読み込める、非常に使いやすい操作画面や、Googleリーダーとの連携、一括したタグの編集など必要な機能も備えていて、数あるChrome拡張の中でも特におすすめです。
AutoPagerize for Greasemonkey
Reset
超がつくほど便利な"おすすめアドオン"１４選 AdblockPlus（アドブロックプラス） ウェブサイトやブログに表示される広告を自動で消すことができるアドオン。 １度いらない広告を右クリックで登録することで、邪魔な広告画像をずっと非表示にすることができます。 フィルタを使えば広告をすべて非表示にもできますし、マルウェアなどのウィルスもブロックしてくれるので、必須ですよー！ ちなみにQuantumにも対応しています。 AdblockPlus（アドブロックプラス） Google Translator Google翻訳が使えるようになるアドオン。 英単語を翻訳したり、海外サイトをよく見る人は入れておくとめちゃくちゃ便利ですね。 Firefox Quantum対応。 Google Translator Awesome Screenshot 縦長のブログをスクショするときに使えるキャプチャアドオン
少し出遅れの感がありますが、2週間ほど実際に使い続けてみて「これなら仕事に役に立つかな」と思えたChrome Extensionをご紹介。いずれも「むしろ仕事の邪魔になるかも」あるいは「意味ないかも」と思えたものは自分でも無効化もしくはアンインストールしたので、「ちょっと便利」程度のものは入っていません。 また、以下の堀さんのエントリーで紹介済みのものも入っていません。 » Mac 版 Chrome で作業を大幅加速！ 必須の 8 個の拡張機能 1．Go Extensions 拡張機能一覧ページ（chrome://extensions/）へのショートカット。 » Extensionをいろいろ試したいなら最初に入れるべきExtension。 2．LinkOpenNewTab クリックしたリンクが異なるドメインの場合は、新規タブで開く。 » 新規タブで開くかと思いきや、表示中のタブに上書きされ
Tiki, a short-form video app, is set to cease operations in India on June 27, the latest addition to a growing roster of businesses that have faltered in their attempts to cash in on the void created
これはすごい！Chromeで最強のコマンド環境を構築する方法「gleeBox＋Quix」 - Chrome Life
皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて
【Google Chrome】 色々使い回したあげく結局Chromeに落ち着いた 各種同期とネイティブの様に扱えるChromeアプリ、更に開発へ便利なデベロッパーツールと非常に便利 Chromiumでは独自に追加することとなる多くのプラグインパッケージなども標準装備し意識することなく最新の環境を用いることが出来るのが良い ChromeアプリのGoogleKeepとGoogleハングアウトが無ければ仕事が出来ないレベル Google Chrome https://www.google.com/chrome/browser/desktop/index.html
YouTube人気急上昇
【ゆっくり実況】何が嫌いかよりｯ!! 何が強いかでパズドラを語れよｯ!!【ワンピースコラボ】【パズドラ】
以前の記事で、 Webアプリケーションのデバッグの仕組み について触れました。今回は実践的なJavaScriptのデバッグについて掘り下げていきたいと思います。 ブラウザデベロッパツール 私の個人的なお気に入りはChromeデベロッパツールです。SafariやFirefoxはChromeほどの高水準に達していません。しかし、徐々に改善されてきています。FirefoxにはFirebugと改良されたFirefoxデベロッパツールが組み合わされた機能が備わっています。もし、Firefoxチームがビルトインされているデベロッパツールの改良の中で素晴らしい仕事をし続けたとしたら、Firebugはいつか、すたれるかもしれません。 個人的な好みにかかわらず、ターゲットとするあらゆるブラウザで、全てのコードのテストやデバッグができるようにすべきです。”あらゆるブラウザ”には、かの有名なInternet E
昨日の画像を使わずにCSS3だけで作ったサイト「NetaGear」に引き続き、本日もCSS3の記事です。ここ最近の私のマイブームはCSS3で色々やってみることなんですが、CSS3を使えば画像なんて使わずに絵が描けるんじゃない？という疑問を抱き実際に作ってみました！ 今回作成したのは日本人なら誰もが知っている国民的キャラクターの「ドラえもん」です。使うものはXHTML+CSS3だけで一切の画像は使いません。画像を使えば簡単にできるのは言うまでもないことですが、すべてソースコードから成り立つことが前提です。 CSS3で作ったドラえもんの完成品！ CSS3 ドラえもん 最近のドラえもんというより、大山のぶ代さんが声をやっていた頃のドラえもんの方が好きなので、そっちをイメージして作りました。注意事項としてはGoogle Chromeとfirefoxで閲覧してください。Operaでは一部CSS3に対
Windows XPパソコンにChromium OSをインストールして再利用する～Chromebookを作ってみよう～ (1/2)：中古PC活用 - ＠IT
Windows XPパソコンにChromium OSをインストールして再利用する～Chromebookを作ってみよう～：中古PC活用（1/2 ページ） 不要になったWindows XPパソコンにChromium OSをインストールし、Chromebookを作ってみよう。Chromium OS は、USBメモリから起動できるので気楽に試すことも可能だ。インストール方法やコツなどについて解説していく。 連載目次 やっと日本国内でも「Chromebook」の販売が始まった。Chromebookとは、Googleが開発した「Google Chrome OS」を搭載した小型軽量のノートPCのことだ。クラウドストレージとWebブラウザーベースのアプリケーションを活用することにより、比較的低コストなハードウェアでも高度な機能を実現できるので期待されている。だが残念ながら、当面は企業向け・教育向け販売に限
Hayato.io This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Top 10 Luxury Cars Online classifieds Healthy Weight Loss Contact Lens Best Penny Stocks Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
はじめに 本連載では、注目を集めるNode.jsを使って、Webアプリケーションを様々なクラウド環境で動かすことを最終目的にしています。Node.jsに触れたことがないJavaやPHPなど普段サーバサイドで開発されている方を主な対象として、まずNode.jsの概要から紹介していきます。 Node.jsとは Node.jsとは、ブラウザGoogle Chrome用に開発されたJavaScriptエンジンV8がサーバ上でプログラムを実行できるように、ファイルやネットワークI/Oなど多くの機能を追加したものです。軽量で効率よく多くのリクエストを処理するネットワークアプリケーションの構築ができるプラットフォームになっています。いわゆるサーバサイドJavaScriptの代名詞として注目を集めています。 Node.jsでは“軽量で効率良く”というのを実現するために次の2つのモデルを採用しています。
英語を勉強したい。でも技術も勉強しなきゃ。。 エンジニアにとって、英語ができるということは1つのアドバンテージ。海外のカンファレンスをそのまま聞いたり、Stack Overflowで質問したりと、できることの選択肢がたくさん広がります。 しかし、英語学習にはそれなりの時間がかかるもの。仕事で使う新しい技術や言語も勉強しなきゃいけないし、英語ばかりに時間をかけてられない。。。 ならばいっそ、技術も英語も一緒に勉強すればいいじゃないか！ということで、技術を学ぶことができる英語のサービスなどをまとめてみました。自分にあったものを取り入れて、英語も上達してしまいましょう！ ※ この記事は、以下のQiita記事に触発されて作りました。具体的な英語の勉強方法はこちらの方が参考になるので、こちらも是非チェックしてみましょう！ 辛くない、英語で会話できるようになるまでのお金のかからない楽しい英語勉強法、エ
Chromeを高機能な画像加工ツールに変身させてしまう「Instant Image Editor」*二十歳街道まっしぐら（FC2ブログ時代）
「Instant Image Editor」はChromeを画像加工ツールに変身させるExtensionsです。 ネットでみつけた画像を加工するとき、毎回ダウンロードするのが面倒ですよね。 「Instant Image Editor」はネットで見つけた画像をその場で加工編集して保存できるものです。 それなりの機能は備わっているので安心。 以下に使ってみた様子を載せておきます。
Loading...
日々便利なプロンプトが生み出されたり、 ChatGPT pluginsの発表など話題が絶えないChatGPTですが、 今回はインストールだけでChatGPTがインターネットから得た最新の情報をもとに回答してくれたり、自分の質問履歴を検索できたり、世界中の人が作ったプロンプトを検索したり、自動同期をしてくれたりと、とても便利なChrome拡張機能をいくつかご紹介いたします。 拡張機能をインストールするだけなので、手間が全くかからずにすぐに使うことができます。 こちらの記事は随時更新追加していきます WebChatGPT 概要 この拡張機能により、ChatGPTがインターネットを利用して回答を提供できるようになります。 ChatGPTは2021年までの情報をもとに学んでいるので、最新の情報に関しては十分に回答できないことがあります。この拡張機能を使うことで、ChatGPTがインターネットから得
Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム
Chromeのメモリを自動開放してくれる拡張機能「Tab Memory Purge」 | フリーソフトラボ.com
一定時間開いていないタブの読み込みを自動停止してメモリを解放させるChrome拡張機能。再度タブを開くと再読込されます。Chromeで多数のタブを同時に開いてメインメモリーが不足したときには便利な拡張機能です。除外したいサイトをドメイン単位で指定できるので、バックグラウンドでYouTube動画などを再生したい場合も、設定をきちんと行えば問題はありません。
無料でChrome・Firefoxの操作を自動化＆ファイルのアップロードやデスクトップの操作もできる「UI.Vision」
業務には「同じ作業の繰り返し」がつきものですが、何度も同じ作業を繰り返していると「こういう単純作業を任せるために機械ってものが生まれたんじゃないのか？」と思うわけです。無料のChrome・Firefoxの拡張機能「UI.Vision」を使うと操作を自動化できるマクロが組めて単純作業がラクチンになるとのことなので、実際に使っていました。 Open-Source RPA and Web Automation Tools for macOS, Linux and Windows https://ui.vision/ というわけで、実際にUI.Visionを使ってみます。Chrome版とFirefox版は、それぞれ以下の公式拡張機能ストアからダウンロード可能です。 UI.Vision RPA - Chrome ウェブストア https://chrome.google.com/webstore/de
This domain may be for sale!
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
IDEA * IDEA
ドットインストール代表のライフハックブログ
JavaScriptのデバッグは、ウェブ開発の必須スキルのひとつです。プログラムの実行をデバッグすることで、現在の変数の値や、処理がどのように進んでいるのかを確認できます。デバッグによってプログラムが意図した動作になっているかの分析に役立てられます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」（以下「デベロッパーツール」、「DevToolsデブ・ツールズ」という略称もあります）を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、順番に試しながら読み進めてください。 この記事で学べること デベロッパーツールの使い方 JavaScriptのブレークポイ
デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コピペブログがムカつくので、はてブを快適にするユーザーCSS作った
覚えておきたいDevToolsのコマンドラインAPIまとめ - Qiita
Chromeと過ごした3年間！日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選！ | バンクーバーのうぇぶ屋
Userscripts.org: Power-ups for your browser
Chromeもダメ、Edgeもダメ... マイナポイント予約、PCは「IE11」のみ対応です
Chrome全体の機能を色々とパワーアップできる拡張機能「Chrome Toolbox」*二十歳街道まっしぐら
Firefoxで便利なおすすめアドオン・拡張機能７選【Quantum対応】
スピードアップに効く！Google Chrome Extension 厳選14本＋1 | シゴタノ！
GoogleがWebの問題児Internet Explorer対策を発表: IEをChromeにしてしまう
Linux歴15年の俺がおすすめソフトを紹介する : IT速報
JavaScriptのデバッグのコツと技 | POSTD
画像を一切使わずにCSS3だけでドラえもんを描いてみた！ - 裏技shop DD
Hayato.io
第1回 Node.jsとは | gihyo.jp
一挙両得！技術と英語を同時に勉強する方法まとめ - Qiita
【ChatGPT】便利な神Chrome拡張機能 - Qiita
Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック
Chrome Extensions API リファレンス
ChromeのデベロッパーツールでJSをデバッグする方法(2022年版) - ICS MEDIA
狙われています！ プライバシーを保護しながらネットサーフィンを楽しむ方法 | ライフハッカー・ジャパン