マガジンのカバー画像

勝手に学び始めたい人のための プログラミング自学案内

43
情報にあふれていながら意外と探し出しづらい、プログラミング学習の「入り口」や「糸口」を、案内する記事を連載するマガジンです。 今は右も左も分からないけど、プログラミングに興味が…
運営しているクリエイター

#初心者

無課金で始める、自家製Webサービスのネット公開 〜GitHub, render.com, Git〜

プログラム自学案内の25回目です。今回は、これまで作ったプログラムを、Webサービスとしてネ…

13

聖徳太子のイラストで図解!Webのしくみ 〜HTTP, Server, Client, Request, Response

プログラム自学案内の21回目です。今回はサーバサイドWebプログラミングのサワリを紹介します…

1

巨人の肩の上に登れるかもしれない、プログラム部品の召喚術 〜npm, require, depend…

プログラム自学案内の20回目です。今回はnpmを用いて、Node.jsライブラリの利用方法を紹介しま…

3

キーボードだけでMacやWindowsを操るIT技能の初歩を紹介 〜シェル、ディレクトリ、パ…

プログラム自学案内の19回目です。前回の記事ではNode.jsの使い方のサワリを紹介しました。今…

ブラウザ以外への指示をするプログラミングの始まり 〜Node.js ことはじめ〜

プログラム自学案内の18回目です。前回まででHTML, CSS, JavaScript の案内が終わりましたので…

2

コンピュータから、機械としての威力を引き出すイディオム 〜for-each, 配列, let〜

プログラム自学案内の16回目です。前回は、「条件によって違う振る舞いを起こす」テクニックと…

2

状況に応じて動きを変える、臨機応変なプログラムを作るには 〜if, 真偽値, 比較演算子, 論理演算子〜

プログラミング自学案内の15回目です。今回は、if文とそれにまつわる諸々を紹介します。これまでの記事はこちら。 前回の課題の解答例まずは前回記事の課題の解答例をあげておきます。参考程度に、ご確認ください。 今回のサンプル例によってサンプルコードを示します。まずは、コピペして動かしてみてください。 「渡辺さん:167cm」「渡辺さん:187cm」「おすもうさん:187cm」で試すと、それぞれ、違う結果になるはずです。 index.htmlです。 <!DOCTYPE h

オブジェクトの主成分とは? 構成要素とその取り扱いを教えます 〜文字列, 倍精度浮動…

プログラム自学案内の14回目です。10回目からJavaScriptについて案内していますが、今回は、オ…

3

時代に取り残されたプログラマーだと思われないために 〜ES2015, ES6, var〜

プログラム自学案内の13回目です。10回目からJavaScriptについて案内していますが、今回は、Ja…

2

ポンチ絵で理解するプログラミングの最重要概念 〜オブジェクト、変数、デバッガ〜

プログラム自学案内の12回目です。今回は、オブジェクトと変数の関係を簡単に説明したあと、デ…

4

詳解! ボタン増殖プログラム 〜DOM、イベントハンドラ、関数〜

プログラム自学案内の11回目です。今回は、前回の記事で使ったJavaScriptのコードから、DOMと…

7

画面に動きを与え、画面を自由自在に変化させる魔法 〜JavaScript, Console, エラーロ…

プログラム自学案内の10回目です。前回までの記事ではHTML/CSSを案内しました。今回から、何回…

2

プログラミング自学案内 もくじ(&リクエスト受け付けます)

プログラミング自学案内を連載しました。この記事はその目次です。 心構え(#01)開発環境準…

11

既製品をつかって、画面を手っ取り早くこじゃれた感じにする方法 〜CSSフレームワーク, Bootstrap, Responsive, Grid 〜

プログラム自学案内の9回目です。前回までの記事ではCSSを案内しました。今回はCSSフレームワークの「Bootstrap」を案内します。 CSSフレームワークとは CSSフレームワークとは、端的に言うと既製品のCSSファイルです。今回紹介するBootstrapをはじめとして、多くは無料で使え、これを使うことで手っ取り早くWebページの見栄えをよくすることができるというわけです。 CSSフレームワークでは、決められたclassに対して、あらかじめ見栄えが設定されています(つ