scrcpy - Androidをリモートから操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Androidアプリを開発していて、そのテストはどう行っているでしょうか。エミュレータを使っても良いですが、カメラやファイルアクセスなどで実機の方がテストしやすいことがあります。かといって毎回スマートフォンを持ち直すのは面倒です。 そこで使ってみたいのがscrcpyです。デスクトップからAndroid端末を操作できるソフトウェアです。 scrcpyの使い方 接続しました。 キーボードも使えます。 Webサイトにアクセスしたところ。 アプリ一覧も出せます。 音楽は実機から流れます。 scrcpyを使えば母艦からAndroidの実機が操作できます。エミュレータでは満足な速度が出ていなかったら、scrcpyを使って素早く操作できます。マルチタップのような操作は難しそうですが、大抵のAnd
ブラウザからPOSTメソッドを送信できるChrome拡張「Advanced REST client」
ブラウザからPOSTメソッドなどのHTTPリクエストを簡単に送信できるChrome拡張「Advanced REST client」を紹介します。 １．はじめに ブラウザからPOSTメソッドのHTTPリクエストを送信するには、PHPやJavaScript、Perlなどでスクリプトを組み、それを起動する必要がありますが、結構面倒です。 もっと簡単にPOSTメソッドを送信する方法がないのか調べていたところ、Chrome拡張機能をみつけました。 ということで、Chrome拡張「Advanced REST client」を紹介します。 ２．Advanced REST clientのインストール Advanced REST clientのページにアクセスして「CHROMEに追加」をクリック。 「アプリを追加」をクリック。 これでアプリの一覧に「Advanced REST client」が追加されます。
Web制作における試験（デバッグ・テスト）について | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は新人ディレクターに回ってきがちな試験について書いてみようと思います。 僕は新人のころにエンジニアだったのですが、そのときは試験ばかりやっていました。 試験とは？ 「テスト」とか「デバッグ」と呼ばれることもある試験。 たいていの人は毛嫌いしてしまう工程ですが、品質を上げるためには非常に重要なものでもあります。 あるとき、当時の先輩社員にこんなことを言われました。 「中水くん、テストって技術が必要なんだよ」 と。これは当時の僕には衝撃的な一言でした。 それもそのはず、当時の僕は「テストめんどくせー。全部OKってつけちゃおうかな」って思ってしまうくらい、テストが大嫌いでした。 でも、その一言を言われてから、試験についての考えを改め、ちゃんと試験についての勉強もするようにしました。やっぱり試験をちゃんとすると品質も上がるし、クライアントからの評判も良くなるんですよね。 クリエイターとしても、
IEDiagnosticsAdapter - IEのデバッグにGoogle ChromeのDevToolsを使おう
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近のWebブラウザではデバッグツールが標準搭載されています。一番使いやすいと思うのはGoogle ChromeのDevToolsでしょうか。その他FirefoxもFirebugの流れがあって使いやすいです。正直デバッガーが使い勝手悪いと開発効率が大幅にダウンします。 IEでWebサイトの検証、デバッグをしないといけないのにデバッガーの使い勝手が悪くて進まない…そんな方はIEDiagnosticsAdapterをインストールしてみましょう。 IEDiagnosticsAdapterの使い方 IEDiagnosticsAdapterはプロキシとして動きます（とはいえ設定は不要です）。まずIEDiagnosticsAdapterを立ち上げておきます。 そしてGoogle Chromeで
FirefoxやChromeで擬似クラス（:hoverや:activeなど）のCSSを検証する方法
FirefoxやChromeで擬似クラス（:hoverや:activeなど）のCSSを調整する方法を紹介します。 １．問題点 次のようなHTMLがあります。 <!doctype html> <html> <head> <meta charset="UTF-8" /> <style> a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; } a:active { color: #00f; } </style> </head> <body> <a href="http://user-domain/">test</a> </body> </html> このHTMLのリンクの表示についてFirefoxのFirebugで検証する場合、要素セレクタ「a」についてはプロパティや値を書き換えることでブ
ブラウザー上でサクッとコードの動作テストができるWebサイトいろいろ
2017年2月17日 便利ツール 作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML
JSON Online Validator and Formatter - JSON Lint
To format and validate your JSON, just copy + paste it below: About the JSONLint EditorJSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Copy and paste, directly type, or input a URL in the editor above and let JSONLint tidy and validate your messy JSON code. What Is JSON?JSON (pronounced as Jason), stands for "JavaScript Object Notation," is a human-readable
WordPress で Web サイトを作成する際に便利な Debug Bar
Web サイトを構築する際はエラーメッセージを表示したりどのような値を送受信してるのかを確認したり、いろいろと見ないといけない事が多いです。情報が多ければ多いほど問題の解決がしやすくなりますね。 WordPress でそういった情報を表示するには Debug Bar とそれに関連するプラグインを利用するのが便利です。 インストール ダッシュボードからプラグイン -> 新規追加 より Debug Bar で検索したらでてくるのでインストール -> 今すぐ有効化 と進めていきましょう。 また、これを利用するには WP_DEBUG を有効にしておきましょう。wp-config.php に define('WP_DEBUG', true); を追加するだけです。 有効化ができたら画面上部にある Admin バーに Debug という項目が追加されていると思います。これをクリックすると各種ソフトウェ
正規表現と文字列がマッチしているか簡単にチェックできるオンラインツール -RegExp playground
正規表現と文字列を入力し、それがマッチしているかどうか簡単にチェックできるオンラインツールを紹介します。 NGの画面 正規表現のチートシート ページ下部にあるチートシートから。 . 任意の文字にマッチする（改行を除く） {n} n回の繰り返し {n,} n回以上の繰り返し {n, m} n回以上m回以下の繰り返し ? {0,1}と同じ * {0,}と同じ + {1,}と同じ \w アルファベット、数字またはアンダーバー、[a-zA-Z0-9_]と同じ \d 数字、[0-9]と同じ \s 空白文字、[\t\r\n ]と同じ […] キャラクタをクラス化 [^...} キャラクタを否定クラス化 (…) パターンのグループ化 (?:…) パターンの非格納グループ化 (?=…) 先読み (?!…) 否定先読み ^ 行の先頭にマッチする $ 行の終端にマッチする \b 単語境界にマッチ \B 単語境
CMD77 Daftar Situs Judi Slot Online Resmi Terpercaya
JUDI SLOT CMD77 Daftar Situs Judi Slot Online Resmi Terpercaya CMD77 situs judi slot online resmi terbaik dan terpercaya di indonesia yang terpilih menjadi situs paling sering memberikan kemenangan besar dengan deposit kecil di beragam provider slot ternama dunia. Meskipun judi slot online menawarkan kesempatan untuk memenangkan uang secara instan, penting untuk memastikan bahwa Anda memilih platf
とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 ｜https://wp.yat-net.com/name
2013年 04月 05日 とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 カテゴリ： Firefox タグ：javascriptエディタデバッグ JavaScriptを記述出来るエディタは沢山あるんですが、「とりあえずソースを書いて試したい」って時はFirefoxに標準で付属しているScratchpad（スクラッチパッド）を使っています。 Scratchpad（スクラッチパッド） Firefox 6で搭載されたスクラッチパッド。使ってる人は結構居るかもしれませんが、まだ知らない人も居ると思うのでちょっと紹介しようと思いました。 Firefoxにはブラウジングする機能以外に開発者向けの機能が沢山備わっています。Scratchpad（スクラッチパッド）もその中の一つで、これはJavaScriptのソースを記述・実行・デバッグが
[JS]1.9から仕様が大きく変わったjQueryの複数のバージョンでのテストを簡単にできるスクリプト -version.js
jQueryは1.9から大きく仕様がかわり、プラグイン開発者やウェブ制作者は今まで以上に各バージョンの互換性に苦労するようになりました。 たった一行加えるだけで、jQueryの複数のバージョンでのプラグインやウェブサイトの動作テストを簡単にできるスクリプトを紹介します。 ※jQuery以外のスクリプトにも対応しています。 デモページ version.jsの使い方 使い方は簡単！ テストページに一行加えるだけです。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="version.js" data-url="google" data-lib="jquery" data-ver="1.5.0"></script> Step 2: スクリプトの実行 あとはjQueryのバージョンをパラメータに付与し、ページをロードするだけです。 http://
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
DevTools Tips and Tricks
A whirlwind tour of DevTools tips and tricks Part I: DevTools tips, tricks and awesome features (video) Part II: Extending DevTools, Debug Protocol, Extensions, ... (video) Follow along @ bit.ly/devtools-tips Elements & Console Drag & Drop to reorder elements $0 to inspect selected element in console Break on node removal - delete me cmd-? to become a keyboard ninja Customize your settings! Disab
[私的まとめ] Web開発お役立ちツールを紹介10選
個人的に使っているサービスやオンラインツール 有名どころのサービス・ツールが多いのですが、よくお世話になっているので感謝などなどを込めてずらっと紹介します。かなりノンジャンルなチョイスですが、まんま自分のブックマークから選出しているのでご容赦ください。 HiFi Regex Tester - Live JavaScript Regular Expression Tester 正規表現の結果をリアルタイムにチェックしなが記述できるツール。簡単な正規表現は、これでチェックしながら記述することが多いです。 RegExr こちらはFLASHベース。マッチングだけでなく、リプレイスにも対応し、ユーザーが登録したregexpなどを確認できます。高機能気味。 JS Minify!! - ありんく tech-tools JSを最小限のファイルサイズに圧縮してくれます。難読化とも言われる処理ですね。 CSS
![[私的まとめ] Web開発お役立ちツールを紹介10選](https://cdn-ak-scissors.b.st-hatena.com/image/square/2183e9bbc25dbbdb50624f0d9497aa7861959398/height=288;version=1;width=512/https%3A%2F%2Fhavelog.aho.mu%2Fogp-default.jpg)
WordPressテーマ開発向けプラグインを一式管理するプラグイン・Developer
WordPressを提供するAutomattic社が 先日リリースした、テーマ開発者 向けのプラグインを一括管理できる プラグイン、Developerのご紹介。 とくに特別な機能は無いです。 WordPressのプラグインの中には様々なテーマ開発補助のプラグインが存在します。その中で、Automattic社が選定して一括管理出来る様にしたプラグインがDeveloperです。 デバッグとかテストツールとか、WordPressのテーマ開発によく使われる補助プラグインをインストールできる等、一式管理できる、というプラグイン。 管理できるプラグインは以下の通り。 Debug BarDebug Bar CronRewrite Rules InspectorLog Deprecated NoticesVIP ScannerMonster Widget Beta Testerスクリーンショット ↑ プラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
McAnswers
Postman | API Development Environment
最近のJavaScript開発まとめ
IDEA * IDEA
