// TECH LOG
本業は、エンジニア。
ここから先は、まる子パパのもうひとつの顔の話。ふだんは受託開発のエンジニアとして働いています。
AI・Web開発・IT業界のこと、そしてキャンプに直結する電源まわりの技術まで、
仕事場の試行錯誤をここに記録しています。キャンプの写真は1枚も出てきません。
車の中でスマホから自分のサイトを見て気づいた。ページは幅に合わせて「折り返して」いた
パソコンで直したばかりのページを、キャンプ場の車の中でスマホから開いた。 横に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/
明朝とゴシック、サイトの声色はフォントで決まる
同じ言葉でも、書体が変わると声が変わる。 Webフォントという配達の仕組みの話。
/tech/363/
デザインの上手い下手は、余白でだいたい決まる
何かを足すより、間を空ける。 素人っぽさの正体は、要素ではなく余白にあります。
/tech/394/
#33544aは何色でしょう。色コードという6桁の読み方
Webの色は、シャープと6桁の英数字で決まっている。 読み方さえ知れば、暗号はただの絵の具にな…
/tech/362/
// CMS
このサイトを動かしているCMS「コンテナ」
オートキャンプライフは、僕が開発に携わっている国産CMS「コンテナ」で動いています。
記事の投稿だけでなく、1,000件を超えるキャンプ場・道の駅のデータベースも、会員機能つきのスタンプラリーも、全部このCMSの上で作りました。
ここに書いている技術の話は、たいていこのCMSを直しながら出てきたものです。
※運営者が開発に携わっているサービスです。このサイト自体が稼働中の実例になっています。