// TECH LOG
本業は、エンジニア。
ここから先は、まる子パパのもうひとつの顔の話。ふだんは受託開発のエンジニアとして働いています。
AI・Web開発・IT業界のこと、そしてキャンプに直結する電源まわりの技術まで、
仕事場の試行錯誤をここに記録しています。キャンプの写真は1枚も出てきません。
朝はコードの話、夕方はAI・業界のニュース。どちらも実際に手を動かした範囲だけを書いています。 うまくいった手順より、動くと思って動かなかった一行のほうが多いです。
分類HTML・CSSほかの分類から選ぶ21
配色を変えるたびに、同じ色コードを何十箇所も直していた。CSS変数を知って、その作業がなくなった
サイトのアクセントカラーを一つ変えるだけなのに、CSSファイルを開いて色コードを何十箇所も検…
/tech/599/
スマホでフォームをタップすると画面が勝手に寄る。原因は入力欄の文字の大きさ
入力欄をタップした瞬間にページが拡大して、そのまま戻らない。 iPhoneでよく起きるあの動きに…
/tech/566/
リンクの下線を消すと押されにくくなる。本文の中だけでも標識として残す
文字の色が変わっているだけでは、そこが押せる場所だとは伝わらない。 本文の中のリンクにだけ…
/tech/526/
車の中でスマホから自分のサイトを見て気づいた。ページは幅に合わせて「折り返して」いた
パソコンで直したばかりのページを、キャンプ場の車の中でスマホから開いた。 横に3つ並んでい…
/tech/450/
同じ文章でも、CSSを替えるとサイトは別人になる
HTMLが骨組みなら、CSSは見た目の指示書。 文字の色ひとつで、ページの空気はがらっと変わりま…
/tech/348/
Webページの正体は、ただのテキストファイルだった
このサイトも、世界中のどのサイトも、中身はただのテキスト。 HTMLという札の貼り方を、テント…
/tech/347/
夜のテントにやさしい、ダークモードの仕組み
黒背景に白文字の、あの夜仕様。 切り替えの合図は、実はスマホ側が送っています。
/tech/365/
おしゃれな薄いグレーの文字が、誰かを閉め出している
背景と文字の明暗差、コントラストの話。 かっこよさと読みやすさがぶつかったら、僕は読みやす…
/tech/396/
JPEGとPNGとWebP、写真の入れ物の使い分け
拡張子の違いは、入れ物の違い。 風景写真とロゴでは、向いている箱が違います。
/tech/364/
画像につける、目に見えない説明文の話
alt属性という、普段は表示されない一文。 誰のために書くのかを知ると、Webが少し立体的に見え…
/tech/395/
このサイトを動かしているCMS
稼働中の実例
国産CMS「コンテナ」
オートキャンプライフは、私が開発に携わっている国産CMS「コンテナ」で動いています。 記事の投稿だけでなく、4,223件の泊まれる場所のデータベースも、会員機能つきのスタンプラリーも、全部このCMSの上で作りました。 ここに書いている技術の話は、たいていこのCMSを直しながら出てきたものです。
※運営者が開発に携わっているサービスです。このサイト自体が稼働中の実例になっています。