HTML・CSS・Javascriptなどのメモブログ│CODE-LIFE

WEB製作の仕事を始めたMaruのhtml・CSS・jsメモブログ。たまにExcelVBAの話もでます。

Chrome拡張機能「stylish」が使えなくなった代わりに「Stylus」を使ってみた

以下の記事にもあるようにChrome拡張機能の中でも定番といっても過言ではない「Stylish」が利用不可能に。

代替品として完璧な「Stylus」を使ってみました。

forest.watch.impress.co.jp

Stylishとは

カスタマイズCSSを任意のページに反映させる拡張機能。 例えば文字サイズが小さく見づらいサイトがあれば文字サイズが大きくなるようにfont-size: 120%;としたり、メインコンテンツ以外のバナーなどが多く見づらければそれを非表示にしたりなどが可能。

ようは見づらいサイトを自分専用に見やすくカスタマイズできる拡張機能である。

続きを読む

スマホアプリで外出先から自宅のPCを遠隔起動してみる「Wol Wake on Lan Wan」

最近はありえないくらい暑い日が続きますね。

そんな中我が家のメインPCは誰も使ってないのに常時稼働しています。何故かと言うと「出先からリモートデスクトップで遠隔操作したいから」。 以前はマイニングPCとしても稼働させていたのでまだ良かったですが、今はいつ遠隔操作するかも分からないけど念のためにつけっぱなししているだけ状態。 すごくもったいないですよね。そして排熱のせいで部屋が暑い暑い・・・。

そこで、外出中はスリープ状態にしておいてリモートで作業したくなったときだけ電源をONにする方法はないか探していたところWake-on-LANという方法に行き着きました。

Wake-on-LAN(ウェイク・オン・ラン、略称WoLあるいはWOL)は、コンピュータネットワーク(主にLAN)に繋がっているコンピュータの電源を遠隔で投入するAMDが開発した技術あるいはその行為を指す。

引用元: Wake-on-LAN - Wikipedia

これは良い!と思いましたがLanということはローカルネットワーク。つまり外出先では使えないということ。

それでは駄目なのでさらに調べていたらWanから起動する方法が見つかったのでメモしておきます。

続きを読む

いつのまにかAmazon Driveのプランが1TBになり13800円請求されていた話

現在マネーフォワードを使って家計簿管理をしているmaruです。 いつものように利用履歴を確認していると見慣れないクレジットカード利用履歴を発見。

JCB海外利用 AMAZON SERVICES INTE -13,800

海外利用・・・?しかもそこそこ高額・・・!? びっくりしていろいろ調べていたところ記事タイトルに行き着きました。

Amazon Driveは容量超過していると自動でプランアップ

JCB海外利用 AMAZON SERVICES INTE の内訳はAmazon Driveの1TBプランでした。

そんなの契約した憶えないんですけど・・・。

というか写真の保管は容量無制限のはずでは・・・?

写真以外は容量カウントされる

プライム・フォトはプライム会員なら無制限に写真を保存できるからと安心していたところ、動画やRAWファイルはその対象外のため容量がカウントされており自動的にサブスクリプション契約となっていたようだ。

ちなみにプライム会員が追加料金なしで使える容量は5GBまで。

これを知らないうちに動画で消費していたようです。

2ヶ月以内の解約なら全額返金

1TBも絶対使わないのでなんとか返金してもらえないか調べてみたところAmazonのヘルプページを発見。

https://www.amazon.co.jp/gp/help/customer/display.html?nodeId=201376520

有料プランに移行してからでも解約すれば残った契約期間相当の金額が返金される。

さらに、最後の支払いから60日以内の解約なら全額返金されるとのこと。

Amazon Drive → ストレージの管理 からプランを解約すれば返金が開始されました。

絶対1TBなんて使わないしめっちゃ焦りましたがなんとか全額返ってくるようなので一安心です。

バックアップの設定を見直してというかPCからAmazon Driveをアンインストールしました。

1TBはOffice 365 SoloについてくるOneDriveの分で十分ですねー。

Python×Seleniumでswitch_to.frameが効かずハマったがchromedriver.exeを更新したら直った

朝のルーチンワークを少しでも減らそうとPythonで売上・アクセスデータの集計報告ツールを作って動作させているのですが、ある日正常に動かなくなった話。

売上・アクセスデータ集計報告ツール

  1. タスクスケジューラからPythonファイルを実行
  2. SeleniumでGoogle Analyticsへログイン
  3. Google AnalyticsからCSVデータをダウンロード
  4. pandasで過去のCSVデータと統合
  5. Excelで集計・分析
  6. 対目標・対前年で比較したデータをSlack BotにPOST

こいつが7月に入ってある日突然CSVデータがダウンロードされなくなった。 Google Analyticsにログインすることはできている。でもCSVはダウンロードされない。

いや、まぁ、手でやっても2分もかからない作業ではあるんですが、やっぱり単純作業はやらなくていいならやりたくないですよね。

chromedriver.exeが古かった

