かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

Mac OSX High Sierra 開発環境セットアップのメモ (4) MySQL 8.0

1. MySQLのインストール HomebrewでMySQLをインストールする $ brew install mysql $ mysql --version mysql Ver 8.0.11 for osx10.13 on x86_64 (Homebrew) v8.011がインストールされました。 2. MySQLの環境設定 MySQLの起動 $ mysql.server start rootユ…

Mac OSX High Sierra 開発環境セットアップのメモ (3) Python

Pythonをインストールしてみました。 pyenvのインストール Rubyで言うところのrbenv、バージョン管理のパッケージをhomebrewでインストールします $ brew install pyenv pyenvのパスを通す ~/.bashrcに下記を記述して保存 export PATH="$HOME/.pyenv/shims:$…

Mac OSX High Sierra 開発環境セットアップのメモ (2) node.js

CSSプリプロセッサやタスクランナーなどフロントを触るにはnode.jsは必須になっているのでnodeが使える環境のセットアップも必須になってる感じです。 1. nodebrewのインストール node.jsのバージョン管理をするnodebrewをインストールします。 お好みの方法…

node.js Express でHTMLとか確認できる簡単なローカルサーバー作ってみた

WEBサイトの制作のときならgulpでサーバー起動してCSS・JSを本番と同じようにコンパイルして確認するのが良いのですが、実験や学習用にでわざわざコンパイルまでしなくていいローカル環境が欲しかったのでexpressで作ってみました。 インストール $ npm inst…

Gulp 4 gulp.seriesとgulp.parallel

