テキストのすき間問題。見て見ぬふりしてきたシリーズの1つです。 vertical-align も気になっているのですが、今回は line-height を見つめ直す機会があったのでおさらいします。 まずこちらの記事を読んで「なるほど」と理解してから考えます。 【CSS】line…
ごく稀に正規表現を書くことがあり、その度に正規表現の書き方を調べています。 時間のないときはお手上げです...。 そんな時にこちらのツールを教えていただきました! 正規表現チェッカー | WEB ARCH LABO 次回以降、こちらのツールの使い方を思い出せるよ…
npmのプログラム(パッケージ)をインストールしても、コマンドを叩いてうまくいかないことがあります。 うまくいかなかったケース 私がハマってしまったのは、ProgateのNode.jsの「Expressのアプリケーションを作成しよう」というコラムを実践していたとき…
先日WordPressでプラグイン「ContactForm7 」と「WP Mail SMTP」を使ったメールフォームを作りました。 「WP Mail SMTP」には送信元アドレスやメーラー、SMTP ホストなどを設定できますが、このプラグインを使わなくても「ContactForm7 」でメールフォームを…
調べてその場で納得して終わりのケースが多いcss。いつでも振り返られるようにメモしました。 floatの解除に display: flow-root 【2017年最新】clearfix一番短い書き方は親要素にdisplay:flow-root;を書き加えるだけ - 自動化厨のプログラミングメモブログ│…
ソースマップの記事を書いていたら「コンパイル」が気になってしまいました。 scss→cssはコンパイルなの? 過去の記事でも混乱していました(笑) 調べているとコンパイラ言語からプログラムの実行をする過程の中でコンパイルが出てくるので図にしました。 …
W3CのMarkup Validation Service(マークアップバリデーションサービス)でウェブページを確認する機会がありました。 これって警告・エラーなんだ!という新しい発見がありましたのでメモします。 ※2020年7月現在の内容です。 コメントの中にハイフン2つが…
今回のエラーは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>…
JavaScript第一号の記事です。 JavaScriptを飛ばしてJSONの記事はあります。 こんな動きを実装しました!と堂々と記事にする以前の段階なので、そうなれるようにがんばります。 下積み記事第一弾はコールバック関数です。 やりたいことがあっても、うまくい…
WordPressインストール時にまたしてもつまづいたのでメモです。 (こちらにもつまづいた事例を書きました) WordPressをサーバーに入れて、インストールしようとアクセスすると、phpのエラーが出ました。 require がうまくできない、といったエラーでした。 …
その1の続きです。 ※忘れそうになりますが、これはProgateをやってメモしたい部分をまとめた記事です。 return array() という書き方 はじめ何に違和感を覚えたかというと、それが関数の中ではなく、return array() の配列のみ書かれたファイルだったという…
ProgeteでPHPをやっています。 これまで断片的に調べながら書いていたので、体系的に学習することは、とても効率的だと実感しています。 特にPHPでもWordPressから入った身としては、オブジェクトやクラスなどを意識することなく、世にたくさんある参考サイ…
ついにこのときが来ました。 ずっとよく分からないままモヤモヤしていたjson。 分かったつもりでいてもどこか腑に落ちていなかったjson。 あまり肩肘張らずに整理していきます。 JSON(JavaScript Object Notation)とは 【IoT用語集】JSONとは? XMLなどと…
Visual Stusdio Code(以下VS Code)でGitを使えるようになりたい、Atom + SourceTree から卒業しよう!ということでVS CodeでGitについて調べたものの、分からないことだらけだったのでGit(GitHub)についてイチから学習しようと思いました。 Visual Studi…
エディタはAtomを使っていましたが、最近プロジェクト内のファイル名を変えたり、プラグインを使ったFTPアップロードをしようとすると落ちることが多々。 そこでお勧めいただいたVisual Stusdio Code(以下「VSCode」)に乗り換えを決めました。 Visual Stud…
Gitをしっかり学ぼう、という熱が出てきたので、ProgateでGitのレッスンを受けました。 「Gitの環境構築をしよう!」というコラムでGitHubの使い方が書かれていて、せっかくなので制作中のHugoサイトをGitHubで管理しようと思いました。 サイトに新しくプラ…
Hugoの無料配布されているテーマをインストールして、最初に直したい所が、 フォント でした。 今回インストールしたテーマ「cleanwhite」は、おそらく中国方面の方が作られたようで、いわゆる「中華(中国語)フォント」が使われています。 「記」が気にな…
改行に手こずりました phpファイルにて。 やりたかったことは、文字列の特定の箇所で改行することでした。 $text = "あいうえおかきくけこ" を、ブラウザ上で あいうえお かきくけこ と表示させたいというものです。 改行させるためには改行コード! $text =…
Hugoのサイトを制作する以上、少なくとも知っておいたほうが良いと思い、Progateでレッスンを受けました。(有料会員です!) 学んだときのGo言語の印象をメモします。 PHPとだいたい一緒 phpと文法も似ているように感じました。 ...といっても私はプログラ…
疑似要素の扱いがまだまだな今日このごろです。 こちらのページを元に、ボタンを作りました。 https://www.nxworld.net/tips/10-css-cute-design-good-chemistry-button-design-and-hover-effect.html#anchor09 9 . 背景が枠からズレたボタン このボタンも以…
Hugoでサイトを作っていますが、md(マークダウン)ファイルが出てきます。はてなブログやQiitaで便利に記事が書ける記法、ぐらいにしか分かっていませんでした。 少し詳しく知ろうと思います。 参考サイト https://neos21.hatenablog.com/entry/2018/06/28/…
前回の続きです。 いよいよテスト記事を書きます。 こちらに傚って進めれば簡単そうです。 Hugo で記事を作成する | まくまくHugo/Goノート 1. 記事ファイルを作る 【コマンド】記事ファイルを作る hugo new post/ファイル名.md 【コマンド】記事ファイルを…
cssでグラデーションのボタンを作っていて、hover時にグラデーションを反転させたアニメーションを付けたいと思いました。 background-imageはtransitionでアニメーションできない 知らなかったです。animationでも動かないそうです。 linear-gradient()に数…
前回の続きです。 Hugoをインストールしたてのディレクトリ構造はこのようになっています。 サイトディレクトリ ┗ archetypes ┗ default.md ┗ content ┗ layouts ┗ themes ┗ config.toml ┗ data ┗ static archetypesディレクトリ以外はすべて空のディレクト…
画像アセット。とても便利です。 もっと使いこなせるようになりたいのですが、うまく行かないことがありました。 assetsのフォルダが作られない 画像アセットが生成されないのです。 何度[ファイル]→[生成]→[画像アセット]としてもassetsのフォルダが作られ…
cssでボックスの背景を斜めのストライプ状にしたい場合があります。 背景にグラデーションをかけるlinear-gradient()を使った応用で、ベンダープレフィックスやら書き方がごちゃごちゃしているので、ついつい調べてコードをコピペして終わりにしていることが…
当初ブログ名にも入れていたLaravelですが、一旦置いておいて...。 Hugoでサイトを作ることにしました! その最初の志もすぐに失せてしまうところから、ブログ名も変更です。 そもそも Laravelの本を買った phpに触れる機会が多い という理由でLaravelで、と…
WordPressインストールしたとき、いつもどこかでつまづきます。 今回はWordPressの管理画面、一般設定で「WordPress アドレス (URL)」、「サイトアドレス (URL)」を設定して、サイトアドレスにアクセスしたら403になったときの解決までのお話です。 ディレク…
.htaccessでベーシック認証を設定する時に躓いたので、同じ過ちを犯さないようにメモです。 ID・パスワードを求められるも500のエラー 一見うまく行ったのかと思いましたが.htaccessの設定がだめでした。 参考にさせていただきました。そして引用させていた…