マガジンのカバー画像

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

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

#案内

コンピュータシステムの中心にあるのはどんなもの? 〜データベース, PostgreSQL, CRU…

プログラム自学案内の26回目です。今回からはPostgreSQLを使って、データベース技術の案内を始…

2

Webサイトは、情報をどこでどう覚えているのか 〜セッション、クッキー、永続化〜

プログラム自学案内の24回目です。今回は、Webプログラミング特有の概念、セッションとクッキ…

1

サンプルコードで学ぶ、Web2.0の核心技術 〜HTMLフォーム、クエリパラメータ、リクエ…

プログラム自学案内の23回目です。今回は、Webブラウザの画面で入力された情報を、Webサーバで…

Webアプリ開発のオーソドックスな戦術とは 〜Express.js, MVC, Mustache, テンプレー…

プログラム自学案内の22回目です。今回はWeb MVCフレームワークを用いたアプリの基本を紹介し…

2

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

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

3

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

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

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

プログラム自学案内の18回目です。前回まででHTML, CSS, JavaScript の案内が終わりましたので、今回からNode.js を案内します。前回までの記事はこちらです。 イントロ:広がる世界これまで案内した技術、 HTML, CSS, JavaScript は、すべて、Webブラウザへ指示をするための技術でした。 ところが、今回紹介する Node.jsを使うと、「Webブラウザ以外のモノへの指示」が出来るようになります。 これまでWebブラウザ相手にプログラ

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

プログラミング自学案内の15回目です。今回は、if文とそれにまつわる諸々を紹介します。これま…

2

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

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

3

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

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

2

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

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

4

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

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

2

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

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

11

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

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