-
web
【a-blog】Local by Flywheelの仮想環境にWordPress以外のCMSを入れてみた
【Local by Flywheelって結局のところDockerなんだったら、Wordpress以外に使ってもよくないか?】 Wordpressのテスト環境をめちゃくちゃ簡単に立てられることで世のノンプログラマーなWordpress開発者を喜びで満たしたLocal by Flywheelですが、 Docker f... -
web
【vue.js】単一ファイルコンポーネントってどうやるの?
vue-cliをおためしで使ってみたけど、コンポーネントを.vueに分ける方法が分からない! ということで30分くらい頭をひねったのでメモ。 【サンプルコード】 <template> <div id="hair"> テストコンポーネント </div> </template> ... -
web
【Vue.js】.vueファイルの中にscssを書きたい!
【scssもvueテンプレートの中にかける】 以前、webpackでbackground-imageのパスがおかしくなった話を書きましたが、そもそもこの時はscssを.vueファイルとは別のところで書いて読み込ませていました。 しかし、vue-cliで立ち上げた最初に入っているApp.vu... -
web
【PowerApps】一度保存したアプリ名はどこから変更するの……?
【PowerAppsで作ったアプリの名前が変更できない】 ※これは2018年7月の情報なので、もっと分かりやすいUIになっているかもしれないです。 ものすごい適当な名前にしてしまったPowerAppsアプリ。 まあ、名前はあとからでも変えられるでしょう。 きっと、こ... -
web
【Vue】Vue.jsで簡単SVG操作
svgと言っても、インラインSVGにしないと操作できないようですが、ひとまずコンパイル不要型の書き方で。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue</title> </head> <bo... -
web
【css】マウスオーバーで伸びる下線を、ウィンドウ幅いっぱいに伸ばす
header { overflow-x: hidden;//線が突き抜けないように抑える ul { list-style: none; display: flex; width: 100%; margin: 0; padding: 0; li { margin: 0; padding: 0; width:20%; } } a { display: flex; position: relative; height: 70px; align-it... -
web
【Vue】はじめてのVue.js(×webpack)でbackground-imageのパスがおかしくなった話
【Vue.jsをためしてみる】 ふだん、まったくreactとかvueとかその手のフレームワークも、webpackも(それこそgulpすら)ほとんど使わずに生きてきました。 が、そうはいっても全く使えないのは……ということで。 Vue.jsでポートフォリオサイト制作記という... -
web
【WordPress】contact form 7 add confirmの確認画面を確認画面っぽくするスニペット
input:-webkit-autofill.wpcf7c-conf { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; border: none !important; background: #fff !important; } input:-webkit-autofill.wpcf7c-conf:focus { border: none !important; } .wpcf7c-conf { b... -
web
【Illustrator】写真を書き出しパネルに入れると付く余白の解消法(CC2018)
これは、CC2018の記事です。 CC2020でさらに状況が進展しています! 【Illustrator】クリッピングマスクされた画像のアセット書き出し問題解消!(CC 2020) 【 Illustratorの書き出しパネルに、クリッピングマスクがかかった写真を置くと、元の写真サイズの... -
web
【wordpress】single.phpをカテゴリ分岐する
<?php $post = $wp_query->post; if(in_category('information')){ include(TEMPLATEPATH . '/single-information.php'); } elseif(in_category('event')){ include(TEMPLATEPATH . '/single-event.php'); } elseif(in_category('blog')){ in...