すべての記事
-
ut.code(); 学習カリキュラム #15
今回は、昨今のフロントエンド開発の人気ライブラリ React を用いて開発する手法を学びます。 UI 開発のブレイクスルー ヒトが操作することを想定した UI を開発することには、昔から大きな苦労が付き纏いました。ユーザーはどのような操作を行うか予測できないため、複雑な状態管理が必要だからです。単純なカウンターアプリを作ることを考えてみましょう。 <div id="counter">0</div> <button id="minus">−</button> <button id="reset">リセット</button> <button id="plus">+</button> <scr...
-
ut.code(); 学習カリキュラム #14
前回、JavaScript が ECMAScript(ES と略されることが多いです)をベースとしていることを学習しました。ECMAScript は、バージョン...
-
ut.code(); 学習カリキュラム #13
今回はフロントエンドに戻ります。ここからは比較的新しい開発手法を取り入れていきます。 ブラウザ外で動作する JavaScript これまで私たちが書いてきた...
-
ut.code(); 学習カリキュラム #12
辛い回が続きます・・・もう少しの辛抱です! 環境構築 今回のカリキュラムは、前回の続きで Vultr の VPS 上で curl -fsSL https:...
-
第70回駒場祭で「はじめてのWebプログラミング教室」を出展しました
第 70 回駒場祭は、2019/11/22〜11/24 の3日間で開催されました。本年度の駒場祭は、初日が平日であったことに加え、雨天予報が出ていたため、来場者...
-
ut.code(); 学習カリキュラム #11
今回は重ための内容から入ります。眠くなる時間帯に読まないようにしましょう。 Promise 同期処理と非同期処理 時間の掛かる処理というものがあります。例...
-
ut.code(); 学習カリキュラム #10
クライアントがデータを送信する仕組み 前回の記事で、サーバー上でプログラムを動作させる仕組みを学習しました。しかしながら、前回学習した内容では、サーバーは決ま...
-
ut.code(); 学習カリキュラム #9
環境構築 今回のカリキュラムは、Vultr の VPS 上で curl -fsSL https://raw.githubusercontent.com/ch...
-
ut.code(); 学習カリキュラム #8
久しぶりに楽しい回です。次回からまた辛い部分になってくるので、気合を入れて頑張りましょう! DOM 今までは、document.write 関数を用いて、ブ...
-
ut.code(); 学習カリキュラム #7
前回の記事はだいぶ抽象的な内容が多く辛かったかと思いますが、今回からはまた具体的な内容に入っていきます。 JavaScript の高度な文法 オブジェクト ...
-
ut.code(); 学習カリキュラム #6
JavaScript から始めるオブジェクト指向 注: 以下、オブジェクト指向プログラミングの考え方について解説しています。他の言語ですでに学習済みの場合は読...
-
ut.code(); 学習カリキュラム #5
環境構築 今回のカリキュラムは、前回の続きで Vultr の VPS 上で curl -fsSL https://raw.githubusercontent.com/chelproc/utcode-lectures-setup/master/lamp-on-docker/init.sh | sh が実行されていることを前提としています。すでに実施済みの方は再度実行する必要はありません。 JavaScript から始める異世界プログラミング HTML と CSS を使用することで、Web サイトの構造やデザインができることが分かりました。ここからは Web サイトに動きをつけるための方...
-
ut.code(); 学習カリキュラム #4
今回はデザインです。ある意味 Web 開発の一番楽しいところですね。ある程度までは非常にスムーズに進められるのですが、こだわり始めると途端に面倒になってきます。...
-
ut.code(); 学習カリキュラム #3
今回からお待ちかねプログラミングの時間です!まずはターミナルで curl -fsSL https://raw.githubusercontent.com/ch...
-
ut.code(); 学習カリキュラム #2
黒いアイツ 「ターミナル」と呼ばれるソフトウェアがあります。これは、PC をマウスやタッチパネルではなく、文字によって操作するためのソフトウェアです。 ma...
-
ut.code(); 学習カリキュラム #1
ようこそ!ut.code();へ。 VSCode のインストール Visual Studio Code(以下 VSCode)は、Microsoft のエディ...
-
「エンジニアになろう」講習会第三回・第四回の開催日時・場所
「エンジニアになろう」講習会第三回・第四回を、以下の日程・場所で開講いたします。 なお、第二回の土曜日の講義は、10/19 (土) 2 限に駒場図書館グループ...
-
第一回「エンジニアになろう」講習会土曜日の部を実施しました
土曜日の午前中という時間帯での開催であったのにも関わらず、多くの方にご参加いただくことができました。ありがとうございました。...