プロフィールPROFILE

jszkさんのプロフィール

住所
未設定
出身
未設定

自由文未設定

ブログタイトル
Design Note
ブログURL
https://desnote.com/
ブログ紹介文
デザイナーとエンジニアの双方の経験から得た知識を元にまとめたメモ。互いの視点から話すことで理解を深められます。主にフロントエンジニア領域のReact, vue, nodejs, javascriptなど。
更新頻度(1年)

35回 / 153日(平均1.6回/週)

ブログ村参加:2019/06/15

jszkさんのプロフィール
読者になる

jszkさんの人気ランキング

  • IN
  • OUT
  • PV
今日 11/13 11/12 11/11 11/10 11/09 11/08 全参加数
総合ランキング(IN) 圏外 圏外 圏外 圏外 圏外 圏外 圏外 977,855サイト
INポイント 0 0 0 0 0 0 0 0/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
IT技術ブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 7,868サイト
IT技術メモ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 1,108サイト
HTML5/CSS3 圏外 圏外 圏外 圏外 圏外 圏外 圏外 27サイト
JavaScript 圏外 圏外 圏外 圏外 圏外 圏外 圏外 90サイト
今日 11/13 11/12 11/11 11/10 11/09 11/08 全参加数
総合ランキング(OUT) 圏外 圏外 圏外 圏外 79,762位 54,957位 54,964位 977,855サイト
INポイント 0 0 0 0 0 0 0 0/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
IT技術ブログ 圏外 圏外 圏外 圏外 213位 97位 93位 7,868サイト
IT技術メモ 圏外 圏外 圏外 圏外 66位 31位 30位 1,108サイト
HTML5/CSS3 圏外 圏外 圏外 圏外 3位 2位 1位 27サイト
JavaScript 圏外 圏外 圏外 圏外 3位 圏外 1位 90サイト
今日 11/13 11/12 11/11 11/10 11/09 11/08 全参加数
総合ランキング(PV) 圏外 圏外 圏外 圏外 圏外 圏外 圏外 977,855サイト
INポイント 0 0 0 0 0 0 0 0/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
IT技術ブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 7,868サイト
IT技術メモ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 1,108サイト
HTML5/CSS3 圏外 圏外 圏外 圏外 圏外 圏外 圏外 27サイト
JavaScript 圏外 圏外 圏外 圏外 圏外 圏外 圏外 90サイト

新機能の「ブログリーダー」を活用して、jszkさんの読者になりませんか?

ハンドル名
jszkさん
ブログタイトル
Design Note
更新頻度
35回 / 153日(平均1.6回/週)
読者になる
Design Note

jszkさんの新着記事

