業務効率を上げる Chrome の小技６選！フロントエンドエンジニアメンバー記事紹介

こんにちは！広報の長岡です。
D2C dot 開発部フロントエンドエンジニアの木村が、業務効率を上げるChromeの小技6つを記事にまとめました。また、他にもノウハウ記事をQiitaに公開していますので、今回は4点ご紹介いたします！

業務効率を上げる Chrome の小技６選！

D2C dot 開発部でフロントエンドエンジニアをしています、木村です。
先日、社内で開催しているナレシェアで、知っておくと便利な『Chromeの小技』を紹介したので、noteにもまとめてみました！

本記事では、Chrome ブラウザのキャッシュを完全にクリアする方法やアナリティクス送信などネットワークの見方、表示されているページのファイルをローカルのものに差し替える方法、など知っておくと確認が便利になる小技を6つご紹介します。

D2C dot 開発部でフロントエンドエンジニアをしています、木村です。先日、社内で開催しているナレシェアで、知っておくと便利な『Chromeの小技』を紹介したので、noteにもまとめてみました！本記事では、Chrome ブラウザのキャッシュを完全にクリアする方法やアナリティクス送信などネットワークの見方、表示されているページのファイルをローカルのものに差し替える方法、など知っておくと確認が便利になる小技を 6つご紹介します。 Chrome ブラウザを便利に使うために、今回「Dev Tools」（

https://note.com/d2cdot/n/nbddb3666b6ea

Netlify CMS から algolia へ更新通知（Nuxt.js）

Netlify CMS から algolia へ更新通知（Nuxt.js） - Qiita

Netlify CMS と Nuxt.js で jamstack なサイトを作っていました。 Netlify CMS で更新をした時に、algolia にうまくデータを通知する方法がわからなくて、 node.js で無理やり対応したと...

https://qiita.com/d2cd-kimura/items/1e89f96d2ce5aef67571

Atomic Design ベースの Vue コンポーネント設計

Atomic Design ベースの Vue コンポーネント設計 - Qiita

vue.js のコンポーネント設計で悩んで、 Atomic Design を勉強し直したらなんとなく形になった気がするので、まとめてみます。 2020/06/14 エラーハンドリングなどに portal-vue を使う場合を追記しました。 Atomic Design は元々 UI 設計として考え出されたものです。巨大なアプリケーションでも効率よくパーツを再利用し、さらに細かい調節もできるように考えられています。 Atomic Design では「コンポーネント」という言葉が使われており、一見すると

https://qiita.com/d2cd-kimura/items/4aee84da42131f40b808

webアクセシビリティ実装チェックリストを作った

webアクセシビリティ実装チェックリストを作った - Qiita

web アクセシビリティに、どうやって対応したら良いか？を手助けするツールを作りました。 WCAG2.0 の達成基準に合わせた実装方法を確認し、試験結果を記録することができます。 ■ WCAG 2.0 達成基準・実装チェックリスト https://a11y-i-guideline.netlify.com （chrome ブラウザでしか挙動確認してません） web コンテンツで JIS X 8341-3:2016・WCAG2.0 への対応を求められたコーダー、ディレクター、デザイナーアクセシビリティ用

https://qiita.com/d2cd-kimura/items/8a8cb88318aa1cb4e479

Google API でパラメータなしのアナリティクスデータを集計する

Google API でパラメータなしのアナリティクスデータを集計する - Qiita

あまり目にする機会のないケースなのですが、・WordPress で人気記事ランキングを表示するために Google API を利用する・サイト内には流入経路計測用のパラメータだらけ・記事ごとの PV はパラメータを無視したいという場面がありました。要は Google API から PV 順の記事を取得したいけど、 Google アナリティクスは同一ページでもパラメータごとに集計されてしまうため純粋な記事ごとの PV 計測が難しい状況でした。（パラメータは運用の都合上外せない）下記のような状

https://qiita.com/d2cd-kimura/items/c846c77781c10527e65e

≪開発部木村プロフィール≫　
現在、D2C dot 開発部でエキスパートとして勤務。フロントエンドエンジニアとしてサイトの制作やアクセスビリティを考慮した開発を担当しています。
▼他にも開発ノウハウをQiitaに公開中です
https://qiita.com/organizations/d2cdot

D2C dotでは、一緒に働く仲間を募集しています。
ご興味お持ちいただけましたらご連絡ください！

フロントエンドエンジニア | JOIN US | D2C dot

D2C dotの手掛ける、日用品・ゲーム・音楽など、様々なクライアントのプロモーションサイトや、メディア・BtoCサービスなどのフロントエンド開発をお任せします。開発環境も比較的融通が利くので、ご自身で技術選定から行っていただくことも可能です。＜案件例＞・日用品メーカー新商品のプロモーションサイト開発・ソーシャルゲームの事前予約サイト開発・某プリントサービスのアプリ（WebView領域）開発　　　など＜開発環境例＞・npm script + webpack + Sass + Vue.js + Type

https://www.d2cdot.co.jp/joinus/engineer3/?office=tokyo&status=1&utm_source=wantedly&utm_medium=site&utm_campaign=wty_200930_4

JOIN US | D2C dot

JOIN USページでは、D2C dotと共に「伝えたいコト」を、その時代に合う最適な手法で生活者に「伝わるカタチ」にを実現してくれる仲間を年齢やキャリアを問わず募集しています。

https://www.d2cdot.co.jp/joinus/?utm_source=wantedly&utm_medium=site&utm_campaign=wty_200930_5