サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
セキュリティ
paradox-tm.hateblo.jp
webpackを使用したら少しハマったので備忘録。 各バージョン・環境 Windows 10 - node : 8.9.0 - npm : 5.8.0 ※ nodeのバージョン管理に「nodist」を使用。 実行した手順。 ①実行したいプロジェクトのディレクトリに移動し、以下のコマンドを叩く。 npm init -y よし、package.jsonが生成された!! ②続いて、webpackを実行するために本体をインストールする。 npm i -D webpack webpack-cli よしよし、node_modules やら package-lock.jsonやらが生成されたぞ。。 ③エントリーポイントをビルドしてみる。 npx webpack 'npx' は、内部コマンドまたは外部コマンド、操作可能なプログラムまたはバッチ ファイルとして認識されていません。 ゲェ~~~ン! え?なんで
「昔作ったサイトをVue.jsで書き換えています。」的な記事をチラホラみかけるので私も勉強がてらに実装してみました。 ※ 本記事では、YouTubeからプレイリスト(JSON)を取得するところの説明は省いております。 (ググれば優秀な記事がたくさん出てくるので…) jQueryでつくったサンプル https://codepen.io/takumaro-web/pen/dNepxr 今回はこちらのソースをVueに書き換えていきます。 脱jQueryすっぞ。 XHRライブラリは、「ajax」の代わりに「axios」を使用します。 Vue.jsの公式ページでもオススメしているのでこちらでよいかと思います。 axios.get('https://www.googleapis.com/youtube/v3/playlistItems', { params: { part: 'snippet', pl
2016年9月13日にiOS 10が配信されました。 さっそくアップデートしましたが今までの仕様に慣れていたので起動時や目覚ましタイマーを止める際に、一度ホームボタンを押さないといけない新しい仕様が若干煩わしいです。 ※ ちなみに自分のiPhoneはiPhone 6です。 前置きはさておき本題です。 iOS 10にしてから普段通りクリックイベントの計測をしていたところ... 「あれ!?クリックイベントが正しく計測されてない」という事に気づきました。 前に書いた記事でiPhoneなんて怖くない!と思っていたのですが再び、調査しなきゃいけないのかと少し青ざめました、、、がなんとか計測できるようになったので覚書きです。 iOS 10からclickの処理の仕様が変わった? 詳しくはわからないですが前に書いた記事の中でクリックイベント計測がうまく取れない理由として“リンク先に飛ぶ処理の方が埋め込んだ
ページ公開直後のコンテンツに対してシェアボタンを押してもOGP情報をうまく取得できずシェアされない場合がありますよねー。 これは公開前のURLにfacebookのクローラがアクセスしてしまうことによって、facebook側にキャッシュが残ってしまいそちらを参照してしまうのが原因だそう。 (つまり、空ページをfacebook側がキャッシュしてしまっている。) 今まではページが公開されるとfacebook側が提供しているデバッグページにてキャッシュをクリアしていたけど少し煩わしさを感じていた。 いちいちfacebookにログインしなきゃいけないし、対象のURLをコピーして貼り付けなきゃだし、ボタンを押さなきゃいけないわけで... 『なんとかこの作業について簡略化・自動化できないか』と調べたところAPIの「https://graph.facebook.com/?scrape=true&id=UR
※ こちらも合わせてご覧ください。2016/11/1更新 paradox-tm.hateblo.jp iOSのSafariのみブラウザの仕様上、Googleアナリティクス(以下、GA)を使用したイベント計測がうまくいかない事が多々あります。 特に計測がうまくいかない時のパターンが以下です。 a要素でリンクを指定していた場合のclickイベント計測 a要素でリンクとtarget="_blank"を指定していた場合のclickイベント計測 なぜ計測ができないのか? iOSのSafariのみ指定していたリンク先に飛ぶ処理の方が、埋め込んだイベント計測の発火よりも速く処理されてしまうのが原因のようです。 つまり通常のフローでは、 ・click → イベント計測 → リンク先へ移動 ですが、iOSのSafariの場合 ・click → リンク先へ移動 (イベント計測はスルー) と処理されてしまうとい
このページを最初にブックマークしてみませんか?
『paradox-tm.hateblo.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く