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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【演習】テキストリンクとボタンリンクをHTML・CSSで作ろう

リンクを作ろう 一般的なWEBサイトには、テキストでクリックできるリンクや、ボタンを押すと他のページに飛べるかたちのリンクがありますね。 あれらのリンクは、<a>タグを使った「ハイパーリンク」によって作られて […]

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

WEBページのレイアウトの「基本4パターン」とは?

WEBページの定番・基本レイアウトは「4つ」 今回の基礎学習は「WEBページのレイアウト」についてです。 学習すると言っても、すでにみなさんはさまざまなWEBサイトを見てきたなかで見覚えのあるものばかりでしょう。 WEB […]

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

レスポンシブWEBデザインとは?定型の見本コードも紹介。

レスポンシブWEBデザインとは? 今回は「レスポンシブWEBデザイン」について学習します。 レスポンシブ(Responsive)とは「応答・反応」という意味。 WEBの世界では「パソコンやスマホ、タブレットなどさまざまな […]