// TECH LOG

本業は、エンジニア。

ここから先は、まる子パパのもうひとつの顔の話。ふだんは受託開発のエンジニアとして働いています。
AI・Web開発・IT業界のこと、そしてキャンプに直結する電源まわりの技術まで、
仕事場の試行錯誤をここに記録しています。キャンプの写真は1枚も出てきません。

プログラミング

もし雨なら撤収。プログラムの分かれ道、if文

コンピュータに判断をさせる唯一の方法は、分かれ道をあらかじめ書いておくこと。 キャンプ判断…

/tech/398/

JavaScript

送信ボタンの手前で待ち構えている、入力チェックの話

メールアドレスの打ち間違いに即ツッコミが入るあの仕組み。 検問は二段構えになっています。

/tech/366/

プログラミング

関数は、レシピの中の「いつもの下ごしらえ」

毎回書くと長くなる手順に、名前をつけてまとめておく。 プログラムが読みやすくなる、いちばん…

/tech/397/

HTML・CSS

夜のテントにやさしい、ダークモードの仕組み

黒背景に白文字の、あの夜仕様。 切り替えの合図は、実はスマホ側が送っています。

/tech/365/

HTML・CSS

おしゃれな薄いグレーの文字が、誰かを閉め出している

背景と文字の明暗差、コントラストの話。 かっこよさと読みやすさがぶつかったら、僕は読みやす…

/tech/396/

HTML・CSS

JPEGとPNGとWebP、写真の入れ物の使い分け

拡張子の違いは、入れ物の違い。 風景写真とロゴでは、向いている箱が違います。

/tech/364/

HTML・CSS

画像につける、目に見えない説明文の話

alt属性という、普段は表示されない一文。 誰のために書くのかを知ると、Webが少し立体的に見え…

/tech/395/

HTML・CSS

明朝とゴシック、サイトの声色はフォントで決まる

同じ言葉でも、書体が変わると声が変わる。 Webフォントという配達の仕組みの話。

/tech/363/

HTML・CSS

デザインの上手い下手は、余白でだいたい決まる

何かを足すより、間を空ける。 素人っぽさの正体は、要素ではなく余白にあります。

/tech/394/

HTML・CSS

#33544aは何色でしょう。色コードという6桁の読み方

Webの色は、シャープと6桁の英数字で決まっている。 読み方さえ知れば、暗号はただの絵の具にな…

/tech/362/

// CMS

このサイトを動かしているCMS「コンテナ」

オートキャンプライフは、僕が開発に携わっている国産CMS「コンテナ」で動いています。
記事の投稿だけでなく、1,000件を超えるキャンプ場・道の駅のデータベースも、会員機能つきのスタンプラリーも、全部このCMSの上で作りました。
ここに書いている技術の話は、たいていこのCMSを直しながら出てきたものです。

コンテナCMS の紹介を見る

※運営者が開発に携わっているサービスです。このサイト自体が稼働中の実例になっています。