gulpを使うようになって設定するものの1つとして「ファイルアップロード」があります。 具体的には「vinyl-ftp」というプラグインを使っています。 vinyl-ftp - npm 最新の更新も4年前（2021年10月現在）と、更新が滞っているプラグインですが、FTPクライア…

Hugoサイトのカスタマイズと同時進行でphpの勉強をしたいと思っています。 いよいよ手元にあるLaravelの本でサイトを作ろう（原点回帰）！としたところ、 それよりは基礎です！というお話を頂きました。 ごもっともです。 基本的な知識や一般的な関数・処理…

投稿するコンテンツの場合、アップする画像サイズを統一させられないのが常です。 いろいろな縦横比の画像を画面いっぱいに表示させる方法を模索しています。 wordpressなどでは、リサイズさせた画像を表示させたりするので、あまり頻繁ではありませんが、た…

テキストのすき間問題。見て見ぬふりしてきたシリーズの1つです。 vertical-align も気になっているのですが、今回は line-height を見つめ直す機会があったのでおさらいします。 まずこちらの記事を読んで「なるほど」と理解してから考えます。 【CSS】line…

ごく稀に正規表現を書くことがあり、その度に正規表現の書き方を調べています。 時間のないときはお手上げです...。 そんな時にこちらのツールを教えていただきました！ 正規表現チェッカー | WEB ARCH LABO 次回以降、こちらのツールの使い方を思い出せるよ…

調べてその場で納得して終わりのケースが多いcss。いつでも振り返られるようにメモしました。 floatの解除に display: flow-root 【2017年最新】clearfix一番短い書き方は親要素にdisplay:flow-root;を書き加えるだけ - 自動化厨のプログラミングメモブログ│…

ソースマップの記事を書いていたら「コンパイル」が気になってしまいました。 scss→cssはコンパイルなの？ 過去の記事でも混乱していました（笑） 調べているとコンパイラ言語からプログラムの実行をする過程の中でコンパイルが出てくるので図にしました。 …

今回のエラーはChromeのデベロッパーツールのコンソールエラーを調べていて気になったもののうちの1つです。 （もう一つはCookieのエラーです） DevTools failed to load SourceMap: Could not load content for （Chromeの拡張機能のjsのソースマップ）: HT…

Chromeのデベロッパーツールの「Console」で出てくる黄色のエラー（警告）に対処したのでメモします。 Cookieのエラー A cookie associated with a cross-site resource at <URL> was set without the `SameSite` attribute. A future release of Chrome will onl</url>…

WordPressインストール時にまたしてもつまづいたのでメモです。 （こちらにもつまづいた事例を書きました） WordPressをサーバーに入れて、インストールしようとアクセスすると、phpのエラーが出ました。 require がうまくできない、といったエラーでした。 …

その1の続きです。 ※忘れそうになりますが、これはProgateをやってメモしたい部分をまとめた記事です。 return array() という書き方 はじめ何に違和感を覚えたかというと、それが関数の中ではなく、return array() の配列のみ書かれたファイルだったという…

ProgeteでPHPをやっています。 これまで断片的に調べながら書いていたので、体系的に学習することは、とても効率的だと実感しています。 特にPHPでもWordPressから入った身としては、オブジェクトやクラスなどを意識することなく、世にたくさんある参考サイ…

改行に手こずりました phpファイルにて。 やりたかったことは、文字列の特定の箇所で改行することでした。 $text = "あいうえおかきくけこ" を、ブラウザ上で あいうえお かきくけこ と表示させたいというものです。 改行させるためには改行コード！ $text =…

疑似要素の扱いがまだまだな今日このごろです。 こちらのページを元に、ボタンを作りました。 https://www.nxworld.net/tips/10-css-cute-design-good-chemistry-button-design-and-hover-effect.html#anchor09 9 . 背景が枠からズレたボタン このボタンも以…

cssでグラデーションのボタンを作っていて、hover時にグラデーションを反転させたアニメーションを付けたいと思いました。 background-imageはtransitionでアニメーションできない 知らなかったです。animationでも動かないそうです。 linear-gradient()に数…

画像アセット。とても便利です。 もっと使いこなせるようになりたいのですが、うまく行かないことがありました。 assetsのフォルダが作られない 画像アセットが生成されないのです。 何度[ファイル]→[生成]→[画像アセット]としてもassetsのフォルダが作られ…

cssでボックスの背景を斜めのストライプ状にしたい場合があります。 背景にグラデーションをかけるlinear-gradient()を使った応用で、ベンダープレフィックスやら書き方がごちゃごちゃしているので、ついつい調べてコードをコピペして終わりにしていることが…

WordPressインストールしたとき、いつもどこかでつまづきます。 今回はWordPressの管理画面、一般設定で「WordPress アドレス (URL)」、「サイトアドレス (URL)」を設定して、サイトアドレスにアクセスしたら403になったときの解決までのお話です。 ディレク…

.htaccessでベーシック認証を設定する時に躓いたので、同じ過ちを犯さないようにメモです。 ID・パスワードを求められるも500のエラー 一見うまく行ったのかと思いましたが.htaccessの設定がだめでした。 参考にさせていただきました。そして引用させていた…