まだマウスで消耗してるの? キーマップを変えるだけで人生はうまくいく - エムスリーテックブログ
【デジカルチーム ブログリレー4日目】デジカルチームの末永(asmsuechan)です。最近は7年ぶりに陸上競技にハマっています。 みなさん。キーボードはお好きですか？弊社にはキーボードに情熱を注ぐエンジニアが多数在籍しており、私もそのうちの1人です。エムスリーエンジニアのキーボードについては以下の記事で書かれています。百式Kinesisの存在感が輝いていますね。 www.m3tech.blog さて数年前、キーボードが好きな私はPC操作の全てをキーボードのみで行いたい衝動に駆られていました。というのも、ラップトップに外部キーボードを繋げて好きなキーボードを使っていてもキーボードとトラックパッド(マウス)の間で手を移動しなくてはいけないことがストレスだったためです。 このストレスを解消するために様々な工夫をした結果、何とかキーボードのみでPCを操作できるようになりました。 この記事ではどう
Google ChromeやGmailの利用を効率化するショートカット・小技の紹介サイト | ライフハッカー・ジャパン
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
ダークモード使ってますか？ OS、アプリ別の設定方法がこちらです
ダークモード使ってますか？ OS、アプリ別の設定方法がこちらです2019.03.18 18:0075,011 David Nield - Gizmodo US ［原文］ （ 福田ミホ ） これ肩こりも軽減されるかも。 スマホやパソコンの見過ぎは目にも体にも良くない！と思いつつ、染み付いた習慣を変えるのはなかなか難しいものがあります。でもダークモードを使えば目に優しいし、気分も変えられるし、有機ELディスプレイの場合はバッテリーの節約にもなります。 そんなわけで、以下にダークモードにできるアプリやプラットフォームと、そのやり方をご紹介していきますね。 WindowsImage: Gizmodo USWindows 10でダークモードを設定するには、スタートメニューの歯車アイコンをクリックして｢個人用設定＞色｣と選択、｢既定のアプリモードを選択します｣のところで｢黒｣を選びます。ベータ版ではさ
Chrome デベロッパーツールの Console を使いこなす - Qiita
技術書典5 で本記事をさらにパワーアップさせた本を書いたのでよかったらどうぞ Chromeデベロッパーツールを使いこなそう Console編 Chrome デベロッパーツールの Console には Web 画面を解析するための便利な機能が備わっています。 この便利機能を覚えておくと Web 画面からの情報抽出 や、 Chrome Extension 開発 がとても捗ります。 ※ 筆者はこの機能を利用して、 ウェブスクレイピング時のDOMセレクタを調べたり、 Q Accelerator などの Chrome 拡張機能を開発しています。 本記事では、次の３つを解説します。 1. Console の便利機能 2. 実際に Qiita の画面を解析する手順 3. リアルタイムで評価結果を返す Eager Evaluation （Google IO 2018 で発表されました） 便利機能（コマンド
Mac歴15年になった僕が愛用しているアプリ19個、使わなくなったアプリ3個｜男子ハック
アプリを綺麗に削除するには「AppCleaner」AppCleanerMacからアプリを削除するのはアプリケーションをゴミ箱に入れるだけでお手軽ですが、設定ファイルなどはMacに残ってしまうのが難点。 AppCleanerを使えば、アプリに関連したファイルもまとめて削除することができるのでMacユーザーにとっては必須アプリ。 AppCleanerのダウンロードはこちら(無料)メニューバーに増えがちな常駐アプリを見やすくする「Bartender 3」Bartender 3 | Mac Menu Bar Item Control便利なアプリを入れていくと増えてしまいがちなのがメニューバーのアイコン。「Bartender」を使うと、メニューバーに表示させるアイコンを管理することができます。 常に見えていないと困るメニューバーアイコンは表示、そうでないアプリのアイコンは「Bartender」のアイ
Seleniumでスクリプトを書くのに使える記録ツールあれこれ | MagicPod Tech Blog | MagicPod: AIテスト自動化プラットフォーム
Seleniumの記録・再生ツールといえばSelenium IDEやSelenium Builderが有名ですが、これらのツールはFirefox55以降動作しなくなっていました※1。そこでSeleniumプロジェクトチームによって新バージョンの開発が進められ、先日ついに、Chromeで動作する新しいSelenium IDEのバージョン1.0がリリースされました。 今日は、この新しいSelenium IDEをはじめとする、無料で使える様々なSeleniumスクリプトの記録ツールについてご紹介します。 なおこの記事では、プログラマー向けに、「プログラミング言語によるスクリプト作成の補助ツール」という観点から各種ツールを比較します。プログラミング言語でスクリプトを書く場合も、スクリプト記録ツールは下記のような用途に活用でき、非常に便利です。 ブラウザ上の要素のロケータ※2 を簡単に取得する テス
SPA + サーバーサイドレンダリング、そのダルさに関する私見
いわゆる SPA + サーバーサイドレンダリングがダルい 唐突ですがおさらいです。 なぜサーバーサイドレンダリング（SSR）が嬉しいかと言えば 初期表示の Critical Rendering Path を短縮できる SEO における保守信仰にやさしい（） 古いブラウザ・低性能マシンにやさしい yahoo/fluxible による SPA + Server Rendering の概観 ::ハブろぐ であり、特に SPA + SSR の文脈においては Universal Architecture による SPA + SSR は、技術的には過渡期の歪なキメラっぽさが拭いきれませんが、昨今の Web フロントエンドにしては珍しくビジネス的な説得力があります。 SSR なのでSNSや検索からの流入による初期表示が速い SPA なので回遊時のページ遷移も速い SSR なので古いブラウザでも CSS
Amazonでの賢い買い物をするにはChromeの拡張「Keepa – Amazon Price Tracker」が必須｜More Access! More Fun
先日こういうエントリーを書きましたら・・・ Amazonで一番まずいのは溢れる二重価格の表示だと思う 二重価格改善して欲しいですが自己防衛としてChromeの拡張機能「Keepa – Amazon Price Tracker」を使用してます。 価格の履歴が見れ安いのか高いのかすぐ確認取れます。https://t.co/NR7v8Q2QS2 https://t.co/vLTNmwipIG — なお (@naoh__i) 2016年10月16日 というアドバイスを頂きました。 さっそくChromeブラウザにインストールして使ったところ・・・ Amazonの買い物はこれなしではあり得ない!! という結論に達しましたので、ここでご紹介します。マジで使えます!!! 教えてくれてどうもありがとうございます。 使い方は簡単・・・ これをモバイルで見ている方は、PCを開いてください。 GoogleのChr
YouTubeをラジオ化するChrome Extensionを作りました
YouTubeをラジオ化するChrome Extension(拡張機能) 「Listen Tube」 を作ってみたので、その流れを書こうと思います。 こんな風にYouTubeで動画を表示させずに音だけを流せるようになります。 公開したChrome Extensionはこちら。 Listen Tube – Chrome ウェブストア 作業用BGMを聴くためにYouTubeを開いたのに、気がついたら関係ない動画を観ちゃってる問題 作業中にBGMを聴きたい時はYouTubeをよく利用する方は結構多いと思います。 簡単に曲が探せますし、勝手に次の曲が流れてくれますし便利ですよね。 ただ、使う上で一個問題が… それは、 ＿人人人人人人人人人人＿ ＞ 気が散ってしまう ＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y￣ ということ。 BGMを探しにYouTubeを開いたつもりが、ちょっと気が緩んでプ
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
機械学習でつかう画像を集める作業を少しラクにするツールをつくりました - #daiizメモ
昨日の記事 の冒頭で紹介した，機械学習用の画像データを収集する作業を手助けするツール『tfPhotoPalette』をChromeウェブストアで公開しました．TensorBoardに傚ってオレンジ系統の配色にしてみました． Chromebookでも使えます！！ 画像の表示 画面上部の長いボックスに画像のURLを入力して，その隣の「Load」ボタンを押すと画像が表示されます．一番左に大きく表示された画像がオリジナルなものです．画像の中に用意されている半透明な領域の大きさや位置を変更して，任意の箇所を切り抜くことができます．切り抜かれた領域は，オリジナル画像のすぐ右隣に表示されます． 画像の切り抜きと縮小 機械学習で学習／評価用に与える画像のサイズは，かなり縮小しておく必要があります．TensorFlowのチュートリアルで紹介されていた画像分類の話や，昨日の例では入力画像は32 x 32 px
Chrome Developer Toolsでパフォーマンス計測・改善 - Qiita
Chrome Developer Toolsを使ったWebページのパフォーマンス計測・改善についての説明です Networkパネル、Timelineパネル、Profilesパネルの使い方を説明してから パフォーマンスの計測・改善について説明していきます Networkパネル Networkパネルはページのリクエストをしてからの通信内容の一覧を表示します 記録方法 左上のRecordボタンを押すと記録が始まる もう一度押すと記録が停止する 必要に応じて、Disable cacheやCapture screenshotsを設定する 表示項目の変更 赤枠で囲んだ部分を右クリックすると こんな感じでメニューが出てくるので表示したい項目をクリックする 項目の一例 Name：リソースの名前 Method：HTTPメソッドの種類 Status：レスポンスのステータスコードとテキスト Type：リソースの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
重たい広告を「Google Chrome」から追放 ～Google、広告の消費リソースに制限を導入へ／今後数カ月間の実験ののち、8月末に安定版「Chrome」で有効化