gulp v4 で追加されたgulp.seriesとgulp.parallelを試してみた gulp.series(...tasks) ... 順番に実行する gulp.parallel(...tasks) ... 並列に実行をする GitHubのサンプル gulp.task('one', function(done) { // do stuff done(); }); gulp.task('two', fu…

Gulp v4 移行メモ

Gulp v4になってv3の書き方だとエラーになるケースがあったので移行したときのメモ gulp.series と gulp.parallel gulp v4で追加されたメソッド added gulp.series and gulp.parallel methods for composing tasks. Everything must use these now. gulp.ser…

Gulp ディレクトリ構造を保ったままリネームしたい

ニッチ過ぎて一体どこに需要があるのか謎すぎるのですが、gulpでディレクトリ構造を保ったままリネームして出力する方法を試していたのでメモです。 stylusで試してますがpugやsass、jsファイルでも同じかと思います。 renameしない場合、パスの/**/の部分の…

Gulp Stylusでautoprefixerを使うメモ

nibだけだと今は不要になってるベンダープレフィックスも出力してしまうのでautoprefixerを使って対象ブラウザをコントロールするメモ node: v9.6.1 npm: v6.1.0 gulp@3.9.1 gulp-stylus@2.7.0 gulp-autoprefixer@2.3.1 nib@1.1.2 install $ npm install --s…

Gulp4 gulpコマンドでgulpInst.start.apply(gulpInst, toRun); Cannot read property 'apply' of undefinedで動かなくなった

久々にnpm installしてgulpを動かそうとしたところ $ gulp [08:46:54] Using gulpfile ~/Documents/local/gulpfile.js /.nodebrew/node/v6.9.2/lib/node_modules/gulp/bin/gulp.js:129 gulpInst.start.apply(gulpInst, toRun); ^ TypeError: Cannot read pro…

Pug 出力するコメントに変数を使いたい

pugでHTMLを生成する時、変数をコメントに含めて出力するのに少しハマったのでメモ 変数をコメントに含める方法 - var hello = "world"; | ↓ 又はpugの文字列展開の方法を使って - var hello = "world"; != `` ↓ NG集 - var hello = "world";

Mac OSX High Sierra 開発環境セットアップのメモ (1) git homebrew ssh

新しいMacちゃんの開発環境とかのセットアップのメモ Finder 不可視ファイルの表示 macOS Sierraからはターミナルでコマンドを打ち込まなくてもcommand+shift+.ショートカットをFinderで実行すれば不可視ファイルの表示/非表示が切り替えられるようです macO…

IE HTMLのIE分岐の条件付きコメント <!-- [if IE] -->が効かなくなってた。

表題のとおりです。 画像をレスポンシブで100%表示するのにObject-fitが便利なのですが、IE11ではObject-fitがサポートされてないので、HTMLのIEを判別させる条件付きコメントを使ってIEの時だけ上書きするCSSを読み込ませようとしていました。 Windowsの実…

Microsoft Edge リスト要素の記号が消えないバグ(list-style: none が効かない)にハマる。

Microsoft Edge でCSSでlist-style: noneが指定されているにも関わらず、・や 1. というリスト(ul, ol)の記号が消えないバグに遭遇しました。 調べているとIEでもこの問題はあったようで 問題の発生条件 概ね次のような条件で発生するようです。 ul / ol / l…

Gulp 実行コマンドに独自のオプションを付けて便利にしてみる例

前回minimistを使ってコマンドから実行するjsに変数を渡せるようにしました。 今回は、実際にコマンドのオプションで便利にgulpを使えるようにしてみた実例のメモです。 一つのgulp下に複数のhtmlサイトをディレクトリを区切って置いているイメージで、次の…

Gulp node.js 実行時に変数を渡して処理を分岐させたい

以前 Gulpでタスクを指定して実行することで無理やり処理を分岐させる方法を書いていました。 今回同じような需要が合って調べているとgulp実行時コマンドに直接キーと引数を渡せる素晴らしい方法があったのでメモ。 minimistを使ってコマンドラインから変数…

WACOM Mac ペンタブレットIntuosのペンが反応しなくなった

このAI?が描いた絵を認識して当ててくれるゲームのようなサービスで遊ぼうと思いWacomのペンタブ(Intuos)を繋いだのですが、マッピングが画面の全画面なのに端の方だけになっていたり、ペンを認識してるのにマウスカーソルが動かない(反応しない)状態になっ…

WordPress WP_Query 複数のカスタムフィールドを条件に投稿を取得したい。

WordPressでカスタムフィールドをたくさん作ったサイトとかでは、カスタムフィールドの値を条件にして投稿を取得したいケースが多々あります。 複数のカスタムフィールドの値を条件に投稿を取得する時のメモ。 条件にするカスタムフィールドが1つのとき おさ…

WordPress pre_get_posts・WP_Query 別々の条件で記事を取得したい

WordPressのWP_Queryやpre_get_postsアクション内で投稿を取ってくる時に、一緒にできない複数の条件(複数のSELECT文が必要な条件)で投稿を取得したいような時のメモ。 メインループ外の場合は2回WP_Queryを実行(SQLを発行)してそれぞれ取得したデータの配列…

WordPress サブテーマ テーマの絶対パスを取得したい。

WordPressでテーマのディレクトリの絶対パス取得をする方法のメモ テーマ構成 /themes |- /main-theme | |- functions.php |- /sub-theme | |- functions.php テーマディレクトリまでのパスの取得 get_template_directory テーマのパスを取得するのに get_te…

WordPress マルチサイト ネットワーク管理画面のURLが変?

下記のような構成でWordPressでマルチサイトを設置しました。 サイト構成 /site-root <- サイトのルートのディレクトリ |- .htaccess |- index.php |- /wordpress <- WordPress本体 |- wp-config.php メインサイトの管理画面のURLは example.com/wordpress/w…

WordPress さくらサーバーでマルチサイトにしたらリダイレクトループでサブサイトの管理画面にログインできなかった件

WordPressのマルチサイトを作成する案件があって、さくらのレンタルサーバーにWordPressをインストールしてマルチサイトの設定を行いました。 メインサイトのトップを/にして、ディレクトリ型でマルチサイトをインストールしたまでは良かったのですが、サブ…

WordPress マルチサイト設置のメモ

WordPressでマルチサイトを設置した時のメモ サイト構成 次のような構成で、WordPressの管理画面の設定からサイトが/webrootで表示されるように変更しました。 /webroot |- .htaccess |- index.php |- /wordpress |- wp-config.php マルチサイトの設定 1. wp…

WordPress 子テーマ「親テーマが見つかりません。」になるとき

WordPressで子テーマを作成してインストールしようとしたら 修正が必要なテーマ: 親テーマが見つかりません。「THEME NAME」の親テーマをインストールしてください。 というエラーが表示される時 親テーマの指定はディレクトリ名でなければならない テーマの…

Coincheck 5億2300万NEM(620億円相当)流出事件のメモ

個人的な趣味でタイムライン作ってみるのに調べたのでlogとして 日時 内容 参照 2018 1/2602:57~08:26 CoincheckのウォレットからNEMが数回に渡り不正送金される Coincheckサービスにおける一部機能の停止について | コインチェック株式会社 11:25頃 Coinche…

Apache ローカル環境 400 Bad Request になるとき

ローカル環境を作成してApacheを起動してアクセスしたら次のようなエラーが表示されました。 Bad Request Your browser sent a request that this server could not understand. Additionally, a 400 Bad Request error was encountered while trying to use…

WordPress MySQL 特定のカスタムフィールドの値が存在しない投稿を取得したい。

WordPressのデータベースでは、カスタムフィールドの値は{$pre_fix}postmetaテーブルに登録されます。 postmeta テーブル +------------+---------------------+ | Field | Type | +------------+---------------------+ | meta_id | bigint(20) unsigned | …

PHP if文の条件の判定順

if文の中に&&や||で条件を複数入れた時にどちらから処理されるか、PHPは左からであってると思ったけど、何か右から判定するのが合った気がしたので念のため調べてみました。 次のような関数を作成して、この関数を条件にすれば、出力結果から左右どちらから…

MySQL UNION それぞれのSELECT文で取ってきたデータを、それぞれでソート(ORDER BY)してくっつけたい。

MySQLで別々の条件(SELECT文)で取ってきたデータをそれぞれでソートして結合したい。 という事で、2回SQLを発行して取ってきたデータをマージしてしまえば実現できることなのですが、SQL1回で実現できないかと思い調べていて色々とハマったのでメモ。 テーブ…

iPhone・iPad インターネット共有が出来なくなった時のメモ

出先ではiPadをiPhoneのテザリングで使っているのですが、突然wifiの「インターネット共有」 でテザリングできなくなったの解決するまでに試してみたことのメモ。 1. 再起動 iPhone・iPadをして、iPhoneで「インターネット共有」をONにし、その後 iPad のwif…

JS 表示してるページのURLを取得したりするアレコレのメモ

URLを取得する方法のメモ (※ Chrome / Firefox / Safari で確認しています。) 例えばこんなURL 1. http://example.com/dir/ 2. http://www.example.com/dir/ 3. http://example.com/dir/index.html#section01 4. http://www.example.com/dir/index.html#sect…