html&cssTailwindCSSでよく使うクラス11選！（幅・高さ・余白・パディングなど）
TailwindCSSを使って、ガッツリと画面を作成しました。 公式ページを単語で検索すると、リファレンスとして機能してくれます。 実際に使用していく時は下記の公式ページで検索しながら使うことをおすすめします。 (ページ上部の「Qui...
Web
html&css
LaravelLaravelでTailwindCSSを使う方法
LaravelでTailwindCSSを使う方法と実際に導入して、動作確認してみました。 7ステップで設定は完了します。 簡単に使い始めることができるので確認してみてください。 導入方法についてはTailwindCSS公式サイトの下記に...
MarkdownMarkdownで忘れがちなトピックス5つ
Markdown関連で忘れがちな内容をまとめてみました。 Markdownの書き方の一覧については、こちらをご覧ください。 改行はどうする？ Markdownで改行する場合は、行末にスペースを2つ入れます。(下記ではわかりやすく...
MarkdownMarkdownで表を書く方法【実際に書いて検証】
Markdownで忘れがちな表を書く方法について書いています。 それぞれの環境で実際に書いてみて、スクショを載せてみました。 表を書く方法 まず、表を書く方法です。 下記の2つの記号を使って、Markdownの表を作ることができます。 ...
Markdown【Notionが最強？】Markdownが書けるエディタ3選
Markdownが書けるエディタを紹介します。 後述していますが、結論としては個人的にはNotionを使うのが一番いいと思っています。 Typora TyporaはデスクトップでMarkdownを書くためのツールです。 Windows,...
MarkdownMarkdown記法のまとめ・構文一覧【VSCodeで10個の表示確認付き】
Markdownをよく使うことがあるので、構文をまとめてみました。 Markdownを表示する環境によって、使える書き方や違いが出てきます。 Qiita、Github、Backlog、VSCodeなど、それぞれの環境で表示に差異があるみた...
MarkdownMarkdownとは？どこで使えるのか？【4つのサービスを実際に確認】
Markdownとは何なのかということと、どこで使えるのかをまとめてみました。 どこで使えるのかの確認では、実際に書いてみて内容をスクショしてみました。 Markdown(マークダウン)とは？ Wikipediaを確認すると、下記のよう...
wordpressContact Form 7でreCAPTCHAの設定する！
最近スパムメールが凄い勢いで来るので、GoogleのreCAPTCHA(バージョン3)をwordpressのお問い合わせフォームプラグイン(contact form 7)に設定してみました。 reCAPTCHAは2021年1月現在では、バー...
html&csschormeの補完機能で背景色を変えないようにする
chormeの補完機能で背景色を変えないようにする chormeでテキストエリアをクリックすると、補完候補の一覧が出てきますね。 一度入力したデータが再度表示されている、これです。 選択すると、テキストボックスの背景色が水色になっ...
WebさくらvpsからConoHa WINGに移行しました（かんたん移行ツール…)
このブログを運営しているwordpressをさくらvpsからConoHa WINGに移行しました。 その時の手順やConoHa WINGの始め方などをまとめてみました。 移行に至った経緯 さくらvpsのサーバーで使っているCentOS6...
html&cssbootstrap4でflexboxを使うには？
bootstrap4でflexboxを使うには？ 前回cssでflexを使ってみましたが、bootstrap4にはflexを使うためのクラスが用意されているので試してみました。 公式ドキュメントにそって、使いそうなものだけサンプルを書いて...
html&css[css]flexboxの使い方を再確認してまとめる
flexboxを使って、画面を作ることがあったので、 今まで、ググりながらなんとなく使っていたflexのプロパティについてそれぞれ確認してみました。 flexbox？ cssで要素の並び順や位置を自由に指定できるものです。 親要素にdi...