JavaScript Swiperの矢印を消さない方法｜スライドの最初と最後では押せない状態で表示する
Swiperでスライドを切り替える前後の矢印ボタンを実装すると、最初のスライドでは「前へ」、最後のスライドでは「次へ」を押せない状態にしたいことがありませんか？デザインカンプでは、押せない矢印を非表示にせずに薄い色で残して「このボタンは押せ...
JavaScript 
JavaScript Swiperのスライドが1枚のときは動かさない｜2枚以上だけ動かす方法
コーポレートサイトをコーディングするとき、商品や強み、お知らせをスライド形式で見せることがありますよね。デザインカンプに複数のカードが並んでいれば、Swiperでそのまま再現すればよさそうです。でも、その中身がお知らせ投稿やカスタム投稿など...
CSS transform: scale()で画像がカクつく・ずれるときの対処法｜rotate(0.001deg)で改善したケース
カードをホバーしたとき、画像がふわっと少し拡大する演出はよく使いますよね。ところが、transform: scale()で拡大しているだけなのに、ホバーを外した直後に画像がわずかにずれたり、動きが滑らかに見えなかったりすることがあります。こ...
旅行 海外旅行に慣れていない親と行くバンコク｜ホテル・移動・観光で工夫したこと
こんにちは、マサトラです。2026年5月、妻と義母の3人でバンコクへ行ってきました。義母にとっては初めてのタイ・バンコク旅行です。海外旅行自体も約20年前にハワイへ行って以来だったため、楽しみな一方で、長時間の移動やバンコクの暑さに疲れてし...
ワーケーション ペニンシュラ・バンコクのグランドデラックススイート宿泊レビュー｜3人旅行とワーケーションに最適
こんにちは、マサトラです。2026年5月、妻と義母の3人でザ・ペニンシュラ・バンコクに3泊しました。今回の旅全体と仕事時間の作り方は、家族旅行と仕事を両立した3泊5日のワーケーション体験記で紹介しています。予約していたのは通常のデラックスル...
ワーケーション 急遽決まったバンコク旅行でワーケーション｜家族旅と仕事を両立できた3泊5日
こんにちは、マサトラです。2025年のバンコクワーケーションに続き、2026年もバンコクでワーケーションをしてきました。ただし、今回は最初からワーケーションを目的に計画した旅ではありません。長年勤めた職場を退職した義母から「自由な時間ができ...
ワーケーション 羽田・バンコク空港ラウンジ体験記｜食事・雰囲気・作業環境をレビュー
空港ラウンジは、旅行者にとって特別な待ち時間の過ごし方です。出発前にゆったり食事を楽しんだり、大きな窓から飛行機を眺めて旅気分を盛り上げたり。さらに、Wi-Fiや電源が整っているため、仕事やちょっとした作業をこなすこともできます。今回は、羽...
ワーケーション バンコクでワーケーションして気づいたこと｜ホテル・移動・持ち物まとめ
バンコクは観光やグルメの魅力が多いだけでなく、ホテルや大型商業施設も数多くあるので「仕事しながら旅行」をするワーケーション先として人気があります。ただし、実際に滞在してみると「ここは準備しておいてよかった」「次はこうしたい」と気づくことがい...
ワーケーション バンコクのホテル4軒を実体験で比較｜ワーケーション・立地・ホテル時間で選ぶ
2025年9月、約1週間のバンコク滞在で4つのホテルに宿泊しました。仕事をする時間も、観光やホテルでゆっくりする時間も欲しかったため、同じ旅のなかでそれぞれの違いをかなりはっきり感じられたと思います。この記事では、次の4軒を仕事・立地・ホテ...
ワーケーション ミレニアム・ヒルトン・バンコク宿泊レビュー｜アイコンサイアム隣接でワーケーションも快適
はじめに2025年9月のバンコクワーケーションの最終宿泊先として選んだのが、ミレニアム・ヒルトン・バンコク (Millennium Hilton Bangkok) です。9月7日から8日の帰国前夜をこのホテルで過ごしました。ペニンシュラやマ...