クモのようにコツコツと

フロントエンドエンジニアイイダリョウの技術ブログ。略称「クモコツ」

PHPの基本を理解するためにJSと比較する

PHP JS

「サーバサイドの中でのWordPressの位置付け」で書いたようにPHP*1はサーバサイドのプログラミング言語です。現在、CMSの定番となっているWordPressはPHPで作られています。 WordPressのコードは「PHP書式」とWordPress独自の「テンプレートタグ」で構成され…

サーバサイドの中でのWordPressの位置付け

PHP WordPress

WordPressは無料のCMS（コンテンツ・マネジメント・システム）です。 CMSはページの構造（仕組み）とコンテンツ（内容）が分離されており、ブラウザの管理画面でブログのように記事を更新できます。また、様々な開発者が作成したテーマ（デザインテンプレー…

CSSのcolumns（段組）でPCとスマホの読みやすさを統一

CSS

Pocketの「デジタル積ん読」を消化する日々。状況によってスマホだったりPCだったり。で、スマホ読書に慣れてくると、だんだんPC表示の一行が長く感じて辛みがある。。そうだ、CSSのcolumns（段組）でPCとスマホの一行あたりの文字数を統一してみよう！と…

【卒jQueryへの道】生JSとライブラリとフレームワークの理解

JS jQuery

JavaScript Advent Calendar 2017 - Qiitaの第5日目です。「こいつ、動くぞ！*1」自分の作ったものが動く！この喜びをいち早く体験させてくれたjQuery。だが、HTML→CSS→jQueryという道を辿った方が「次」のステップに進むときに感じる「壁」があります。そ…

【JSの基本-後編】書ける前に読む！HTML、CSS、JSの書式-5

JS

Webサイトを形作っている言語「HTML」「CSS」「JS」。この3言語を身につけるためには、まずはフワッとでもコード*1を読めるようになることが先決と思う。人のコードを読める（インプット）と、自分でゼロから書く（アウトプット）ときの引き出しになる。書…

【JSの基本-前編】書ける前に読む！HTML、CSS、JSの書式-4

JS

Webサイトを形作っている言語「HTML」「CSS」「JS」。この3言語を身につけるためには、まずはフワッとでもコード*1を読めるようになることが先決と思う。人のコードを読める（インプット）と、自分でゼロから書く（アウトプット）ときの引き出しになる。書…

【CSSの基本】書ける前に読む！HTML、CSS、JSの書式-3

CSS

Webサイトを形作っている言語「HTML」「CSS」「JS」。この3言語を身につけるためには、まずはフワッとでもコード*1を読めるようになることが先決と思う。人のコードを読める（インプット）と、自分でゼロから書く（アウトプット）ときの引き出しになる。書…

【HTMLの基本】書ける前に読む！HTML、CSS、JSの書式-2

HTML

Webサイトを形作っている言語「HTML」「CSS」「JS」。この3言語を身につけるためには、まずはフワッとでもコード*1を読めるようになることが先決と思う。人のコードを読める（インプット）と、自分でゼロから書く（アウトプット）ときの引き出しになる。書…

【Webの基礎知識】書ける前に読む！HTML、CSS、JSの書式-1

CSS HTML JS

Webサイトを形作っている言語「HTML」「CSS」「JS」。この3言語を身につけるためには、まずはフワッとでもコード*1を読めるようになることが先決と思う。人のコードを読める（インプット）と、自分でゼロから書く（アウトプット）ときの引き出しになる。書…

list-styleが表示されない！原因はdisplayにあった！6年前の知恵袋に救われた話

CSS

ある日、リストに数字を表示したい時があった。 OKOK、そんな時はリストをul要素ではなくol要素にすればいいのよね。打ち替えてみたが、あれ？表示ない。試行錯誤の結果、6年前のYahoo知恵袋のとある回答によってようやく表示することができた！という話。