HTML5で追加されたbuttonタグのformaction属性を使えば、JavaScriptを書かずにボタンごとにフォームの送信先URLを切り替えられます。サンプルコードと、formタグにactionが無い場合の書き方も♪
Twitterで話題になった葛飾北斎の富嶽三十六景「凱風快晴」をモチーフにしたパスポートケースを購入して開封レビュー。パスポートの赤を活かした和のデザインで、質感も良くジャストフィット。海外旅行のお供に♪
スピーカー非搭載のPCモニターに合わせて、Amazonで見つけたELEGIANTのUSB接続PCスピーカーを買いました。開封から外観、内容物、接続方法まで。コンパクトで音もクリア、LEDライト付きでコスパ良しです♪
UpdraftPlusのバックアップからWordPressをローカル環境へ丸ごと復元する手順。DBダンプ内のURLを置換し、ローカルにWordPressを立ててプラグインから復元。バージョンアップの検証に♪
iPadの実機で表示しているWebページのレイアウトをMacのSafariの開発者ツールでデバッグする方法。iPad側でWebインスペクタを有効にし、Mac側で開発メニューを表示してUSB接続するだけ。DOMやCSSを直接操作できます♪
FlutterアプリでGoogle Maps PlatformのAPIを使って地図を表示する方法。pubspec.yamlにgoogle_maps_flutterを追加し、AndroidとiOSそれぞれの設定ファイルにAPIキーを追記、main.dartを修正して両OSで動作確認します♪
WordPressで一部のSVG画像だけ「このファイルタイプはセキュリティの観点から許可されていません」とアップロードできない原因は、ファイル先頭にxml宣言が無いこと。1行目に追加すれば解決します♪
Vue-CLI 3系のQuasarでFontAwesomeやMDIのアイコンが表示されない原因は、導入時に選んだアイコンセットしか読み込まれないため。quasar.tsの設定に追記して後から有効にする方法です♪
PWAアプリのインストールダイアログをJavaScriptのbeforeinstallpromptイベントで制御し、ボタンを押したタイミングでインストールできるようにする方法。初回に断られると出なくなるダイアログの代わりに導線を用意します♪
Vue-CLI3のプロジェクトをルート以外のサブディレクトリにデプロイするときのURL設定。vue.config.jsにpublicPathを書くだけです。Vue-CLI2のassetsPublicPathは廃止、baseUrlも非推奨になっています♪
