モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
![ブラウザ上の操作手順を自動でスクショしてくれるChrome拡張機能【今日のライフハックツール】 | ライフハッカー・ジャパン](https://cdn-ak-scissors.b.st-hatena.com/image/square/976bb684662433327c35380b642f95086801777c/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2021%2F10%2F05%2F1006.png%3Fw%3D1280%26h%3D630%26f%3Djpg)
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
どうも、大曲です。 3月から子会社から本社に戻ってきました。 最近では開発より組織の整備!?とか何か良く分かんないコトやっています。 良い意味の何でも屋を目指せるように頑張ります。 今回はpuppeteerを使ったスクレピングが便利だったので紹介します。 やったコト puppeteerを使って実現した処理は以下の通りです。 スクレイピング先のaタグのリンク取得 スクレイピング先で発生したリクエストの取得 全体のコードはGitHubにあります。 ブログでは書き方をいくつかピックアップして紹介します。 https://github.com/oomatomo/puppeteer-api 最近のスクレイピング事情(個人的な感想) 昔:HTMLペライチ(裏でPHPとかHTMLを生成していた) 今:AngularとかReactとかVue.js(ブラウザ側でDOMの構築..etc) 昔はHTMLさえ取得
ブラウザ拡張Selenium IDEで ユーザー操作を記録・再現できる! UIテストの自動化に活用しよう Selenium IDE(セレニウム・アイディーイー)とは、ブラウザ操作を記録・再現できるChrome、Firefoxで利用可能な拡張機能(アドオン)です。 手軽に記録・再現ができるため、アイデア次第で色々な使い方ができます。筆者は、会社の打刻操作(社内サイトへアクセス → ログイン → 打刻ページへ遷移 → 打刻ボタンをクリック)を記録し、自動実行することでいち早く出社ができるようにしていました。 その他にも開発時に繰り返し行うようなデバッグ作業やルーティーン作業を記録することで、以下のような活用もできます。 入力フォームなどに文字を入力する操作を記録しておき、自動入力させる。 ゲームやSPAのデバッグ時に、スタート画面からデバッグしたい画面までの移動操作を記録しておき、任意の画面へ
どうも、まさとらん(@0310lan)です! 今回は、「micro:bit」を使ってJavaScriptによるIoT開発に挑戦してみたいと思います! ブラウザさえあれば、無料の開発エディタからプログラミングすることが可能なうえ、エミュレータも搭載されているので「micro:bit」を持っていない人でも楽しめるようになっています。 記事後半で4つのサンプル作りを解説しているので、ぜひみなさんも自作ガジェット作りを楽しんでみましょう! 【 mciro:bit 】 ■「micro:bit」とは? もともとはイギリスの学校教育向けとして誕生した「micro:bit」ですが、その扱いの簡単さから現在ではさまざまな国の授業で活用されているマイコンボードです。 クレジットカードよりも小さい「5cm × 4cm」の極小ボードに、多彩な機能がいっぱい詰まっているのが特徴です! 電子パーツを買い揃えなくても、
THE TOURNAMENT(ザ・トーナメント)は、シンプルな操作で直感的に使える、トーナメント表/リーグ表作成サービスの決定版です。 基本機能はすべて、いつまでも無料で利用することができます。
普通のHTMLで作成したページをブラウザ上から簡単に更新・修正できるようにするオープンソースのCMSを紹介します。 HTMLはごく普通なものでOK、BootstrapやFoundationにも対応しています。 ブラウザ上で編集できる領域を指定できるのもいいですね。特定ページの特定箇所だけ簡単に更新できるようにするとかにも使えます。 Sitecake Sitecake -GitHub Sitecakeの特徴 Sitecakeのデモ Sitecakeの使い方 Sitecakeの特徴 プレーンなHTMLで動作 通常のHTMLファイルをブラウザ上から修正して、保存することができます。PHPやテンプレートなどの知識は不要です。 更新・修正は簡単 テキストを変更する時はクリックするだけで編集可能に、要素を追加・削除する時はドラッグ&ドロップでOK。 データベースは必要無し すべての変更はHTMLファイ
こんにちは。今回は谷口が担当します。 paizaはこの度、ITエンジニア向けの無料オンラインプログラミング実行環境サービス『paiza.IO (パイザ・アイオー)』 のβ版を、本日2014年11月17日からサービス開始いたしました。 『paiza.IO』は、ブラウザ上でコードが書け、書いたコードをその場で実行出来るオンラインプログラム実行環境です。 ブラウザだけでプログラミングがすぐ始められる【paiza.io】 from paiza on Vimeo. ■オンライン実行環境について ◆どうしてpaiza.ioを作ったの? これまでプログラミングを始める際、最大のハードルは「プログラムの実行環境を構築する事」でした。 これまでは、環境構築といえば初心者にとってハードルが高く、ものによっては細かい部分でつまづいたりなどして1~2日程度はかかる工程の面倒な作業でした。そのボトルネックを解消し、
タスクや予定、ToDoリストなどを管理するサービスやアプリは多数ありますが、その中でも使い方がめちゃくちゃシンプルで、フォルダの中にファイルを作成するのと同じような感覚でタスクの作成から管理までをこなしてくれるのが「WorkFlowy」です。今回はブラウザ版WorkFlowyの無料プランを使い、さらには拡張機能やiOS/Androd向けのアプリも合わせて使用してみました。 WorkFlowy - Organize your brain. https://workflowy.com/ ◆ブラウザ版 ・アカウント作成 ブラウザ版WorkFlowyを使うには上記URLを開いて「Or sign up」をクリックします。 「Eメール」「確認用Eメール」「パスワード」を入力したら「Get Started」をクリックします。アカウント作成はこれで完了。 ・基本操作 アカウント作成の最後で「Get Sta
いま使っているブラウザでアクセスするだけで、ブラウザやOSの種類、画面サイズ、プラグインなどの状況を取得してまとめて表示するサイトが「yourbrowser.is」です。サイト上からは取得した情報を希望のメールアドレスに送信することも可能です。 yourbrowser.is - check your customer's web browsing environment in seconds http://yourbrowser.is/ 使い方はカンタン。何も考えずにyourbrowser.isにアクセスするだけで、以下のような画面が表示されました。 画面には、ブラウザの種類やOSの種類、画面の解像度とサイト表示エリアの広さ、色深度、JavaScript・Flash・クッキーの状況が表示されています。 続く下半分には、現在のIPアドレスと場所、Facebook・Google+・Google
中の人5です。こんにちは。 ごくたまにfavicon(ファビコン)の作成を依頼されるのですが、作成する度に調べ直しているので今回は備忘録を兼ねてファビコン(マルチアイコン)について記載したいと思います。 1つのサイズでファビコンを作成する方法はいくつも紹介されているのですが、今回は透過で且つ複数のサイズ対応したマルチアイコンが作成出来るWEBサービスに絞ってご紹介していきます。 favicon(ファビコン)とは 画像はIE11 ブラウザに表示されるURLの前またはタブに付いているアイコンがfavicon(Favorite iconの略)になります。その他「お気に入り」に入れた際にも表示される等様々な場所で表示され、WEBサイトの識別に役立ちます。 最近ではGIFやPNGもサポートされているブラウザが増えていますがIEではICO形式のみが対応となっている為、「ICO形式」で作成するのが一般的
Photo by Jason Cartwright こんにちは。谷口です。 プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな~」「実際にコードを書いて動かしてみたいな~」という時に、ハードルとなるのが「実行環境の作成」だと思います。 そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。 今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。 目次 ・複数言語対応系 ・ideone ・CodePad ・paiza.io ・repl.it ・Codecademy ・runnable ・Wandbox ・SourceLair ・JavaScript系 ・JSFiddle ・jsbin.com ・Codepen ・jsdo.it ・PHP系 ・PHPfiddle ・PHP Sandbox ・Write
Webアプリケーションのテスト自動化をサポートするツール「Selenium WebDriver」は2011年にリリースされました。 Selenium WebDriverは広範なWebブラウザのサポートを行っていた「Selenium1(Selenium RC)」と高速軽量で汎用的なWebブラウザエミュレータの機能を持つ「WebDriver」を統合したものです。 本稿では、Selenium WebDriverを簡単に試してみたい方や自動テストの実施を検討している方のために、前後編に分けて紹介します。Selenium WebDriverの特徴を整理するとともに、Selenium WebDriverを利用したWebアプリケーションに対する簡単な自動テストの実装、実施手法について解説します。 本稿で使用する用語の説明 Selenium WebDriver Selenium WebDriverはSel
自分のウェブサイトを作って公開するにはサーバーが必要ですが、自分で構築するのはかなり面倒ですし、レンタルすればお金がかかります。しかし、Dropboxのアカウントを持っていればクリックからたった数秒でDropbox上にウェブサイトを作成できて公開できるのが「Small Victories」です。実際にどれくらい簡単に作れるのか試してみました。 Small Victories http://smallvictori.es/ まずはSmall Victoriesのサイト中段にある「Connect to your Dropbox!」をクリック すると連携認証画面になるので「許可」をクリック こんなページに飛ばされます。 自分のDropboxページに戻ってみると「アプリ」というフォルダが作成されているのでこれをクリック 「smallvictori.es」というフォルダをクリック すると中には画像フ
はじめに 今回はSelenium WebDriverをご紹介します。ブラウザ操作を自動化する際には最適な仕組みです。Webシステムのend-to-endテストを自動化する際には、ブラウザ操作が必要になることがあります。そんな時にSelenium WebDriverはとても便利です。 Selenium Seleniumとは、ブラウザをプログラムで動かすフレームワークです。この仕組みを使うことで、ユーザーテストなど、様々な処理を自動化できます。現在のところ、Seleniumは以下のWebブラウザを制御できます(公式サイト)。 Internet Explorer Firefox Chrome Opera Android標準Webブラウザ Safari (iPhone標準Webブラウザ) 実際に使用する際には、以下の2つの仕組みのどちらかを使用します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く