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

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

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

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

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

自分が今まで読んだ本と今読んでいる本のまとめ。内容の振り返りと感想を簡単に書く。 随時更新予定 どんな本を読んだかはその人間がどのような思考と志向を持つかを表すと考える。 自分がどんな本を好み、何に興味を示し、どうありたいかを客観的に見てみた…

シャンプーのボトルについているギザギザ

今日テレビでシャンプーというものが世間一般に広まったとされる約半世紀前の映像とともに花王のシャンプーが紹介されていました。 www.kao.com シャンプーの容器にギザギザ状のきざみがついているのをご存知でしょうか?このきざみは、触っただけでシャンプ…

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

マズロー心理学入門―人間性心理学の源流を求めて作者: 中野明出版社/メーカー: アルテ発売日: 2016/05/01メディア: 単行本この商品を含むブログ (1件) を見る マズロー心理学入門―人間性心理学の源流を求めてを6月に入ってから夜中に少しずつ読み進めていま…

よく使う? Python 3.x 関数とメソッドチートシート

勉強中のPythonでよく使う?使いそうなものを自分用にまとめ。 これ便利だ!って思ったら随時追加予定です。 組み込み関数 Python標準機能の関数 別途モジュールをインポートすることなく利用可能 数値計算 abs(数値)・・・数値の絶対値を返す >>> abs(-2) 2 di…

はてなブログで書いたコードブロックに行番号を表示する方法(CSS+JavaScript)

この記事でできるようになること はてなブログのコードブロックに行番号を表示 はてなブログのコードブロックの偶数行のみ背景色をつける [おまけ]はてなブログのコードブロックの左上に言語名を表示する 最初は行番号のみで考えていましたがついでに縞々も…

Pythonにおける繰り返し処理(forとwhile)の使用例と使い分け

Pythonで繰り返し処理を書くときに毎回検索しているので自分用にメモ。 forとwhileと疑似的なdo~whileの書き方。 for 繰り返す回数が決まっている場合や配列(リスト)に対して処理を実行する場合に利用する。 回数を指定 5回の繰り返し処理 for i in range…

4行でPythonからSlackへ投稿する(着信 Web フック)

色々な通知をするのにも超便利なSlack。 会社のSlackでもIFTTTから自動投稿させたりしていますが、Pythonでいろいろ業務を自動化していくにあたって「自動業務が完了したよ!」をSlackに通知してほしいと思い調べたところ思いの外簡単だったのでサクッとメモ…

PythonからExcelのVBA(マクロ)を実行する方法

C:\macro_book.xlsmというExcelファイルのmsgというマクロをPythonから実行する場合は以下のようになる import win32com.client # ライブラリをインポート excel = win32com.client.Dispatch("Excel.Application") # インスタンス生成 excel.Visible = 1 # …

Pythonでスクレイピングしようと思ってScrapy入れようとしたらエラーになった話

sutaba-mac.site $ pip install scrapy でインストールすればええんやな、楽勝。 ・・・。 めっちゃエラーでるやん。 Command "c:\users\1953.three-i\appdata\local\continuum\anaconda3\python.exe -u -c "import setuptools, tokenize;__file__='C:\\User…

Sassで何ができて何が良いのかProgateで勉強しながらまとめてみた

プログラミングの学習においてProgate(プロゲート)を使っています。 HTMLやCSSの学習は有料部分含め全て終えたわけですが、最後に残っていたのがSass。 なんとなくのイメージはCSSの上位版というか効率的にCSSを書けるもの。具体的にどんな事ができるかは…

MOS Excel 2016 Expert に合格しました

MOS 無事に受かりました。Microsoft Office Excel 2016 Expert pic.twitter.com/SFrq2sE9Rn— Maru (@maruhackcom) 2018年4月18日 この教材を会社に買ってもらってひたすら模試。 これで多少は転職に有利になるかなぁ。 Microsoft Office Specialist Microsof…

【正規表現とは 超入門】何が出来て何が良いのか、ゆるい説明と使用例を交えてまとめてみた

最近会社の同僚に正規表現について教える機会が何度かあったがいまいち上手に説明できず、悔しい思いをしたので思考を整理してもっと上手に伝えてあげられるようになるためにも記事にしてみる。 どんなことが出来るのか実用例も記載しつつ説明するので参考ま…

ExcelVBAでセルの文字列の折り返しを解除する方法.WrapText = False

この記事でできるようになること セル内改行を含むエクセルのシートをVBAで折り返し解除する セル内改行があると勝手にセルの文字列が折り返される VBAで商品ページデータなどを処理することが最近多いんですが、このようなHTMLを含むセルはCSVを読み込んだ…

【脱jQuery?】jQueryみたいなセレクタが使えるdocument.querySelectorが便利

この記事でできるようになること jQueryを使わずに#myID .myClassみたいなセレクタが使えるようになる ちょっとしたjavascriptを書くだけなのにCSSっぽいセレクタを使って楽したいがためにjQueryライブラリを読ませるのは面倒。 document.getElementById('aa…

HTML要素を超簡単に横並びにできるCSSの書き方 Flexbox

この記事でできるようになること divやliの表示をキレイに簡単に横並びにできる 去年(2016年)くらいまでは未だ使うのは早いかなというような状況だったFlexible Box Layout(フレキシブルボックスレイアウト)。通称flexbox。 そろそろ使っても良いんじゃ…

