カテゴリー
プログラミング

プログラミングの挫折「9つの理由」と「3つの原因」とは?

挫折が普通のプログラミングという魔物 「プログラミング」と初めて聞いたとき、どんなハードルの高さを感じたでしょうか? おそらく、 「それなりに難しいことはたくさんあるんだろうけど、コツをつかめばそれなりには出来るようにな […]

カテゴリー
プログラミング

プログラマーに必要な検索力とは?ググる検索テクニック「11選」

プログラミング作業を左右する「検索力」 プログラミングを上達させるのに必要なこと。 それは基礎力を徹底的に固めたり、自分で簡単なサイトを作ることに挑戦するなど、さまざまな方法があります。ベテランエンジニアに質問しても、き […]

カテゴリー
プログラミング

プログラミングで就職できる職業「10の仕事」とは?

プログラミングはどんな職業に就ける? せっかくプログラミングを勉強するのなら、ある程度習得した後に「どんな職業に就職できるのか?」を知っておきたいですよね。 今回は「プログラミング習得後の就職・職業」という観点から、拓け […]

カテゴリー
プログラミング

マーケティングの「3C分析」とは?WEBサイト作りに役立てよう

WEBサイトを作るその前に WEBサイトを作る技術を身につけたら、自分で考えたホームページを作ってみたくなりますよね。 あるいは、友人や知人のサイトを作るケースもあるかもしれません。 しかしそこで自分のイメージのままに手 […]

カテゴリー
プログラミング

CSSの歴史。誕生の背景やLevel別の特長を学ぼう。

CSSの歴史を知る 前記事『マークアップの由来と歴史と役割を解説。HTMLの起源を知ろう』ではマークアップ=HTMLの歴史を学びましたね。 今回はHTMLと双璧をなす「CSS」の歴史について解説していきます。 プログラミ […]

カテゴリー
プログラミング

マークアップの由来と歴史と役割を解説。HTMLの起源を知ろう。

「マークアップ」とは? HTMLを勉強していると目にする言葉「マークアップ」。 このマークアップとは「人が機械に伝えたいこと」を「機械がわかるようにマーキングしていく作業」です。 人間であれば、例えば「半額セール!」と太 […]

カテゴリー
プログラミング

Flexboxで3カラム/1カラムのレスポンシブ。ブレイクポイントの活用。

ブレイクポイントを使ってカラムを切り替えよう 前記事『リストを作るには?ulタグ・olタグ・liタグを使おう。』では「display:inline-block」を使って要素を均等に並べる演習をしましたね。 今回は「Fle […]

カテゴリー
プログラミング

「テーブル(表組み)」の作り方【HTML・CSSコード付き】

テーブル(表組み)を作ろう 今回はWEBコンテンツにおいて利用する機会の多い「テーブル」を作ります。 テーブルとは食事をする机のことでなく、WEB制作においては「表組み」を意味します。 今回の完成形はこちら。 <テ […]

カテゴリー
プログラミング

グローバルナビゲーションの作り方【HTML・CSSコード付き】

グローバルナビを作ろう 今回はグローバルナビこと「グローバルナビゲーション」を作ってみましょう。 グローバルナビゲーションとはWEBサイトのどのページにも表示される共通(=グローバル)メニューのことですね。 今回の完成イ […]

カテゴリー
プログラミング

リストを作るには?ulタグ・olタグ・liタグを使おう。

リストを作ろう 「・」や「番号」でのリスト=箇条書きをHTML/CSSで作ってみましょう。 本日やってみる演習はこちらが完成イメージです。 <本記事で目指す完成のイメージ> マークアップとCSSでリストを作成 […]