1件〜30件

  • SEOで使えるgoogle検索の特別構文検索(site, info, link, intitle, allintitle, intext, inanchor, inurl)

    SEO対策として色々調べる際に、google検索には以下8つの特別構文検索があります。 こちらを知っておくと、便利なので是非使って見てください。 目次 1 site:(サイト)2 info:(インフォ)3 link:(リンク)4 intit

  • 「クロール済み – インデックス未登録」が表示されてインデックスされない理由・原因は?

    「クロール済み – インデックス未登録」 新しくページを作成しましたが、なかなかgoogle search consoleに出てこない。 と思ったことありませんか? まずクロールを確認する方法は以下の2つがあります 目次 1 検

  • macOS Catalinaにアップデートしたらフォントがおかしくなったので対処した話

    先日、macOS Catalina にアップデートしました。 アップデートした後にAmazonをみていたら ん、なんかフォントがおかしい。   目次 1 明朝体に変更されている2 原因は?3 対処方法は? 明朝体に変更されている

  • 【エラー】リクエスト回数が多すぎます。 TooManyRequests | Amazon API エラー

    Linkerを利用して、amazonアフィリエイトをしようと思ったらこんなエラーメッセージが出てきました。 【エラー】リクエスト回数が多すぎます。 TooManyRequests 目次 1 原因は?2 対処方法は? 原因は? 2019年1月

  • 【エラー】The request has not been correctly signed. If you are using an AWS SDK, requests are signed for you automatically; otherwise, go to https://webservices.amazon.co.jp/paapi5/documentation/sending-request.html#signing. InvalidSignature

    Rinkerを使ってamazonのアフィリエイトを始めようと思ったらこんなメッセージが出てきた 英語 【エラー】The request has not been correctly signed. If you are using an A

  • wordpressで入れるべきプラグイン【2019年度版】

    All In One SEO Pack 言わずとも知れたSEOのためのものが全部入ったプラグイン。 とりあえず入れておくと良いです。 Google XML Sitemaps sitemapを自動生成するプラグイン。 「All In One SEO Pack」が入っていれば不要ですが、これを入れる必要がなく、sitemapだけ欲しい時に入れるもの。 Classic Editor wordpressが

  • HTMLメールの作成の仕方と注意点 【2019年度版】

    HTMLメールの場合、開封率がわかり、またテキストメールに比べてクリック率(CTR)や購買率が高いと言われている。 ただ、ユーザがHTMLメールを見る環境を考えると100パターン以上存在し、書く環境に対応するのは難しい。 そのため、現在では使われることのなくなったテーブルレイアウトが必須となる。 このテーブルレイアウトの作り方についてまとめてみました。 ベースのHTMLはこちら

  • テーブルレイアウトを使わない理由を説明できますか?

    「テーブルレイアウトはするな」 仕事で当たり前の用によく言われること。 しかし、実際なぜ使ってはいけないのかを、具体的に説明できる人が少ない。 なので、その理由と、本当に使ってはいけないのかをまとめてみました。 メリット 崩れづらい 昔ながらのタグな故、tableタグで組むと崩れが起きづらい 組みやすいレイアウトがある CSSでは組みのが大変な組み方を簡単に実現できる。 例えば縦横中央寄せなど。

  • wordpressの有料テーマ 日本 VS 海外を調べてみた

    サイトを作成しているといずれは考える有料テーマ。 とりあえず日本のテーマに偏ってしまいそうですが、海外のテーマの方が優秀なのは考えずともわかります。 なので、日本手製テーマと海外テーマを調べてみました。 日本 THE THOR 大人気のテーマ。圧倒的にSEOに強く、欲しい機能が詰まったテーマ。 迷っているならとりあえず選択しておけば間違いない。 JIN こちらも人気。 個人ブログ向けで、可愛くて親

  • wordpressの有料テーマ 日本 VS 海外を調べてみた

    サイトを作成しているといずれは考える有料テーマ。 とりあえず日本のテーマに偏ってしまいそうですが、海外のテーマの方が優秀なのは考えずともわかります。 なので、日本手製テーマと海外テーマを調べてみました。 日本 THE THOR 大人気のテーマ。圧倒的にSEOに強く、欲しい機能が詰まったテーマ。 迷っているならとりあえず選択しておけば間違いない。 海外 Genesis Framework Avada

  • googleアナリティクスで読み込んでる各種jsファイルについて

    ga.js 第2世代のトラッキング用javascript。 analytics.js 第4世代のトラッキング用javascript。 javascriptを読み込んだ後、トラッキングコードを読み込み、送信することで計測できるようにする。 gtag/js?id=AW-YYYYYYYYY Google 広告でリマケタグを取得する。 UAは通常の計測、AWを広告計測。 conversion_async.

  • googleアナリティクスで読み込んでる各種jsファイルについて

    analytics.js ユーザーとウェブサイトの接点を測定する JavaScript ライブラリ(第4世代) javascriptを読み込んだ後、トラッキングコードを読み込み、送信することで計測できるようにする。 gtag/js?id=AW-YYYYYYYYY Google 広告でリマケタグを取得する。 UAは通常の計測、AWを広告計測。 conversion_async.js サイトでコンバー

  • Googleアナリティクストラッキングコード 第1世代から第五世代までの説明

    トラッキングゴードの世代 Googleアナリティクスができてから埋め込むトラッキングコードは多々変わってきました、 ページに埋め込まれているコードを確認すると、どの世代のものが利用されているかわかります。 埋め込んでいるものを間違えると、正しく計測ができないので要注意です。 第1世代:urchin.js 第2世代:ga.js 第3世代:非同期トラッキングコード 第4世代:ユニバーサルアナリティクス

  • Q. querySelectorAllでaddEventListenerが動かない

    Uncaught TypeError: document.querySelectorAll(...).addEventListener is not a function jqueryだとfindで検索した結果に対してイベントリスナーの設定ができたが、javascriptではエラーになる。 querySelectorならできるが、やりたいのはそれではない。 jqueryでできる理由は、jquery

  • jQueryのバブリング preventDefault()とstopPropagation() の使い方

    バブリングとは クリックイベントなどで、子要素から親要素へと伝搬されること。 これによって不要なイベントが繰り返されて、不具合が発生することがあるため、伝搬を停止したいケースがあります。 ただ、その伝搬の停止の方法で思い浮かぶものとして2つあるため、これらの違いについて説明します。 preventDefault() その要素のイベントをキャンセルする。 stopPropagation() 親要素へ

  • 「CSS Modules」or「Scoped CSS」or「Styled Component」

    BEMやMCSS、SMACSSとかはもう古い。 といっても、正直まだあまり理解指定ない。とりあえずStyled Componentが今人気ということは聞いた。 そしてどれもvueやreactで利用する。 CSS Modules vue ファイルで と記載。 装飾したい対象に :class="$style.class_name" とclass名を記載。 class="c

  • 「CSS Modules」or「Scoped CSS」or「Styled Component」

    BEMやMCSS、SMACSSとかはもう古い。 といっても、正直まだあまり理解指定ない。とりあえずStyled Componentが今人気ということは聞いた。 そしてどれもvueやreactで利用する。 CSS Modules vue ファイルで と記載。 装飾したい対象に :class="$style.class_name" とclass名を記載。 class="c

  • コーディング時によく使うツール一覧 –

    私がコーディング時によく使うツールを紹介します。 もし「こんなツールもあってよく使っているよ。」というのがあれば教えてください! autoprefixer nodeでautoprefixerを使っていたが、node.jsを使わないケースでこれを使いたいと感じて探したらツールも提供していた。 指定したバージョンに対応したCSSを出力してくれる便利ツール。 サポートしているブラウザやOSの設定値を入れ

  • node.jsのインストール方法

    Homebrew インストール /usr/bin/ruby -e "$(curl -fsSL " Nodebrewインストール brew install nodebrew 環境パス echo 'export PATH=$PATH:$HOME/.nodebrew/current/bin' >> ~/.bash_profile 無かったら作る mkd

  • KA法とは?ユーザーインタビューの結果をうまく使うために

    KA法とは ユーザー調査から得られた定性データから、本質的なニーズや価値を導き出すための手法 紀文食品の浅田和実氏が食品の新商品開発のために開発したとのこと。初めて知りました。 目的 価値の全体像を把握し、関係者間で共有できる。 具体的にここから何かが生まれるというよりも、現状を把握するためのツール。 手順 1. 定性インタビューでユーザの声を集める 2. ユーザの声から出来事を書き出す 3. 出

  • KA法とは?ユーザーインタビューの結果をうまく使うために

    KA法とは ユーザー調査から得られた定性データから、本質的なニーズや価値を導き出すための手法 紀文食品の浅田和実氏が食品の新商品開発のために開発したとのこと。初めて知りました。 目的 価値の全体像を把握し、関係者間で共有できる。 具体的にここから何かが生まれるというよりも、現状を把握するためのツール。 手順 1. 定性インタビューでユーザの声を集める 2. ユーザの声から出来事を書き出す 3. 出

  • 人気サービスのfont-familyを調べてみた

    新しくサイトを作る際に検討するものの1つ。 それは「font-family」。要はフォントに何を選ぶか。 参考に人気サービス各社のcssを調べてみました。 note 今ずともしてたブログサービスのnote。読みやすい文章を意識されているはず。 font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino

  • 人気サービスのfont-familyを調べてみた

    新しくサイトを作る際に検討するものの1つ。 それは「font-family」。要はフォントに何を選ぶか。 参考に人気サービス各社のcssを調べてみました。 note 今ずともしてたブログサービスのnote。読みやすい文章を意識されているはず。 font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino

  • *2019年版* おすすめと非推奨のリセットCSSまとめ

    とか、毎年言ってる気がする・・・ 毎回新規サイトを作成するとき、コーディングルールを考えるとき、などなどで絶対に考えるreset.css。 決定版が欲しいところ。 実際、毎年大きな差分もなく、古いブラウザの最適化がされているくらい。正直どれでも良かったりする。 色々あるけど結局どれを使えばいいかわからないので、推奨と非推奨で分けました。理由は個人的感覚。 おすすめ HTML5 Doctor Res

  • Googleアナリティクスレポートの使い方

    レポートについてまとめてみました。 リアルタイム 名前の通り、現在リアルタイムにどんなユーザーがきているか知ることができます。 地域 名前の通り、地域別のデータ トラフィック どこからどこのページにきているかを把握 コンテンツ どこのページに現在アクセスされているか イベント どのイベントアクションが実行されているか コンバージョン 目標を達成したユーザについて オーディエンス PV、UU、直帰率

  • Javascriptの自作ライブラリを作る前に調べること

    業務でJavascriptの自作ライブラリを作ることって結構あります。 ES6で、webpackやBabelでbuildしてとか・・・では無いので1ファイルのjsで綺麗に作る必要があります。 なかなか書籍をみてもそこまで書かれているものは無いので、皆さんの考えを調べてみました。 自作ライブラリの作り方 JSライブラリの作成のコツが書いてあります。 オブジェクト指向、function、this、pr

  • WordPressにくるスパムコメントを排除する方法

    毎日のように英語でスパムコメントが来る。 初めのうちはスパム扱いでフィルタ設定をしていたが、それも面倒になる。 なので、そのうち無視するようになる。 しかしやはり来るコメントは気になる。なのでプラグインで対処をすることにした。 throws spam away 日本語の無いコメントをスパッと削除。ごめんなさい英語圏の方々・・・ 将来的には別の方法を検討しますが、一旦こちらを導入します😢

  • WordPressにくるスパムコメントを排除する方法

    毎日のように英語でスパムコメントが来る。 初めのうちはスパム扱いでフィルタ設定をしていたが、それも面倒になる。 なので、そのうち無視するようになる。 しかしやはり来るコメントは気になる。なのでプラグインで対処をすることにした。 throws spam away 日本語の無いコメントをスパッと削除。ごめんなさい英語圏の方々・・・ 将来的には別の方法を検討しますが、一旦こちらを導入します😢

  • ボタンかテキストリンクかそれ以外か。使い分けは?

    個人的な見解として話します。 正しい答えを持っている人、コメントください。 ボタン データを送信するもの -> submit 別のオブジェクトを変化させるもの -> expand テキストリンク 現在のウィンドウからカーソルを移動するもの ページ遷移 ページ内リンク 曖昧 現在のウィンドウからカーソルを移動するもの その2 モーダル

  • ボタンかテキストリンクかそれ以外か。使い分けは?

    個人的な見解として話します。 正しい答えを持っている人、コメントください。 ボタン データを送信するもの -> submit 別のオブジェクトを変化させるもの -> expand テキストリンク 現在のウィンドウからカーソルを移動するもの ページ遷移 ページ内リンク 曖昧 現在のウィンドウからカーソルを移動するもの その2 モーダル

カテゴリー一覧
商用