• 2019年7月2日
  • 2019年7月2日
  • 0件

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

Macにnode.jsが入っていなかったので入れてみました。 目的はNuxt.jsを触るため。Vue.jsは使っていたけど、Nuxtが出てきてから全く触っていなかったので。 Homebrew インストール /usr/bin/ruby -e "$(curl -fsSL https://raw.gith […]

  • 2019年7月1日
  • 2019年7月1日
  • 0件

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

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

  • 2019年6月30日
  • 2020年1月11日
  • 0件

人気サービスのfont-familyを調べてみた【2019年 → 2020年度版】

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

  • 2019年6月29日
  • 2020年1月11日
  • 0件

リセットCSSのおすすめと非推奨【2019年 → 2020年度版】

リセットCSSはブラウザのデフォルトで設定されたCSSを打ち消してブラウザ間の表示を揃えるためのCSSファイル。 新規サイトを作成するとき、コーディングルールを考えるとき、絶対に考えるreset.css。 決定版が欲しいところなのでまとめました。 実際、毎年大きな差分もなく、古いブラウザの最適化がさ […]

  • 2019年6月29日
  • 2019年11月10日
  • 0件

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

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

  • 2019年6月29日
  • 2020年1月11日
  • 0件

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

業務でJavascriptの自作ライブラリを作ることって結構あります。 ES6で、webpackやBabelでbuildしてとか・・・では無いので1ファイルのjsで綺麗に作る必要があります。 なかなか書籍をみてもそこまで書かれているものは無いので、皆さんの考えを調べてみました。 自作ライブラリの作り […]

  • 2019年6月27日
  • 2019年6月29日
  • 0件

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

毎日のように英語でスパムコメントが来る。 初めのうちはスパム扱いでフィルタ設定をしていたが、それも面倒になる。 なので、そのうち無視するようになる。 しかしやはり来るコメントは気になる。なのでプラグインで対処をすることにした。 throws spam away 日本語の無いコメントをスパッと削除。ご […]

  • 2019年6月21日
  • 2019年6月22日
  • 0件

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

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

  • 2019年6月19日
  • 2020年1月11日
  • 0件

コーディングガイドラインまとめ【2019年 → 2020年度版】

新規サービス開発や、古びたシステムを担当した時に毎回調べるHTML, CSS, Javascriptのコーディングガイドライン。こちらをまとめてみました。 Javascript google https://google.github.io/styleguide/javascriptguide.xm […]

  • 2019年6月19日
  • 2019年6月30日
  • 0件

逆引きwordpressでできることリスト