結論から言うと原因はchromedriver.exeが2018年3月時点のものだったこと。 そんなに頻繁に更新があるものと思っていなかったため最初はGoogle Analytics側のDOMが変わったのだろうと疑っていた。

しかし実際のところは以下から最新のchromedriver.exeをダウンロードして以前のexeファイルに上書き保存すれば済む話でした・・・。 2018年6月のバージョンを使うことで改善。

ChromeDriver - WebDriver for Chrome http://chromedriver.chromium.org/downloads

見てもしょうがないかもしれませんが、色々試した経緯を残しておきます。

Google AnalyticsのDOMが変わった・・・?

CSVダウロードに必要な箇所は変わっていませんでした。 ちなみにログインからCSVダウンロードまでのプログラムは以下のようなもの

download_directory = 'ダウンロード先ディレクトリ'
user_id = 'ユーザー名'
user_pass = 'パスワード'
  
driver = init_selenium(download_path=download_directory) # デフォルトダウンロードフォルダ変更
driver.implicitly_wait(10) # 要素表示までの最大待機秒数
driver.get('カスタムレポートのURL')
  
driver.find_element_by_css_selector('#identifierId').send_keys(user_id)
driver.find_element_by_css_selector('#identifierNext > content > span').click()
driver.find_element_by_name('password').send_keys(user_pass)
time.sleep(2)
  
driver.find_element_by_css_selector('#passwordNext span').click()
time.sleep(10)
  
# 操作対象をインラインフレームに移す
iframe = driver.find_element_by_css_selector('#galaxyIframe')
driver.switch_to.frame(iframe)
  
driver.find_element_by_css_selector('.ACTION-exportMenu').click()
driver.find_element_by_css_selector('.TARGET-CSV').click()
time.sleep(10)

Google Analyticsの画面はレポート表示領域がインラインフレームで形成されています。

故に操作対象をiframeに移す処理switch_to.frameが必要になるわけです。

途中からブラウザ接続が切断されていた

find_element_by_css_selectorの指定がおかしいのか? でもエラーで止まってるのはフレームに移動する前段階・・・。

driver.switch_to.frame(iframe)がおかしいのか・・・? でも推奨されている記述どおりで、driver.switch_to_frame(iframe)は使っていないし・・・。

まずdriver.find_element_by_css_selector('#galaxyIframe')が正常に動作しているのか・・・?

と思い検証したところAnalyticsにログインした直後からブラウザーとの接続自体が切れており、何の操作も受け付けられていなかったことが判明。

これは明らかにwebdriver自体がおかしいと思い、冒頭の「chromedriver.exe」の更新にたどり着いたということです。

すごい遠回りでしたねー。次からはまず最初にバージョン確認してみることにします!

今まで読んだ本、今読んでいる本のメモから自分の思考と志向を知る

自分が今まで読んだ本と今読んでいる本のまとめ。内容の振り返りと感想を簡単に書く。 随時更新予定

どんな本を読んだかはその人間がどのような思考と志向を持つかを表すと考える。 自分がどんな本を好み、何に興味を示し、どうありたいかを客観的に見てみたいのでこのまとめを書くことにする。

ざっくりと面白かったと思う本たちをリストアップしてみましたが私を構成しているのは「人間の欲の分析」や「IT(中でも人工知能)」への知的好奇心のようです。 特にAIを限りなく人間に近づけるもしくは超えるというような内容に強く惹かれています。

こちらは本ではないですが、最近ロボマインドプロジェクトのブログをとても楽しく読ませてもらってます。

映画やドラマだと「ブレードランナー」「エクスマキナ」「アイロボット」「ウエストワールド」とか好きです。 ウエストワールドのシーズン2が早くAmazonプライム・ビデオで見れるのを楽しみに待っています。

人間

すべての教育は「洗脳」である?21世紀の脱・学校論? (光文社新書)

すべての教育は「洗脳」である?21世紀の脱・学校論? (光文社新書)

すべての教育は「洗脳」である?21世紀の脱・学校論? (光文社新書)

人生の勝算 (NewsPicks Book)

人生の勝算 (NewsPicks Book)

人生の勝算 (NewsPicks Book)

GIVE & TAKE 「与える人」こそ成功する時代 (単行本)

GIVE & TAKE 「与える人」こそ成功する時代 (単行本)

GIVE & TAKE 「与える人」こそ成功する時代 (単行本)

この世の人間は三種類。ギバー/テイカー/マッチャー。

マズロー心理学入門―人間性心理学の源流を求めて

マズロー心理学入門―人間性心理学の源流を求めて

マズロー心理学入門―人間性心理学の源流を求めて

現在読書中

「マズローの5段階欲求」というものは無く、実際にはマズローは5段階と定義しておらず「階層欲求」としている。 そして、一般に経営学などで取り上げられている「マズローの5段階欲求」は本のかけらに過ぎず。 これのみでマズローの心理学を語るのは早計である。

1分間ドラッカー 最高の成果を生み出す77の原則

1分間ドラッカー 最高の成果を生み出す77の原則

1分間ドラッカー 最高の成果を生み出す77の原則

