ワーケーション バンコク・マリオット・ホテル・ザ・スリウォン宿泊レビュー｜ルーフトップバーも楽しめるワーケーション
はじめに2025年9月2日～8日のバンコクワーケーションの中で、2番目の滞在先はバンコク・マリオット・ホテル・ザ・スリウォン(Bangkok Marriott Hotel The Surawongse)です。こちらでは9月4日～6日の2泊滞...
ワーケーション 
ワーケーション リバーサイドで優雅にワーケーション！ペニンシュラ・バンコク宿泊レビュー
はじめに2025年9月2日～8日のバンコクワーケーションの中で、最初の滞在先として選んだのはザ・ペニンシュラ・バンコク(The Peninsula Bangkok)です。9月2日～4日の2泊をこちらで過ごすことにしました。高級ホテルとして有...
ワーケーション バンコクでワーケーション1日の過ごし方｜午前は仕事、午後はリフレッシュ、夜は夜景
はじめに2025年9月2日から8日までの間、タイのバンコクで1週間ワーケーションをしてきました。ワーケーションでは1日のスケジュールの中でオンオフをしっかり切り替えることが大事なのですが、今回感じたのは「午前に仕事を片付け、午後は休暇モード...
JavaScript スクロールで数字が増えるカウントアップアニメーション「jquery-numerator.js」
サイト制作をしていると、こんな要望が出てくることがあります。クライアント画面をスクロールしたら、数字がゼロから特定の値まで増えていくアニメーションを付けたいんだけど。どういうことか言うと、採用サイトやコーポレートサイトなどで、何らかの数値を...
CSS 【CSS】三角形の簡単な作り方2種類（borderとclip-path）
Webサイトをコーディングしていると、三角形のデザインをCSSで再現することがありますよね。でも、三角形って地味に作るのが難しい…従来はborderプロパティを使用して三角形を作ることが多かったと思いますが、なぜborderで三角形が作れる...
ライブラリ ScrollHintの使い方｜スマホで横スクロールに気づかせるUIの実装方法
Webサイトをコーディングしているときに、テーブルや横長の画像は、スマホのような画面幅が狭いブラウザで閲覧するときに、縮んでしまってみづらくなったりデザインが崩れてしまうことがありますよね。そんな時は、CSSでoverflow-x: aut...
WordPress 【HTML】静的サイトにお問い合わせフォームを実装する方法【WordPress】
ホームページを制作する場合、お問い合わせフォームを実装することが多いかと思います。WordPressサイトであれば、Contact Form 7やMW WP Formなどのプラグインを使用して、そこまで難しくなくお問い合わせフォームを実装で...
WordPress 【初心者必見】Web制作でお問い合わせフォームを実装する際の注意点【WordPress】
WordPressでお問い合わせフォームを実装するときは、送信できることだけでなく、入力エラー、キーボード操作、メール到達性、迷惑送信対策まで確認する必要があります。Contact Form 7などのフォームプラグインを使う場合にも共通する...
CSS 【CSS】inputタグのボタンに疑似要素などで装飾する2つの方法
Web制作でホームページなどを構築する時、お問い合わせフォームを実装することが多いかと思います。お問い合わせフォームには問い合わせ内容を入力した後にinputタグで送信をボタンを作成することがありますが、このボタンに疑似要素で矢印などの装飾...
CSS 【display:noneはNG】自作ラジオボタン/チェックボックスをTABで操作する
Web制作で、お問い合わせフォームを実装するにあたり、デザインカンプを再現するためにラジオボタンやチェックボックスを自作するケースが多いかと思います。その際、デフォルトのラジオボタンやチェックボックスを「display:none」で非表示に...