【2017年最新】clearfix一番短い書き方は親要素にdisplay:flow-root;を書き加えるだけ

CSS

clearfixが適用されていない状態 See the Pen flow-root by maru (@maru0014) on CodePen. float:left;でdiv要素を横並びにしましたが、clearfixを行っていないため外枠の.rowが上の方でちっちゃくなってしまいました。 現状で最もスマートな、短いclearfix…

【jQuery】htmlページをパーツごとに分けて読み込む方法

この記事でできるようになること ヘッダー、フッターなどの共通部分のHTMLを別ファイルとして管理 切り出したHTMLファイルをjQueryで動的に読み込む PHPなしで制作するWEBページは管理が煩雑になりがち HTMLでホームページを構築する際に気をつけたいのが作…

jQueryを使わないjavascriptでの要素取得方法とテキストの書き換え

今までなんとなーくで書いて、動くからまぁいいか。でやってきてたjavascriptをきちんと勉強しようと思うので、少しずつメモ書きをためていきます。 今回はhtmlドキュメントツリー内の「id」、「class」、「name」を指定して要素取得します。 IDでテキストを…

シートの最終行番号を取得するユーザー定義関数 - VBA(エクセルマクロ)

VBA

最近仕事で受注・発注業務のオートメーション化をするにあたって、VBAで良く使う「シート内で利用している最終行番号を取得する」 と 「特定のセルを基準に一番下のセルの行番号を取得する」ユーザー定義関数をメモとして残しておきます。 シート名を引数に…

Google Analytics の文字化けしたURLを日本語に変換するブックマークレット

Google Analyticsの画面では日本語URLは文字化けしてしまう 参考画像はこのブログのアクセス解析結果ですが、3番目のページはURLが文字化けしていますね。 これはURLに日本語などのマルチバイト文字のURLが使用されているためです。 この状態ではどのページ…

楽天市場RMSページでscriptタグ(禁止タグ)を有効にする方法(スマートフォン限定)

この記事でできるようになること スマートフォンページ(トップページ・商品ページ・カテゴリーページ)などで任意のscriptを実行 (楽天GOLDで実行したscriptのhtmlをフレーム読込するとか茶地なものではありません。) 楽天市場のRMSで管理しているページ…

最新良くわからないウェブ用語とマーケティング用語 eコマースEXPO2016

2月16日と17日にeコマースEXPO東京2016に行ってきました。 さすがにビッグサイトでやるだけあってそれなりの規模。 そして感想を一言で言うならマーケティングオートメーション!マーケティングオートメーション!うるせー! マーケティングオートメーション…

日時指定で要素の表示と非表示を切り替えるjQueryが超絶便利

今週セールページを用意するときにタイムセールの枠を作ることになったのですが、カウントダウンタイマーを自動で表示して終わったら非表示にできないかとscriptを探していたらこんなものを見つけました。 http://qiita.com/dribble13/items/3eb39726aba33ad…

マウスのクリックを透過・無効化させる2つの方法 CSSとjQuery

.hogehoge { pointer-events: none; } 例えば商品ページの商品画像にリンクが貼ってある状態で、 その商品が売り切れになり、商品画像の上に「売り切れ」などの文字が入ったの画像を .soldout { position: relative; } .soldout:after { content: "" display…

自動でファイル名に日付を入れてバックアップするバッチファイル

bat

1.下記のコードをテキストエディタにコピペ setlocal rem /* 今日の日付を取得(yyyymmdd) */ set now=%date:~-10,4%%date:~-5,2%%date:~-2,2% rem /* ○○に日付を入れてをバックアップ */ xcopy /Y /E C:\○○ D:\○○_%now%\ rem /* 一時停止 */ pause endlocal …

CSSで画像をぼかしてオンマウスした画像だけ鮮明に

CSS

See the Pen CSSで画像をぼかしてオンマウスした画像だけ鮮明に by maru (@maru0014) on CodePen. img { width:30%; -webkit-filter: blur(2px); filter: blur(2px); } filterプロパティはその名のとおり画像にフィルターをかけることができます。 これを使…

CSSのみで「スクロールすると表示されるフローティングメニュー」

CSS

ECサイトなどでタグの規制があり、JavaScriptが使えない環境下でもこれなら可能。 jQueryなどで実装する場合はスクロールイベントを拾ってきて表示させるんじゃないかと思いますが、 この場合はheader部分の背面にフローティングメニューを隠しておくイメー…

.load()メソッド IE10で読み込まれない原因は

IE11では正常にhtmlが読み込まれるのに対して、IE10では表示されない。 IE10は.load()メソッドは対応しているはずなのに・・・。 まず疑ったのはキャッシュ。 キャッシュを全て削除して更新してみたが改善されない。 原因は・・・・。 <script> $(function() { // 文…

要素内のtextをタグで囲むスクリプト jQuery

タイトルではちょっとわかりづらいかな・・・。 例えば <h1>見出し</h1> というHTMLがあったときに、jQueryで <h1><div>見出し</div></h1> というふうに内側のテキストなどをタグで囲める。 通常なら普通にタグを記述すればいい話なのだが、 サイトを立ち上げてからかなり時間がたち全ての…