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