SQLのマニアックな関数まとめ
SQLのマニアックな関数まとめSQLには日常的に使われる一般的な関数だけでなく、マニアックで特殊な関数も存在します。ここではその一部を紹介します。レコード数をランダムに取得する関数RAND()関数を使用してレコード数をランダムに取得できます。これは特にテストやサンプリングの際に便利です。SELECT * FROM your_table ORDERBY RAND() LIMIT 10;...
View Article長年の咳の原因
副鼻腔炎による後鼻漏が原因かもしれない。喉に痰が絡むため咳が出てしまう。喉に痰が絡む原因が後鼻漏。後鼻漏の原因は副鼻腔炎。すなわち咳の原因は副鼻腔炎だった？チクナインを飲んでチクナインの点鼻薬を試して様子見ています。だいぶ良くなってきた気がします。アレルギーではなさそう。
View Articlenuxt-swiperの使い方(次へ・戻るボタン追加) / how to use 'nuxt-swiper' (add next button,prev...
<template><Swiper :slides-per-view="2" :loop="true" :modules="[Navigation]" :navigation="{ nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }"><SwiperSlide v-for="item in...
View Article梅雨バテ？
梅雨入りしました 何だか最近は憂鬱です 梅雨バテ？六月病？ 仕事は忙しくなってきました転職して一年半たちましたいろんな仕事任されるようになって嬉しい 週末はパーソナルジムで筋トレしてますプロテイン美味しい
View Articlescssのネストと複数クラス
ネストの場合<divclass="component"><divclass="items"><divclass="item">アイテム1 </div><divclass="item">アイテム2 </div><divclass="item">アイテム3...
View Article開発中のブランチの特定のファイルをdevelopに戻したい場合(git checkout)
gitコマンド現在のブランチを確認git branch --show-currentdevelop以外の開発中のブランチになっていることを確認例) 開発中のブランチの特定のファイルをdevelopの同じファイルで上書きするgit checkout develop /path/target_folder/target_file.html git checkout [copy元のブランチ名]...
View Article人生に飽きているわけではなくて今が暇なだけ
タイトル通り 人生に飽きているわけではなくて今が暇なだけ人生がつまらないと勘違いしていないか？ただ今時間を持て余して暇なだけなのでは？新しいことに挑戦してみよう。人生は壮大な暇つぶしだ
View Articlenuxt3 vue3でsitemapを追加
nuxtseo.com上記公式ドキュメント参照npx nuxi@latest module add sitemap nuxt.config.tsexport default defineNuxtConfig({ site: { url: 'https://example.com', }, })デプロイコマンドなどで生成可能npm run generate
View Articledocker-compose zsh command not found
docker-compose zsh command not founddocker-compose up is can not usefixyou can usedocker compose upnew version docker is in space
View Article.gitignoreに書くほどでもないとき.git/info/exclude
gitプロジェクトに以下のファイルがすでに作られている（git init実行時に作成される）.git/info/excludecd .git/info open excludeexcludeファイルにgit管理したくないファイルパスを追加すると個人専用の.gitignoreが使える/path/filename
View Articlevue.jsのイベント修飾子まとめ
Vue.js イベント修飾子のまとめVue.jsは、イベント処理を簡素化するための様々な修飾子を提供しています。以下は主要な修飾子の概要です。.sync双方向バインディングを簡単に実装親コンポーネントから子コンポーネントへのプロパティ更新を可能に<child-component...
View Article悩むのは生きている証
人は生きている限り不安や虚無感を感じ何かしらの悩みを持っているこれは誰もが抱えるもの完全に無くすことはできない大事なのは完全に無くそうと頑張るのではなく楽しいことに目を向けることである
View ArticleCSSの単位まとめ：px、%、vw、vh、em、remの違いと使い分け
CSSの単位まとめ：px、%、vw、vh、em、remの違いと使い分けCSSを使ってWebページをスタイリングする際、単位の選択は非常に重要です。適切な単位を選ぶことで、レスポンシブなデザインやユーザー体験を向上させることができます。この記事では、CSSでよく使われるpx、%、vw、vh、em、remの違いと使い分けについて解説します。px...
View ArticleマニアックなCSSの単位まとめ
マニアックなCSSの単位まとめCSSには、多くの開発者があまり使わない、少しマニアックな単位が存在します。しかし、これらの単位を理解し適切に使うことで、デザインやレイアウトの調整に役立つことがあります。今回は、そんなCSSのマニアックな単位をいくつか紹介します。1. ch概要: 現在のフォントにおける "0"（ゼロ）の幅を基準にした長さの単位です。用途:...
View Article夏の終わり
台風が大きな影響を与えました皆さんは無事でしょうかまだ暑い日が続きますので熱中症にお気をつけください暦は9月になり夏の終わりが始まりました私は相変わらず仕事に追われています誰かの役に立ちながらお金をもらうことに充実感を覚えています神経をすり減らしながら大変なお仕事ですやはり自分の好きな仕事だからこそ妥協ができないのです好きな仕事ができることは幸せなことですが最近はヒロアカを１話から見始めました、...
View ArticleVue.jsを使ったアトミックデザイン
以下は、Vue.jsを使ったアトミックデザインについてのブログ記事をMarkdown形式でまとめたものです。Vue.js でアトミックデザインを活用する方法はじめにアトミックデザインは、ウェブ開発において、コンポーネントを小さな単位から組み立てていく設計手法です。この手法は再利用性と一貫性を向上させるために役立ちます。この記事では、Vue.js...
View Articleアトミックデザインについて
アトミックデザインは、2024年の時点でも依然として推奨される設計手法ですが、状況によっては他の手法や考え方と組み合わせて使うことが一般的になっています。アトミックデザインの強みである再利用性、一貫性、保守性は、特に大規模なプロジェクトやデザインシステムを構築する際に非常に有効です。しかし、近年ではアトミックデザインに対する批判や限界も指摘されており、他のアプローチと比較検討することが重要です。アト...
View ArticleRubyのnil?, blank?, present? の違い
Rubyにおける nil?, blank?, present?の違いRubyのコードを書いていると、オブジェクトが「空」であるかどうかを確認するために様々なメソッドを使います。その中でもよく使われるのが nil?, blank?, present?です。これらのメソッドは少し似ていますが、実際には異なる役割を持っています。この記事では、それぞれのメソッドの違いについて詳しく見ていきます。1....
View Article