JavaとGradleはどこにインストールしても良いが、Android SDKの環境変数に注意が必要だった。具体例には以下のようにすると良いようである。
![ChromebookでAndroid開発する - 増井俊之](https://cdn-ak-scissors.b.st-hatena.com/image/square/d777b269771fcdc3ceef7e29a87190beed3dbf63/height=288;version=1;width=512/https%3A%2F%2Fscrapbox.io%2Fassets%2Fimg%2Fcontent-logo.png)
おはようございます。 裏技ってつけると急にワザップ感が出て、懐かしいですよね〜。 こないだ飲み会で同期とそんな話をしておりました。 本題 ログインが必要なWebサイトで画像を引っこ抜いて欲しいという依頼があり、スクリプトを書くかな〜と迷ったんですが、よく考えたらシェル芸だけで出来るな〜と思ったので共有したいと思います。 今回はデザイナーにGitHubのIssueに貼ってある画像200枚以上をzipで欲しいって言われたので、それを題材にします。 環境 Chrome curl grep egrep やり方 1. Chromeでおもむろにデベロッパーツールを開く Macなら Shift + Cmd + c等で開けます。 2. networkを選択する そのページのリクエストを見つける たぶん、一番上のはず。 3. 右クリックして、Copy as cURLを選択 今回の肝はこれで、ブラウザで送った
スクレイピングを勉強しようと思い立って、Selenium を使ってでブラウザを操作してみたので、軽くまとめておこうと思います。 使用したもの Selenium 自動でブラウザを操作する為のライブラリ Chrome ブラウザ ブラウザに合わせたドライバーを用意する ブラウザを操作するには、各ブラウザに合わせてドライバーを用意する必要があります。 今回は Chrome を使用するので 公式サイトから ChromeDriver をダウンロードします。 Selenium をインストール pip で selenium を インストール pip install selenium webページを開いてみる ブラウザを開く webdriver.Chrome(driver_path) webページを開く driver.get(URL) webページを閉じる driver.close() ブラウザを終了 (全
遊びの一環でchromebookにLinux(ubuntu)を入れてRubyの開発環境を作ったので、開発環境の構築方法、使い心地等を解説していくよ。 ChromebookをLinuxに変えることができるの? できる。 そもそも、Chromebook自体がLinuxベースで作られたものなので、developer modeを利用することで、chromebook内にubuntuを入れるのが良い。 今回の実装の大雑把な流れ developer modeに切り替える croutonをダウンロードして使う ubuntuの設定 「crouton」とは、chromebook内に仮想マシン的なものを作ることができるもの。 公式ページ:GitHub - dnschneid/crouton: Chromium OS Universal Chroot Environment 今回は、croutonで仮想マシンを作
Oculus Goの画面をPCにミラーリングしたい! Oculus Goの体験会的なものをするとき、問題点としてOculus Goを被っている人以外が、何が起こっているのか全然分からないことです。一番良いのは、全員Oculus Go買ってOculus Roomsをすることなのですが、なかなかお金の面でそうはいかないですね(笑) そんなときはOculus Goの画面をPC画面にミラーリングすると良かったです。 以下のような感じでミラーリングすることで、Oculus Goの画面をPCやテレビの画面でOculus Goを被っていない人も楽しむことができます。 ちなみに、上記写真でOculus Goを被っているのは、私では無くて、お馴染みフリー素材ブロガーのロンスタさん (id:lonestartx)です!体験会をしたときの様子は以下記事参照下さい やったことは、ほとんど最後に紹介する参考サイトの
こんなことはありませんか? ChromeでDevToolsを使って解析しているのに、別タブが開いてしまって 何のリクエスト投げて遷移してるか見れない ロード時に実行されるJSをデバッグできない みたいな。 開発中だと自分で作ってたりするので、あまり問題にならないのですが 運用後に発覚したバグの調査とか、急に担当者がいなくなった、 とかそんな事案が年に1回くらい発生します。 地味に方法を見つけるのに時間がかかってしまったので (開発者ツールを別タブで開く記事ばかりヒットするので) 自分がググった時の単語を記事のタイトルにしました。 設定自体は5クリックくらいでできます。 DevToolsのSettingsから [Preferences]→[Network]→[Preserve log]をONにして [Preferences]→[DevTools]→[Auto-open DevTools fo
先日Oculus Goが家に届きました! 私が購入したのは、これ。 www.oculus.com 64GBの方を選びました。 俗に言うスタンドアローン型というVR機器になるようです。 カートに入れて、購入完了して数時間で発送しますね!というメールがきました。 大体到着まで5日間ほどで手元に届きました。 「けっこうはやいな!」 中身を見てみるとけっこうシンプルにまとまっていました。 メガネを日頃かけている方でも安心。 メガネをかけている人用のアクセサリーみたいなのも付いていて、 スマホのアプリからOculusの設定をする時に、装着ムービーも丁寧に紹介されていました。 (※ わかりやすいように、画像を載せようかと思っていたのですが、この記事では割愛します。が、その分丁寧に書いてくつもりです! また、後日画像を掲載させていくかもしれません。合わせて詳細も追記していければと思います。) ここから、
HTML5でゲームやリッチなコンテンツを作る上で欠かせない「Web Audio API」 しかしコイツがなかなか・・・モバイルでの特殊実装やメモリ使用量まわりで色々と闇を抱えていて・・・ ということで闇を見つけ次第、検証結果や対処方法など記録を残していきます。 iOS SafariはBGMなどの自動再生ができない iOS Safariは以下ようなコードでサウンドの自動再生ができない const AudioContext = window.AudioContext || window.webkitAudioContext; const ctx = new AudioContext(); const request = new XMLHttpRequest(); const url = 'https://zprodev.github.io/web-audio-test/assets/Campf
技術書典5 で本記事をさらにパワーアップさせた本を書いたのでよかったらどうぞ Chromeデベロッパーツールを使いこなそう Console編 Chrome デベロッパーツールの Console には Web 画面を解析するための便利な機能が備わっています。 この便利機能を覚えておくと Web 画面からの情報抽出 や、 Chrome Extension 開発 がとても捗ります。 ※ 筆者はこの機能を利用して、 ウェブスクレイピング時のDOMセレクタを調べたり、 Q Accelerator などの Chrome 拡張機能を開発しています。 本記事では、次の3つを解説します。 1. Console の便利機能 2. 実際に Qiita の画面を解析する手順 3. リアルタイムで評価結果を返す Eager Evaluation (Google IO 2018 で発表されました) 便利機能(コマンド
何が起きているのか Chromeのバージョン66から、ビデオ・オーディオの自動再生のポリシーが変更されました。 現状はユーザーがクリックかタップでオーディオのサスペンド状態を解除しないといけなくなりました。 Autoplay Policy Changes https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#webaudio Chrome On The Dev Branch (version 66) May Block Audio For Unity WebGL https://forum.unity.com/threads/chrome-on-the-dev-branch-version-66-may-block-audio-for-unity-webgl.517758/ で、これに現状Unit
見てるページを全部保存するという行ない をもうずっとしていて、以下のような user.js でページを全部保存してます。 // ==UserScript== // @name 見たサイト全部保存 // @namespace http://tampermonkey.net/ // @version 0.1 // @author You // @match http://*/* // @match https://*/* // @grant GM_xmlhttpRequest // @noframes // ==/UserScript== if(!!document.querySelector('title')){ const title = document.querySelector("title").textContent; const url = location.href; GM_x
はじめに あるサイトのログインした状態のページをスクレイピングしたくてPythonからSelenium経由でChromeを触ってたけど、めんどくさくなってUnityから直接触れないか調べたら割りとカンタンにできました。 おそらくほぼ同じやり方でFirefoxも対応できると思います。 環境 OS:macOS Sierra (10.12.6) Unity:2017.3.1f1 Scripting Runtime Version:Experimental(.NET 4.6 Equivalent) Unityエディタ上とMacのスタンドアロンビルドで確認 Windows / Linux では未確認。 準備 Seleniumのダウンロードとセットアップ NuGetのページの「Manual Download」からSeleniumをダウンロード 記事執筆時点の最新バージョンは3.11.0 ダウンロードし
始めに 最近のHTML/JavaScriptの新機能を使うには、ファイルをブラウザで直接開くのではなく(file://~)、Webサーバーを立てて http://~ にブラウザでアクセスしなければならないケースが増えてきました。 そんな時にApacheやnginxを自分でセットアップできる人は問題ないのですが、そうでない人向けに「お手軽なWebサーバーの立て方」を整理してみました。 Visual Studio Code 拡張機能編 (2018.07.03追加) Chrome アプリ編 Windows アプリ編 Mac コマンドライン編 全部入り編(お手軽ではないですが) Visual Studio Code 拡張機能編(2018.07.03追加) こちらの記事で便利な拡張機能について知りました。 Visual Studio Codeを使いこなせ! フロントエンドエンジニアにオススメの拡張機
2018年5月6日: Headless ChromeがStableになった後の現状に合わせた新しい記事を書きました。こちらもご参照ください。 先日PhantomJSのVitalyさんがメンテナーを引退するという話が話題になっていました。ヘッドレスなブラウザーを気軽に使う手段としてPhantomJSにはお世話になりました。今後はHeadless Chromeを使って欲しいとのことなので、試してみました。 Node.jsを使うサンプルは多く見つかりますが、諸事情でPythonを使いたかったので、ここではSelenium経由でHeadless Chromeを使います。 Headless Chromeとは Google Chrome 59から使えるようになる予定の、画面を表示せずに動作するモードです。自動テストやWebスクレイピングなどに役立ちます。 2017年4月28日現在、Mac版とLinux
こんにちは、@yoheiMuneです。 スマホ向けWebサービスを開発していたら、Android端末での表示確認やデバッグが大変だった経験が誰しもあるのではないでしょうか?今日はAndroid ChromeをPCからデバッグする方法をブログに書きたいと思います。 目次 やりたいこと 開発したアプリケーションをAndroidのChromeブラウザで表示した場合に、CSSの確認や、ログの確認や、JSの実行などのデバッグ作業を高速に行いたい、というのが今回の目的です。 以降のステップを行うと、PCのChromeと同じようにディベロッパーツールからデバッグを行うことができます。 手順1:Android端末の開発者モードを有効化する AndroidとPCをUSBで接続してデバッグを行います。そのためAndroidの「開発者向けオプション」をONにする必要があります。基本的には設定アプリ内のビルド番号
こんにちは。仕事上で chrome://tracing (about:tracing) を使う必要が出たので、私の知っている限りの情報をここでまとめることにしました。 chrome://tracing の情報は世の中にあまりありません。もし記事中に間違いを見つけられたり、より良い利用方法をご存知の方は、ぜひ @tkihira まで教えてください。よろしくお願いします! なお実際は隠し機能ではなく、ただあまり知られていないだけです。公式の情報は https://www.chromium.org/developers/how-tos/trace-event-profiling-tool ここから辿れると思います。 注意 この機能は、Chrome のインスタンス全体のプロファイルを取るものです。不用意に実行すると、すべての Chrome のタブを巻き込んで落ちます。記事中では Chrome Ca
前回、前々回と翻訳ツールに関しての記事を書きましたが、今回は自分で英語を書く際のスペルミスや文法などを校正してくれる最強ツール、「Grammarly (グラマリー)」をご紹介したいと思います。 僕自身セブのエンジニアやクライアントとのやり取り、SNSのプライベートなメッセージを英語で書くことが多いのですが、読み書きはかなり苦手です。日本語でさえ誤字脱字や表現の繰り返しなどのミスをしてまうのに、英語ならばなおさら。。。 少しでも英語で文章を書く機会のある方には、ぜひこのツールをオススメしたいです。 まずは上の動画をご覧ください。ソーシャルメディアマネージャーとしての転職初日、不運なことに自社サービスのサーバがダウンし、いきなりクレームへのメッセージ返信に追われる羽目になる……というストーリーです。 注目は動画の30秒あたりから始まる実際のGrammarlyの使用イメージ。スペルミスやコンマ、
2018年1月16日 Webサイト制作, 便利ツール 普段使っているChromeをより便利にしてくれる拡張機能。私も様々なものを入れていますが、その中でもWeb制作時に使える便利拡張をいくつか紹介します。Firefoxに対応しているものもありますよ! ↑私が10年以上利用している会計ソフト! Web Developer Chrome拡張|Firefox Add-on|GitHub|公式サイト Webに携わる人は入れておいて損はない拡張のひとつ!長年利用させていただいてます。1クリックでCSSやJavaScriptを無効化したり、画像の非表示、様々なデバイスサイズでの表示、クラスやID名の表示、定規やカラーピッカーまで揃っています!カラーピッカーはCSSで定義されたものだけでなく、画像からも抽出できるのがすごい。日本語版もあるので試してみてくださいね。 CSS Peeper Chrome拡張
VXFD 仮想ヘッドレスト、Chrome Headless の違い。 ブラウザ操作の自動化を行うのにLinux Server上でSeleniumでChromeを動かしたい!ってことで メモ書き。 今までの方法としてはVXFDを利用して、仮想ディスプレイ上でSeleniumを利用してChromeを操作するといのが一般的?だった。 環境構築は割愛・・・。 ※Sampleなので、べた書きなのはご愛嬌 VXFD利用 from selenium import webdriver from selenium.webdriver.chrome.options import Options from pyvirtualdisplay import Display display = Display(visible=0, size=(800, 600)) display.start() browser_pa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く