get_the_categoryの取得順を変更する $categoriesArgs = array( 'parent = 0', 'orderby' => 'id', 'order' => 'ASC' ); $categories = get_categories($categories […]

  • 2019年6月15日
  • 2019年6月15日
  • 0件

ping送信でエラーになったもの、成功したもの

ネットの出回っているping送信リスト。実際は結構エラーが出ているのでまとめてみました(随時更新) 成功pingリスト 先に結論、問題ないping送信リストはこちら。(今時http・・・?) http://rpc.pingomatic.com/ https://ping.blogmura.com/x […]

  • 2019年6月15日
  • 2019年10月20日
  • 0件

WordPress Ping Optimizerのインストールとエラーが出た時の対処法

WordPress Ping Optimizerとは 記事を公開した時にはpingを送信して伝えることで、他サイトからユーザに連絡することができる。 SEOとしてなくてはならないもの。 ただ、wordpressのpingは記事を更新するたびに送信していると、googleからスパム扱いされる可能性があ […]

  • 2019年6月15日
  • 2019年11月10日
  • 0件

ブログアクセスアップのためにやることリスト

ping送信 プラグイン WordPress Ping Optimizer wordpressのpingは記事を更新するたびに送信し、googleからスパム扱いされる可能性があるらしい それの回避。Pingの送信は記事の公開時に一度しか行われない。 良いことなのだろうか・・・ Ping送信先は使われ […]

  • 2019年6月7日
  • 2019年6月29日
  • 0件

CSS Modulesとは?

大規模化するCSSの問題点 Christopherは以下をあげています。 1. グローバルネームスペース  -> スタイルはグローバルスコープなので、全てに影響がある。JSでグローバル変数は懸念されるのにCSSは許容されている。 2. 依存性  -> ネストすることによるスコープ。パフォ […]

  • 2019年6月4日
  • 2019年6月29日
  • 0件

Javascriptのユニットテストに必要なライブラリまとめ

オールインワン ライブラリ Jest facebook製 Node.jsで実行される スナップショットのテストができる Jasmin 少し古いイメージ ava babel、power-assertが入っている テストを並列実行でき、軽量で高速 テスティングフレームワーク テスト全体の取りまとめ。これ […]

  • 2019年6月4日
  • 2019年6月29日
  • 0件

TypeScriptってなに?今更聞けない話

AltJS(Altnative JavaScript) TypeScriptなど、Javascriptに変換できる言語をまとめてAltJSという Javascriptとの違い クラスが作れる 型がある どういう時に使うべきか コード量が膨大 Typescript 2012年にマイクロソフトが開発した […]

  • 2019年6月2日
  • 2019年11月10日
  • 0件

javascriptのコメントアウトの記述方法ってまだ必要?

<script><!-- console.log("hogehoge"); --> </script> これってまだ使っている人が多いけど、なぜ使ってるんだっけと改めて確認しました。   なぜ利用していたか   Javascript非対応ブラウザに、コードをそのま […]

  • 2019年6月2日
  • 2019年6月10日
  • 0件

on()とclick()の違い – javascript

どちらもイベントハンドラー設定時に利用するもの。 結論 on()を使うこと。 on() ページロード時の後、動的に追加された要素に対してもイベント付与する。 最近はこちらを利用している傾向がある。なぜ利用するのか。新しいからか。 これ1つで、いろいろなイベントハンドラを設定できる。 一度に複数のイベ […]

  • 2019年5月29日
  • 2019年10月26日
  • 0件

JIRAの「チケット」「コンポーネント」「エピック」をうまく活用してみよう

プロジェクト 一番大きな単位 バックログ とあるボードの課題が多い場合、バックログを利用すると管理しやすい 絞り込みができるので、進行前の多くの課題があるのであれば、バックログに入れると良い。 逆に、数が少ない場合、カンバンボードで管理すると良い。 チケット項目 バージョン リリース単位 タイプ エ […]

  • 2019年5月21日
  • 2019年6月19日
  • 0件

var、let、constの違い

var、let、const、変数宣言で絶対に利用するものですが、意外と把握していないことが多いのでまとめました。 es6対応でどれがどれだったか、いつもわからなくなる方、必見。 var 関数内で宣言したものが、関数外で使える 関数外で宣言したものに、関数内で代入しても、別の変数と認識される js独自 […]

  • 2019年5月18日
  • 2019年6月10日
  • 0件

HTTPをHTTPSにリダイレクトする

.htaccessファイルを編集 RewriteEngine On RewriteCond %{HTTPS} !on RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

  • 2019年5月18日
  • 2019年6月10日
  • 0件

WIXで複数サイトを運営するには?

https://ja.wix.com/ WIX 今まで使ったことがありませんでしたが、CMSの1つで、デザイナーやコーダーではなくても簡単にWEBサイトを作り、公開することができるサービス。 デザインツールを触る感覚で、コーディングがいりません。 こちらのツールで、複数サイトを運営したく調べていまし […]

  • 2019年5月3日
  • 2019年6月10日
  • 0件

swift クラスの説明

UIApplication ウィンドウの制御や、イベント送信をする 1アプリに1インスタンス(シングルトン) viewcontroller生成 storyboard読み込み UIView 画面に領域を追加する UIWindow ユーザからは見えないウィンドウを操作?全てのViewの親 タッチやシェイ […]

  • 2019年5月3日
  • 2019年6月10日
  • 0件

cssのスタイルガイドライブラリ

はじめに CSSのコメントに書く cssが膨大になるのでミニマイズは必要 環境によっては難しい ペラ1ページには向かない 目的 モジュールの一覧化 デザインの一貫性 新モジュールが追加されたらすぐわかる マークアップのルールがわかる 他のコードをパクりやすい スキルや感性に頼らないコーディング 種類 […]

  • 2019年5月3日
  • 2019年6月19日
  • 0件

CSS設計について – OOCSS/BEM/SMACS/MCSS/FLOCSS

過去にまとめたCSS設計についての考えをまとめてみた。 今は、どういった設計をすべきだろうか。 Reactや、vue.jsのように、node.jsを使っていると、ローカルスコープを使ったcssが簡単にかけるので、ほぼこういったルールは気にしなくても問題がなかったりする。 2009年 OOCSS レイ […]

  • 2019年5月3日
  • 2019年6月10日
  • 0件

photoshop逆引き

サンバースト(放射線)書く http://sitebk.com/photoshop/sunburst/ ブラシの追加 ツールからブラシを選択 ブラシの横の▼を押し、ブラシファイルの読み込み 角丸 Rounded Rectangle Radius Resizer のスクリプト グラデーションのセット […]