wp-env + VScode で Xdebugを使う
wordpress開発にはXdebugがとても便利だったので紹介。 ブレークポイントを設定して変数の値の変化や、処理の流れを追えるので var_dump($hoge); // スマートじゃない ...
1
1
Comment0
22 search resultsShowing 1~20 results
Stocked
You need to log-in
コマンドラインから大量のpngとjpgを圧縮する
ウェブサイトで画像を使用する時に、 サイズの重い画像を軽量化することはよくあると思います。 TinyPNG でも、このwebサービスでは以下のような問題がありました、 ・web版だとアップロード...
4
5
Comment0
NuxtJSでgenerate時のみmicroCMSのAPIキーを隠す
microCMSが来てるとのことで、 NuxtJS + microCMS で、 Jamstackなサイトを作っていたら気になるツイートが。。 NuxtのJamstack構成においてAPIキーの扱...
6
2
Comment0
NuxtJSで Formrunで作ったフォームがうまく動かない時の対処方
注意 この記事を書いている時の formrunのsdkはバージョン v2.2.0 です。 サービスのアップデートによって仕様が変わる可能性があるので、 ご注意ください。 問題 formrun (...
11
3
Comment4
webpackでモジュール間で共通変数を持ちたい
2020/05/10追記 うまくいかず、、 hoge.jsでの変更が huga.jsに反映されませんでした。 定数の扱いになってしまうみたいで、 huga.jsの glogals.a は、10の...
3
3
Comment0
Gulpのタスクをnpm-scriptsで書き換える
gulpをやめる経緯 は、、 色々なところで書いてあるので、ここでは割愛します。 ここでは、あくまで実コードベースで書き換えるように話を進めます。 ただ、npm-scriptsのみで書き換えるの...
16
16
Comment0
SourceTreeを使った差分抽出、最終版【macOS】
受託案件をやっていると 「差分で納品ファイルください」 と言われることが多いと思いますが、 その時の納品ファイルを一発で作る方法。 私は、GitクライアントソフトにSourceTreeを使ってい...
2
5
Comment0
Nuxt.js で「index.html」以外の「hoge.html」などの出力に対応する
ことの始まり こういうディレクトリ構成はよくありますよね。 私は、全部indexにしてしまいたい派ですが、 リニューアルだと簡単にURLを変えられないのです。 dist/ ├── fruit │...
24
20
Comment0
node.jsでサイトからリスト一覧の画像をダウンロードする
いきさつ とあるwordpress案件で、古いサーバーから記事に使っている画像データを、 ディレクトリ構造を保持したままダウンロードしたかった。 しかし、アクセス権は与えられなかったので、web...
1
1
Comment0
BEMのmodifierでスタイルを切り替える時の書き方
はじめに BEMでこういうよくあるモジュールがあるとする。 <div class="p-hoge"> <div class="p-hoge__photo"> <im...
17
11
Comment0
worpdressのカスタムフィールドを劇的に使いやすくする方法
wordpress構築するときに、好きな場所で好きなカスタムフィールドを好きな回数使う方法です。 例えば、「画像大」「画像小」「テキスト」「youtube」という入力項目を作るとします。 普通に...
0
0
Comment0
メディアクエリの解釈がMac Safariだけ違う
レスポンシブページを作る時に必要なブレイクポイント。 PCとSPでCSSだけでなくJSの処理を分けたいことは多々あります。 そんな時はこう書きますよね。 1.css @media screen ...
7
6
Comment0
pjaxのtips
pjax とは pushstate + Ajax を用いたJQueryプラグイン。 ページの非同期遷移を可能にするのとブラウザに履歴を残せる。 falsandtru defunkt の2つのプラ...
72
67
Comment0
PCとSPが同一URLのサイトのフロント実装のTIPS(pugを使用)
経緯 PCとSPでURLの階層が違うサイトでは問題は起こらないですが、PCとSPで同一URLのサイトを作成する場合、ちょっと開発環境でつまづきました。 これは実装者、そしてクライアントへのプレビ...
1
1
Comment0
mac買ってきてから作業入れるようにするまでの設定(メモ)
次セットアップするとき何も考えずにやりたいのでメモ MacBook Pro Retina, 15-inch, Mid 2015 core i7 メモリ16GB ストレージ 256GB 初期設定 ...
5
6
Comment0
macでxamppを使用する際にvirtualhostの設定で403が出る
XAMPP 5.6.23 新しくmacを購入して、xamppでバーチャルホストの設定しようと思ったら、 ブラウザで見ても403..403..の連続になってしまった。 色々な記事を見て試したが解決...
4
3
Comment0
jsのクリックイベントをインラインと外部ファイルから同じ要素に指定した場会
案件で以下のようなHTMLがあった。 aタグ毎にカスタムリンク（解析用）のタグ(onclick)を埋め込まなければならない。 だがこちらでも、aタグにclickイベントを仕込んである。普通に書い...
4
3
Comment3
MTを構築する際のやったほうがいい設定
(1).追加したプラグインや、修正したデータの記録をしておく ⇒これが、あるとバージョンアップの作業の際に、楽。設定に漏れが無い。 -------------------------------...
28
26
Comment0
underscore.jsを使って配列を複数の条件でフィルタリング
一覧を複数のタグでフィルタリングしたかったので、 underscore.jsを使ってやってみました。 javascript var list = [ // 色々な女の子のリスト { name: ...
1
2
Comment0
ユーザーエージェント判別 => スマフォリダイレクト
フロント側で、 ユーザーエージェントを判別してスマフォはリダイレクトさせるというのはよくあるが、 (1). 色々な端末が増えてきてユーザーエージェントの判別で漏れが発生する。 下記みたいなやつだ...
13
13
Comment0
22 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles