You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
英語を勉強したい。でも技術も勉強しなきゃ。。 エンジニアにとって、英語ができるということは1つのアドバンテージ。海外のカンファレンスをそのまま聞いたり、Stack Overflowで質問したりと、できることの選択肢がたくさん広がります。 しかし、英語学習にはそれなりの時間がかかるもの。仕事で使う新しい技術や言語も勉強しなきゃいけないし、英語ばかりに時間をかけてられない。。。 ならばいっそ、技術も英語も一緒に勉強すればいいじゃないか!ということで、技術を学ぶことができる英語のサービスなどをまとめてみました。自分にあったものを取り入れて、英語も上達してしまいましょう! ※ この記事は、以下のQiita記事に触発されて作りました。具体的な英語の勉強方法はこちらの方が参考になるので、こちらも是非チェックしてみましょう! 辛くない、英語で会話できるようになるまでのお金のかからない楽しい英語勉強法、エ
Puppeteer というJavaScriptでchromeを自動操作するライブラリが最近話題になっていました。 私もPythonでSeleniumの代わりに使えるものがほしかったので、puppeteerをPythonに移植し、pyppeteerという名前で公開しました。 Puppeteerについては下記Qiitaの投稿が参考になるかと思います。 –headless時代の本命? Chrome を Node.jsから操作するライブラリ puppeteer について - Qiita 使用上の注意 まだ作ったばかり&テスト不十分なのでバグがあると思います。 なので試す時は「うまく動いたらラッキー」くらいの人柱精神でお願いします。 特にwindowsでは全くテストしていないので動かないかもしれません。 一応自分でwdomのテストに使ってみましたが、Webページのテストに使う分には意外と大丈夫です。
hostsファイルを変更しても ブラウザではすぐに反映されない場合があります。 その対応のための手順。 他のブラウザに関しては、 順次追加よてい。 ◎環境 OSX 10.9 Chrome, Chromium 手順 hostsファイルの内容変更 下記画面で、[clear host cache]ボタンを押下 chrome://net-internals/#dns 下記画面で、[flush socket pools]ボタンを押下 chrome://net-internals/#sockets 参考 https://qiita.com/Hidehiko-Inoue/items/7b9d3bdb657c3d83095e 以上 Register as a new user and use Qiita more conveniently You get articles that match your
--headless時代の本命? Chrome を Node.jsから操作するライブラリ puppeteer についてJavaScriptChromee2e puppeteer はHeadless Chrome をNode.jsで操作しやすくしたライブラリです。今日(※ 2017/8/17)一日で凄い勢いでGitHubのトレンド入りしており、TLでも話題になっていたので、早速触ってみました。 Node.jsでChromeを操作するというコンテキストにおいては、Nightmare.jsと同じレイヤに属するプロダクトですね。Nightmare.jsはElectronを介在させることで、Chromeの操作を実現していましたが、今年の5月にChromeでheadlessモードが利用可能になって以降1、headless Chromeを直接操作するライブラリが色々と出始めていますね。この系統は、chr
一般的なスクレイピング手法とその問題点 スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。 この手法の場合、以下の場合にうまく処理できません。 ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくないHTMLでもブラウザはなんとか処理するが、パーサーライブラリは正確なHTMLでないと処理できないことがある) 特に問題になるのは前者でしょう。最近のWebサイトではJavaScriptでDOMを操作することは珍しくなくなってきています。SPAであればなおさら難しく、もはやこういった手法によるスクレイピングは不可能でしょう。 ヘッドレスブラウザによるスクレイピング 動的なDOMやパーサーがうまく解釈できないとい
TL;DR Headless Chrome is shipping in Chrome 59. It's a way to run the Chrome browser in a headless environment. Essentially, running Chrome without chrome! It brings all modern web platform features provided by Chromium and the Blink rendering engine to the command line. Why is that useful? A headless browser is a great tool for automated testing and server environments where you don't need a visi
あるいは「高校生からはじめるプログラミング」の話。 こちらの本をKADOKAWA様からいただきました。ありがとうございます。なぜ自分に……*1などと思わなくもなかったけど、ありがたく眺めさせていただきました。今となってはこういうガチ初心者向けの教本を眺める機会なんて皆無だしなあ。 SAOのコンテンツ力が表紙/裏表紙と章立てのページに発揮されてるけど、他のページはごく普通のプログラミング教本で、特に中身との連携はなかった。これで売上とか変わるのかな。変わりそうだなあ。 で、ざらっと眺めたあと、タイミングよくプログラミングを始める動機ってなんなんだろうな、と思ったので、それに絡めて書く。 本の中身 最近のプログラミングの導入ってそもそも何をやるの、みたいなのがぜんぜん分かってなかったので、ちょっと新鮮だった。思えば技術要素を特定しない「プログラミング入門」の本というのは人生で初めて読んだかもし
こんにちは。ともだです。 Chromeではセキュリティの関係でローカルファイルからローカルファイルの読み込みができなくなっています。(Chrome5からの仕様ですね) ひとまずサーバ立てずにhtmlをローカルで動作確認しようとした事がある人なら結構おなじみの現象かと思います。 これを回避するには、Chromeの起動オプションに「–allow-file-access-from-files」を付ければ良いわけですが、winの場合にはアプリのショートカットアイコンのコンテキストメニューからプロパティを開いてショートカットタブのリンク先にchrome.exeに続いて「–allow-file-access-from-files」を入力します。このショートカットを使えばローカルファイルからローカルファイルの読み込みができます。 で、macの場合にどうするか迷う人が結構いるみたいなのでメモ書きしておきま
デスクトップやアプリケーション、ブラウザの画面を友人や知人に見せたり、共有したりする事って結構ありますよね。また、ブログとかを書いている方でも、結構頻繁に画面キャプチャをしていると思います。 静止画の画像キャプチャなんかだと、私は『Nimbusスクリーンショット』というアプリを使っています。 静止画のキャプチャツールは探せば色々とあるんですが、動画のキャプチャが欲しい時にツールを探しても中々いいのが見つからなかったんです。(PCにインストールして使うものや、キャプチャ動画にクレジット表記が入ってしまうものなど) そんな中、久々に動画キャプチャーツールを探したら、手軽に使え、ロゴの表記も無し、画質もいい『loom』というキャプチャーツールを見つけたのでご紹介します。 『loom』の特徴 動画キャプチャはブラウザ以外にも起動しているアプリケーションも選択できるので、ゲーム画面のキャプチャをした
Web開発を仕事にしていると 「マニュアルやプレゼンに使うのでWebアプリのスクリーンショットをくれ」 と依頼されることがよくある。 ChromeのFireshotのようなブラウザの拡張機能を使ったりすれば 1画面ずつ撮っていけるのだけど、 chrome.google.com たくさんのページのスクリーンショットを、 変更がある度に撮り直すのは面倒なのでなんとか自動化したい。 「node-webshot」モジュールを使う 探してみると、 Node.jsの「node-webshot」パッケージを使えば 手軽にスクリーンショット撮影スクリプトが作れそうだ。 www.npmjs.com Node.jsでWebKitブラウザの機能を利用可能にするPhantomJSの スクリーンキャプチャ機能をラップしたものらしい。 PhantomJS | PhantomJS PhantomJSはブラウザで行ってい
Recently, I made a Tensorflow port of pix2pix by Isola et al., covered in the article Image-to-Image Translation in Tensorflow. I've taken a few pre-trained models and made an interactive web thing for trying them out. Chrome is recommended. The pix2pix model works by training on pairs of images such as building facade labels to building facades, and then attempts to generate the corresponding out
質問内容は以下のとおりです。 ※ ライブラリやadapterをインストールするか?という質問は省略しています Seleniumの動作環境(On my local machine) 使用するテストフレームワーク(jasmine) Specファイルの配置場所(./test/specs/*.js) 使用するレポーターの種類(dots) 使用するサービス(selenium-standalone) logレベル(error) エラー発生時のスクリーンショットの配置場所(./errorShots) テストサーバーのbase url(localhost:8000) テストの実行 先ほど指定した場所にテストを作成・配置し、以下のコマンドでwdio testrunnerを実行します。 wdio.conf.jsのserviceにselenium-standaloneを登録しておくとテスト実行時に自動でsele
GitHub の通知を Gmail で読んでいると、view it on GitHub というリンクをクリックして URL を開くことがしばしばある。キーボード操作で完結したくなったので、 Chrome 拡張を作った。 github.com 2017/10/13 更新 Chrome 拡張ではなく Tampermonkey Script で書き直して Greasy Fork で公開した https://greasyfork.org/ja/scripts/34099-open-github-url-for-gmail 使い方 1. Gmail Labs から「カスタム キーボード ショートカット」を有効にする 2. 「[移動] メニューを開く」のキーボードショートカットを v 以外のキーに変更する 3. Gmail で GitHub からの通知メールのスレッドを開いた状態で v キーを押す す
それで、「そんなにいいのかな?」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk(ブリスク)とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
開発者用新ブラウザのBliskを試してみたら、想定以上に良かった。 サイト制作においてスマホ黎明期の頃から発生していた問題点。それは、 「私のスマホで見ると崩れているよ!」 というクライアントの有り難いご指摘や、 「iPhoneだと綺麗ですが、Androidスマホだと変です」 「バナーの下に変な余白が出るんですけど・・・・」 「(画面サイズによって微妙に変わると伝えているのに)デザインと違う!」 などのご意見が、公開前後というタイトな時間にサイト制作者まで届きます。 Windows7が安定したころ、少し減っていたInternet Explorerのブラウザシェアが戻りつつありました。 IEの悪夢再び・・・・と一時は絶望したこともありましたが、幸いにもInternet Explorerは墓が建てられるくらい過去の遺物と化しました。 少し言い過ぎました。IE11はまだ生きてます。Edgeはまだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く