超訳孫子の兵法 (彩図社文庫)

超訳孫子の兵法 (彩図社文庫)

超訳孫子の兵法 (彩図社文庫)

お金

お金2.0 新しい経済のルールと生き方 (NewsPicks Book)

お金2.0 新しい経済のルールと生き方 (NewsPicks Book)

お金2.0 新しい経済のルールと生き方 (NewsPicks Book)

ここ数年で読んだ中では最も面白かった本。 ライフハックブログの方で感想と今後の人類についての考察を書いています。 maruhack.com

図解・最新 難しいことはわかりませんが、お金の増やし方を教えてください!

図解・最新 難しいことはわかりませんが、お金の増やし方を教えてください!

図解・最新 難しいことはわかりませんが、お金の増やし方を教えてください!

下手に投資するくらいならインデックスファンドに投資しておけ的な

プログラミング

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

詳細! Python 3 入門ノート

詳細! Python 3 入門ノート

詳細! Python 3 入門ノート

WEBデザイン

レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)

レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)

レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)

ビジネス・分析

数字力×EXCELで最強のビジネスマンになる本

数字力×EXCELで最強のビジネスマンになる本

数字力×EXCELで最強のビジネスマンになる本

ヤバい統計学

ヤバい統計学

ヤバい統計学

できる逆引き Googleアナリティクス 増補改訂2版 Web解析の現場で使える実践ワザ 260 Googleタグマネージャ/オプティマイズ/データスタジオ対応 (できる逆引きシリーズ)

Microsoft Office Specialist Microsoft Excel 2016 Expert 対策テキスト&問題集 (よくわかるマスター)

Microsoft Office Specialist Microsoft Excel 2016 Expert 対策テキスト&問題集 (よくわかるマスター)

Microsoft Office Specialist Microsoft Excel 2016 Expert 対策テキスト&問題集 (よくわかるマスター)

  • 作者: 富士通エフ・オー・エム株式会社(FOM出版)
  • 出版社/メーカー: FOM出版 富士通エフ・オー・エム
  • 発売日: 2017/10/20
  • メディア: 大型本
  • この商品を含むブログを見る

たった1秒で仕事が片づく Excel自動化の教科書

たった1秒で仕事が片づく Excel自動化の教科書

たった1秒で仕事が片づく Excel自動化の教科書

マーケティング基礎 (宣伝会議マーケティング選書)

マーケティング基礎 (宣伝会議マーケティング選書)

マーケティング基礎 (宣伝会議マーケティング選書)

  • 作者: 宣伝会議編集部(編),野口恭平,栗木契,東浦和宏,山岡隆志,立川麻理,本間充,宣伝会議編集部
  • 出版社/メーカー: 宣伝会議
  • 発売日: 2016/10/01
  • メディア: 単行本
  • この商品を含むブログを見る

ビジネスモデル・ナビゲーター

ビジネスモデル・ナビゲーター

ビジネスモデル・ナビゲーター

  • 作者: オリヴァー・ガスマン,カロリン・フランケンバーガー,ミハエラ・チック,渡邊哲,森田寿
  • 出版社/メーカー: 翔泳社
  • 発売日: 2016/10/04
  • メディア: 単行本(ソフトカバー)
  • この商品を含むブログ (1件) を見る

ザ・会社改造 340人からグローバル1万人企業へ

ザ・会社改造 340人からグローバル1万人企業へ

ザ・会社改造 340人からグローバル1万人企業へ

コミック版 100円のコーラを1000円で売る方法 (中経☆コミックス)

コミック版 100円のコーラを1000円で売る方法 (中経☆コミックス)

コミック版 100円のコーラを1000円で売る方法 (中経☆コミックス)

「本当にいい会社」が一目でわかる有価証券報告書の読み方 ― 決算書だけではわからない「儲かる仕組み」はココを見る!

仕事とお金で迷っている私をホンネでズバッと斬ってください

仕事とお金で迷っている私をホンネでズバッと斬ってください

仕事とお金で迷っている私をホンネでズバッと斬ってください

電子工作

これ1冊でできる! ラズベリー・パイ 超入門 改訂第4版 Raspberry Pi 1+/2/3/Zero/Zero W対応

これ1冊でできる! ラズベリー・パイ 超入門 改訂第4版 Raspberry Pi 1+/2/3/Zero/Zero W対応

これ1冊でできる! ラズベリー・パイ 超入門 改訂第4版 Raspberry Pi 1+/2/3/Zero/Zero W対応

AI

人工知能は人間を超えるか ディープラーニングの先にあるもの (角川EPUB選書)

人工知能は人間を超えるか ディープラーニングの先にあるもの (角川EPUB選書)

人工知能は人間を超えるか ディープラーニングの先にあるもの (角川EPUB選書)

AIは考えない-人工知能の現実: ディープラーニング、機械学習、ニューラルネットワーク...IT初心者の入門書 CAMBRIC

よくわかるディープラーニングの仕組み

よくわかるディープラーニングの仕組み

よくわかるディープラーニングの仕組み