2022-01-01から1年間の記事一覧
車のフロントガラスが凍り、運転前に焦る季節になってまいりました。ふかふかもちもちの布団にくるまり意地でも起きない我が子に靴下を履かせて寝室から追い出す作業が最近の朝イチの仕事です。うんうん、母親やってる感じ。廊下が恐ろしく冷たいので、靴下…
今朝もいつも通り、霧の中を歩いていました。 10m先は真っ白な感じ。気温も0度ちょうど。さむい。 関節こわばらせつつ、いつも通り城に着いてみると30人ほどの行列がありまして。何があるのか関係者らしきオジさまに聞いてみると、 今日11月10日は松本城の日…
仕事でコーディングしててメモをしておきたいことを、いくつかnoteに書いていたのですが、はてなブログに引っ越してみました。 使ったツール(非公式)はこちら↓ yuiga.dev MovableType形式で書き出してくれるので、DLしたtxtファイルをインポートするだけで…
フロントガラスにとうとう氷が。
人生で初めてガレットを食べました。 https://instagram.com/creperie_monkava?igshid=YmMyMTA2M2Y= ペラッペラなので小腹を満たす程度かと思いきや、かなーーりお腹いっぱいになる料理で✨キノコとかぼちゃの秋レシピ、チーズの具合も程よくとっても美味しか…
今シーズン2度目の北アルプスの冠雪。昨日は一日中雲がかかってたので広範囲でお積もり遊ばれたようです。寒い。 見切れている右の方にある山脈が芸術的な見た目をしているので、いつか綺麗に撮ってみたい⛄️撮影技術も場所もなかなか無く…まさにこの方の描く…
濃厚豚骨ラーメンとんずら に行きました。 ラーメン屋さん自体とても久しぶり お店オススメの黒いラーメンを注文。 ニンニクがよく効いたガッツリしつつも丸みのあるお味。 旦那が注文した赤いラーメンは酸味と辛みがありました。 私は黒の方が好き。ニンニ…
秋をすっ飛ばして冬が始まった気がしなくもない今日この頃。 昨日から吐く息が白くなりました:(((´◦ω◦`))):
買いました。 黒とか原色の赤とか青とか見かけなかったので圧迫感あるし、欲しいけど買いたくない、が続いていたのですが 大好きな みどり が ! (優しいやつ)(ピンクも可愛くて悩ましかった) 「大人可愛い」 スエード調 ゲーミングチェア 4Dアームレス…
人馴れしてるので、堀の縁に近寄るだけで寄ってくるコイたち。 指を入れたくなるセクシーなお口がたまらんですな。
在宅勤務の運動不足解消のため城まで散歩をしてます。 金運上がりそうなゴールデン鯉氏。 黒鷺城も見てるだけで元気もらえる*.+゚ℳ𝑦.パワースポット*.+゚ いい事ありますよう🙏🏻✨
<ul> <li>1</li> <li>2</li> ← これと <li>3</li> ← これと <li>4</li> ← これ <li>5</li> </ul>真ん中のアイテムだけ見た目を変えたいの!!! というときがスライダーやらページャーを作るときによくあって クラスをつけるのもなんだかなぁというときに使えるCSS技。nth-of-typeを複数設定/* 2番目から5番目の要素…
vueを使って、フワッと要素を切替表示したいと思います。 こんな感じで↓ソースはこちら↓<transition name="formTxt"> <span v-if="isShown">3日以内に返信いたします。お気軽にお問い合わせください。</span> <span v-else>お問い合わせ、ありがとうございました。</span> </transition>何の変哲もないDOMですが、この状態だとどれだけCSSを調整しても…
どっちがどっち?と確実に毎回悩むこのセット。 パラメータ関連でよく出会います。 Javascriptで片付けちゃうよ!エンコードする(例:「あ」➛「%E3%81%82」)encodeURI( エンコードしたいURI ); https://www.aaa.com/あ ↓ https://www.aaa.com/%E3%81%82予…
var items = { "pen" : 80, "book": 450 };itemsの中にプロパティがいくつあるのかほしい! 数を求めるといえばlengthだ!!!console.log(items.length);➛➛➛ undefined( ◜ω◝ ) アヒンオブジェクトではObject.keys()メソッドを使うObject.keys()にlengthをつけ…
最近なるべくjQueryではなくバニラJSを書くように心がけている私ですこんにちは。 Javascriptって、大体は書いた順に上から処理してくれるイメージですが 実は同時進行タイプ(正しくは非同期言語)なのでちょっと時間のかかる処理を挟むと、他の処理を先に…
const contents = location.pathname.split('/').slice( -2, -1); let itemName = 'リスト'; switch (contents) { case 'title': itemName = 'タイトル'; break; case 'btn': itemName = 'ボタン'; break; ・・・ ・・・ }現在地のディレクトリ名を取得その…
あんまり来ないBootstrap案件がきた。 管理画面作るにはとても便利なBootstrapさん。 今回はCoreUIというテーマを使いました。 これを使うにはnpmでビルドしなければいけないので そのコマンドと作業の流れを忘備録的にメモ。CoreUIをダウンロードこちらから…
開発環境と本番環境ではURLが違うので、本番用にパスを書き換えなきゃいけないのが地味にめんどくさいけど間違えたら致命的な大事な作業。 かんたんにショートコード作っちゃいましょ!ショートコード用.phpを作るオリジナルテーマ使っててfunction.php内が…
案件ごとにgulpのバージョンが違うので、 nodenvを使ってローカルごとにnodeのバージョンを変えています。 gulpのバージョンに合ったnodeを探すために、何度もバージョン切り替えをするわけですが(バージョンのゲシュタルトが崩れてきた) そのときによくこ…
PCの容量に限界が見えてきて掃除を開始。 そういえば、パッケージ版nodeを最初に入れたけど nodenvで管理してるから重複しているのでは・・・? と思い検索してみるとやっぱりパッケージ版は削除しても問題なさそうだったので、その削除手順を残します。パッ…
サーバー立ててテストしたいけどxamppとか使うほどでも・・・ というときのPHPコマンドphp -S localhost:8000これでhttp://localhost:8000/にアクセスできるようになるよ! ただ、簡易サーバーなのでちゃんと開発したいときはxampp使いましょうネ。
はやくIEサポート終了こい!!!の気持ちを全面に出しつつ 手元にEdgeしか無いときに、IEモード表示で開発者ツールが出ないのに困ったので手順を残しておきます。 IE対応はいい加減あきらめてほしいナ♡EdgeをIEモードに変更ブラウザ右上の「・・・」から「設…
環境を整えるにあたって、便利そうな機能をメモ。gulp-plumber コンパイルエラーが出てもgulpを停止させない gulp-notify コンパイルエラーの内容をデスクトップに表示 gulp-sourcemaps 開発者ツールでcssではなくsassの記載位置を表示 gulp-mode 本番環境と…
色を選ぶのが苦手、イラスト載せたいけど描けない、かっこいい写真置きたいのに撮れない。 そんなわたしに優しいサイトをお気に入りがてら載せていきます。色を決めるColor Hunt Color Palettes for Designers and Artists - Color Hunt Discover the newest…
gulpとバージョン相性が合わなくて動かないよ!?のときの対処法。 この記事の続き。↓ gulp走らせてみたらこんなエラーが出ました。ReferenceError: primordials is not definedgulpとnodeのバージョンの相性が悪くて動かないよ!の合図だそうで。 共同作業…
フォーム要素があるページをスマホでみているとき、 入力しようとすると、何も指定していないにもかかわらず 勝手ににゅんっとズームする問題。 見て見ぬ振りをしてきましたが(とくに指摘されたこともなかったし・・・)、どうやらfont-sizeが影響している…
LiveServerが便利すぎて、このために使っていると言っても過言ではないVisualStudioCode。 ローカルサーバーを立ち上げたときにスマホやらiPadやらですぐに確認するために、URLにローカルIPアドレスを表示してもらうための設定方法です。setting.json に下記…
そういえば、web制作用のtwitterアカウント(放置)があったなーと思い noteを更新したら自動でツイートされるような設定をしてみました。 使用するのはIFTTTアプリ。 家電の自動化でもお世話になってます!!1. Createボタンを選択新しく機能を作ります。2. i…
色々と使い勝手良く作られているiPhone。 その便利機能のおかげでtableの一部のセルだけ文字が大きくなり、 !importantすら無視されてしまう問題に出会ったので修正方法をメモ。html { -webkit-text-size-adjust: 100%; }結果から言うと、これで解決。事件詳…