最新の配信

Javascriptにおけるグローバルデータとwindowの関係性と、スコープを意識したローカルデータについての説明をしていきます。

今回でJavascript学習帳の基礎編が最後になりますよ。

# パーソナリティ

ユゲタ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

プログラムコードで書く、書かない、で意見が分かれる「三項演算子」について解説します。

Javascriptの黒歴史から生まれた「use strict」の解説もしちゃいます。

# パーソナリティ

ユゲタ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

プログラムの基本とも言えるclass（クラス）の書き方と、javascriptで扱う時の、import,exportについて解説します。

# パーソナリティ

ユゲタ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

Javascriptで扱うオブジェクトと、JSONオブジェクトについて知識を深めていきます。

# パーソナリティ

ユゲタ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

前回学習した配列に続いて、

連想配列と、多重配列について学習していきます。

# パーソナリティ

ユゲタ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

配列についての書き方や概念などを説明します。

# パーソナリティ

ユゲパパ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

リテラル: 変数や定数の定義フォーマットやプログラムの文章構造）

スコープ: 変数などの適用範囲

上記についてサクっと解説していきます。

# パーソナリティ

ユゲパパ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

Javascriptの関数は、4パターンの書き方があるので、それらを解説しながら紹介します。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

プログラムで重要な関数についての初期学習をします。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

前回の続きの繰り返し処理を行うfor文の続きと、別の書き方をする繰り返し処理のwhile文を学習します。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

繰り返し処理を行うfor文を学習します。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

前回学習した、if文で使う==と===の条件判定について解説します。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠https://amzn.to/44LUBkG

今回は、Javascriptだけじゃなく、プログラミングで重要な条件判定の分岐処理を学習します。

・if

・switch

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠https://amzn.to/44LUBkG

今回は、次の内容について説明します。

・四則演算

・比較演算

・算術演算子

・論理演算子

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠https://amzn.to/44LUBkG

今回は、次の内容について説明します。

・エスケープシーケンスと3つのクォーテーション

・変数と定数 : var , let , const

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠https://amzn.to/44LUBkG

これから何回かに分けてJavascriptの基礎学習編をお届けします。

今回は、次の内容について説明します。

・型について

・真偽値(Boolean)

・コメントとconsole

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠https://amzn.to/44LUBkG

Javascriptを基礎から学びたい人に聞いてもらいたい学習が始まります。

今回は最初なので、色々な周辺の雑談をしています。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

https://amzn.to/44LUBkG

Gitの学習を一通り終えて、ステップアップした感覚が持てた桃の感想を言う回です。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3QcmD4U

ユゲパパが、実際にGit操作している流れを解説します。

あと、テキストの最後に書いてあるおまけ小技集も、ちょこっと説明します。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3QcmD4U

Gitを使っていて最も重要な機能と言っても良い、やり直し（取り消し）の作業をワークで学習します。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3QcmD4U

コミットにバージョン名をタグ付けするTagの機能について解説します。

一緒にワークをやって、タグ付けを経験してみましょう。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3QcmD4U

Gitを使っていて、管理するリストから外したいファイルやフォルダを登録する、「.gitignore」について説明します。

少しややこしいけど、Gitのキャッシュについても軽く説明してますが、あまりわかりやすくないかもしれないので、モヤモヤするリスナーさんはお便りにてご意見くださいませ。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3QcmD4U

これまで何度も登場してきた、git logについての説明をします。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3QcmD4U

ローカルリポジトから、リモートリポジトリにコミットデータをアップロードする、push

リモートリポジトリから、ローカルリポジトリにデータをダウンロードする、pull

コンフリクトに対応しやすくするためや、サーバーの更新情報を察知できる、fetch

(fetch + merge = pull)

今回は上記をworkしながら学習します。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠⁠https://amzn.to/3QcmD4U

作業したコミット情報を、他のブランチにマージして受け渡す（最新バージョンにする）処理をワークをしながら説明します。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠⁠https://amzn.to/3QcmD4U

ブランチを切り替える時に、コミットしていないファイルがある場合、更新状態がおかしな事になってしまう場合があります。

それを回避するために、一次保存をするStash（スタッシュ）という機能を紹介します。

実際に番組内で作業を行いながら確認できるので、できれば手を動かしながら聞いてもらえると学習率が高くなると思いますよ。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠⁠https://amzn.to/3QcmD4U

Gitの作業作業フォルダ、addした時のフォルダ、commitした時のフォルダについての説明をします。

頭の中でイメージできるようになると、gitが使いやすく感じるようになるでしょう。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠⁠https://amzn.to/3QcmD4U

Gitにおける最も重要なポイントの「ブランチ」について学習していきます。

どんどん新しいブランチを作ったり、ブランチ同士をマージしあって、ログを確認して、コミットのつながり具合をチェックしてみましょう。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠https://amzn.to/3QcmD4U

今回からGitの用語について、ワークを通じて学んでいきます。

今回の用語は、一番大きな器である、リポジトリです。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠⁠https://amzn.to/3QcmD4U

自分の使っているローカル環境のGit初期設定と、Githubの設定をやります。

まだGithubの登録を指定ない人は、今回の配信を聞きながら一緒にやってみるといいと思います。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

⁠https://amzn.to/3QcmD4U

Gitの一番良く使う操作方法（addしてcommitする使い方）をワーク形式で教えています。

鼻詰まりの桃で、たいへん聞きにくいのが恐縮ですが、ご了承くださいませ。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

https://amzn.to/3QcmD4U

MacにGitが使えるようにアプリケーションをインストールします。

（Windowsを使っている人は、テキストに説明を書いておきます）

後半は、ターミナルコマンドの基礎学習を行いますので、コマンドを使い慣れていない人は一緒にパソコンを使ってキーボードを叩いてください。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

https://amzn.to/3QcmD4U

初心者の人向けにGitの使い方を学習していきます。

Webプログラミングを学習する時のHTMLファイルなどを管理するのに便利なので、是非一緒に学習してみてください。

# パーソナリティ

ユゲパパ、ユゲモモ

# テキスト教材

https://amzn.to/3QcmD4U

めずらしくお便りが届いたので、番組で発表させていただきます。

あと、今後の展開などについてのご報告など話してます。

# パーソナリティ

影織、ユゲタ

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠⁠⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠⁠tps://amzn.to/3X7aUGB⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/05/number-place10.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠⁠⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠tps://amzn.to/3X7aUGB⁠⁠⁠⁠⁠⁠⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/05/number-place9.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠⁠⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠tps://amzn.to/3X7aUGB⁠⁠⁠⁠⁠⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/05/number-place8.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠⁠⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠tps://amzn.to/3X7aUGB⁠⁠⁠⁠⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/05/number-place7.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠⁠⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠tps://amzn.to/3X7aUGB⁠⁠⁠⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/05/number-place6.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠⁠⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3X7aUGB⁠⁠⁠⁠⁠

# ブログ

⁠⁠https://blog.myntinc.com/2023/05/number-place5.html⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠⁠⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3X7aUGB⁠⁠⁠⁠

# ブログ

⁠https://blog.myntinc.com/2023/05/number-place4.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3X7aUGB⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/05/number-place3.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3X7aUGB⁠⁠

# ブログ

https://blog.myntinc.com/2023/05/number-place2javascript.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠https://⁠⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3X7aUGB⁠

# ブログ

https://blog.myntinc.com/2023/05/number-place1table.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠ht⁠tps://hackman.site/⁠⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠https://⁠www.hackman.site/p/contact.html⁠

今回のシリーズは、ブラウザゲームでナンバープレイス（数独）を作ります。

興味のある人は、是非テキストを片手にラジオを聞きながらプログラミングに挑戦してみてください。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3X7aUGB

# ブログ

https://blog.myntinc.com/p/number-place.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/⁠⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠⁠https://www.hackman.site/p/contact.html⁠

毎度お馴染みになりつつある、シリーズを終えた後の雑談会です。

学習したARについての話や、AR開発界隈の話、ARを使ったプログラミングアイデアなどなど話しています。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3MbPd4b⁠⁠⁠⁠⁠⁠⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/⁠⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠⁠https://www.hackman.site/p/contact.html⁠

AR名刺を作って、ビジネスのクオリティをアップさせてみませんか？

影織先生がご自身で実際に作って使っているAR名刺を参考に、クリッカブルからリンクのテクニックなどを紹介してくれています。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠⁠https://amzn.to/3MbPd4b⁠⁠⁠⁠⁠⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/⁠⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠⁠https://www.hackman.site/p/contact.html⁠

前回の鼻オブジェクトを、画像に差し替えてお面ARを実線してみたいと思います。

是非テキストをコピペして、自分の顔にお面を貼り付けてみて下さい。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠⁠https://amzn.to/3MbPd4b⁠⁠⁠⁠⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/⁠⁠⁠⁠

#おたより

⁠⁠⁠⁠⁠https://www.hackman.site/p/contact.html⁠

顔認識ってもっと難しいものかと思ったら、非常に簡単なコードで、短時間で作っちゃうことができました。

これを使えば、バーチャルメイクなんかも簡単にできちゃうかもね。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠⁠https://amzn.to/3MbPd4b⁠⁠⁠⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/⁠⁠⁠

#おたより

⁠⁠⁠⁠https://www.hackman.site/p/contact.html⁠

3Dモデルの配置をしてみます。

カッコいい3Dモデルをダウンロードできるwebサイトから取得して、簡単にブラウザでAR表示するところまでを簡単に解説します。

また、出来上がったソースコードをサーバーにデプロイする方法も解説しているので、聞き逃さないように！

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠⁠https://amzn.to/3MbPd4b⁠⁠⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/⁠⁠

#おたより

⁠⁠⁠https://www.hackman.site/p/contact.html⁠

AR技術で非常に重要な事前準備である、マーカーについての解説と、

前回のコードを使って、独自のマーカーに差し替えてARを起動させちゃいます。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠⁠https://amzn.to/3MbPd4b⁠⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/⁠

#おたより

⁠⁠https://www.hackman.site/p/contact.html⁠

さっそくコードを書いて、ARを動かします。

今回の放送は、パソコンとスマホとテキストエディタを用意してお聞き下さい。

# パーソナリティ

影織、ユゲタ

# テキスト

⁠https://amzn.to/3MbPd4b⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/

#おたより

⁠https://www.hackman.site/p/contact.html⁠

今回から新しいシリーズです。

ARについての学習をワークを交えてやっていきます。

あまり馴染みの少ない人も多いと思われるARに触れてみて、楽しんでエンジニアリングを深堀りしてもらえると幸いです。

# パーソナリティ

影織、ユゲタ

# テキスト

https://amzn.to/3MbPd4b

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/

#おたより

https://www.hackman.site/p/contact.html

いつも聞いてもらっている人に耳寄りのお知らせです。

Hackmanラジオでは、ITエンジニアリングを学習している皆様からの、番組に対する感想や要望などのお便りを募集しております。

お便りをいただいた方に、Hackmanラジオで参考書に使っているkindle書籍を、プレゼントさせていただく事が決まりましたので、今回はそのお知らせの回になっています。

送っていただいたお便りは、番組で紹介させていただく予定なので、是非リスナーの皆様の率直な意見などをお聞かせ下さい。

【おたよりURL】

https://www.hackman.site/p/contact.html

今回は、GoogleBloggerの話ではなく、ブログ談義の番外編を収録してみました。

今年の4月から、ITの世界に飛び込んできたユゲタの娘の桃が、ブログを初めてその感想や意気込みを語っています。

# パーソナリティ

ユゲタ、影織、桃

# テキスト

⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3lVgLAt⁠⁠⁠⁠⁠⁠⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/

GoogleBlogger学習を一通り終えた終わりの会です。

日々Bloggerを使っているユーザーとしてのいろいろな話をしている雑談会です。

# パーソナリティ

ユゲタ、影織

# テキスト

⁠⁠⁠⁠⁠⁠⁠https://amzn.to/3lVgLAt⁠⁠⁠⁠⁠⁠⁠

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/

いよいよこのカンタンBloggerの本筋である、GoogleBloggerを使って、ホームページを作っちゃう方法を解説します。

仕事でも使える技なので、是非いろいろと創意工夫をして使ってみて下さい。

# パーソナリティ

ユゲタ、影織

# テキスト

⁠⁠⁠⁠⁠⁠https://amzn.to/3lVgLAt⁠⁠⁠⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/02/blogger-08-web.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/

GoogleBloggerのレイアウト画面で、サイドメニューをコンテンツ表示の横並び（FLEX表示）にする方法を解説します。

# パーソナリティ

ユゲタ、影織

# テキスト

⁠⁠⁠⁠⁠⁠https://amzn.to/3lVgLAt⁠⁠⁠⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/02/blogger-07.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠⁠https://hackman.site/

GoogleBloggerで難しく感じるウィジェット（ガジェット）についての解説と、前回コードの書き換えを行います。

# パーソナリティ

ユゲタ、影織

# テキスト

⁠⁠⁠⁠⁠https://amzn.to/3lVgLAt⁠⁠⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/02/blogger-06.html

# ホームページ

⁠⁠⁠⁠⁠⁠⁠https://hackman.site/

GoogleBloggerでの本格的なデザイン表示をやりますが、

今回は画像表示などで有効なGridデザインの表示スクリプトを実装してみます。

# パーソナリティ

ユゲタ、影織

# テキスト

⁠⁠⁠⁠https://amzn.to/3lVgLAt⁠⁠⁠⁠

# ブログ

https://blog.myntinc.com/2023/02/blogger-05-grid.html

# ホームページ

⁠⁠⁠⁠⁠⁠https://hackman.site/

GoogleBloggerでいろいろな種別のページを表示する方法の後編です。

ちょっと変則的なやり方も紹介しているので、是非参考にしてみてください。

# パーソナリティ

ユゲタ、影織

# テキスト

⁠⁠⁠https://amzn.to/3lVgLAt⁠⁠⁠

# ブログ

⁠https://blog.myntinc.com/2023/02/blogger-04.html⁠

# ホームページ

⁠⁠⁠⁠⁠https://hackman.site/

GoogleBloggerでようやくページを表示する為の方法をレクチャーします。

※でもまだデザインはしないので、見え方はショボいです・・・

# パーソナリティ

ユゲタ、影織

# テキスト

⁠⁠https://amzn.to/3lVgLAt⁠⁠

# ブログ

https://blog.myntinc.com/2023/02/blogger-04.html

# ホームページ

⁠⁠⁠⁠https://hackman.site/

GoogleBloggerで、表示をするために、今現在どういうページが指定されているかを判別する処理を書く方法をレクチャーします。

# パーソナリティ

ユゲタ、影織

# テキスト

⁠https://amzn.to/3lVgLAt⁠

# ブログ

https://blog.myntinc.com/2023/02/blogger-03.html

# ホームページ

⁠⁠⁠https://hackman.site/

GoogleBloggerを使い始める前にいろいろなページの名称や設定を知ってもらうためのお話です。

# パーソナリティ

ユゲタ、影織

# テキスト

https://amzn.to/3lVgLAt

# ブログ

https://blog.myntinc.com/2023/02/blogger-01.html

# ホームページ

⁠⁠https://hackman.site/

GoogleBloggerを使ってホームページが作れるという技を紹介するシリーズです。

サーバーランニング0円で、独自ドメインが使えてしまうこの技を覚えると、さほどシステマチックではないホームページなどが作れてしまうので、是非とも推奨したい内容になっています。

# パーソナリティ

ユゲタ、影織

# テキスト

https://amzn.to/3ziSOpE

# ブログ

https://blog.myntinc.com/2023/01/blogger-00-googleblogger.html

# ホームページ

⁠https://hackman.site/

Marp学習お疲れさまでした。

どうでした？カンタンだったでしょ？

今回は、いろいろなMarpを使うアイデアなんかを楽しくお話する回です。

# パーソナリティ

影織先生、ユゲタ

# テキスト

https://amzn.to/3YqaIkJ

# ホームページ

https://hackman.site/

Marpのカスタマイズは、CSSさえ分かればかなり細かいところまで自分用に作り込むことができます。

今回はそんなテーマの自作をやっちゃいます。

# パーソナリティ

影織先生、ユゲタ

# テキスト

https://amzn.to/3YqaIkJ

# ホームページ

https://hackman.site/

今回は、上手にスライドを作るコツや、プレゼンテーションのテクニック的なことを学習します。

セミナーでワンランク高いプレゼンテーションができるようになりたいですね。

# パーソナリティ

影織先生、ユゲタ

# テキスト

https://amzn.to/3YqaIkJ

# ホームページ

https://hackman.site/

いよいよMarpを使ってみます。

かなり簡単に使えるので、覚えることは少ないですが、cssなどの要素は深堀りしたい感じですね。

# パーソナリティ

影織先生、ユゲタ

# テキスト

https://amzn.to/3YqaIkJ

# ホームページ

https://hackman.site/

Marpの前にMarkdownを覚える必要があります。

Readmeなどを書きなれている人は、不要かもしれませんが、慣れていない人は是非覚えておくことをオススメします。

# パーソナリティ

影織先生、ユゲタ

# テキスト

https://amzn.to/3YqaIkJ

# ホームページ

https://hackman.site/

Marpという手軽にプレゼンテーション資料が作れるツールの使い方講座です。

資料作成や、文章のまとめなどにも使えて便利なので、ユゲタと一緒に学習してみませんか？

# パーソナリティ

影織先生、ユゲタ

# テキスト

https://amzn.to/3YqaIkJ

# ホームページ

https://hackman.site/

Wordpressを使って、自分でテーマを作って、カンタンに使ってしまうシリーズの最終話です。

学習は前回で終了になるので、いろいろなこぼれ話や、これまでの経験談などを話しています。

リスナーの方で、もう少しココが聞きたいなどのリクエストがあれば、お便りをお送りくださいませ。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-10php.html

PHPサーバーで入力フォームの送信情報をメールで送り出すソースコードを解説します。

また、サーバーでメール送信できるかどうかのチェックも解説しているので、参考にしてみてください。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-09.html

ヘッダとフッタをプレビューで表示できるように、ソースコードをコピペします。

テキストからのコピペになるので、kindleまたはブログにアクセスしてお聴きください。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-08.html#data_upload

これまでLocal環境で作ったWordpressのデータを本番公開するためのサーバーを準備します。

無料で使える、XFreeというサービスを利用するため、そのアカウント登録から行います。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://radio.hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-08.html

ヘッダとフッタをプレビューで表示できるように、ソースコードをコピペします。

テキストからのコピペになるので、kindleまたはブログにアクセスしてお聴きください。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-07.html#header_making

# Github

https://github.com/yugeta/kantan_wordpress/tree/ver1.0.4

ホームページのデザインを作る時の話などを経験をもとに話してみました。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-07.html

Wordpressで画像登録をデフォルト状態でする時の落とし穴についての説明と、その解決策をお伝えします。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-06.html

ナビゲーションメニューに登録する為に必要最低限の固定ページを作成します。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-05.html

テーマを作るって難しいと思っている人は是非今回の内容を聴いて、自分でテーマを作ってみましょう。

ビックリするぐらい簡単にテーマって作れるんですよね〜。（作るだけならね・・・）

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-04.html

基本ファイルのindex.phpから、必要なファイルの基本構造を組み立てます。

header.php

footer.php

functions.php

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-03.html

テーマを作るって難しいと思っている人は是非今回の内容を聴いて、自分でテーマを作ってみましょう。

ビックリするぐらい簡単にテーマって作れるんですよね〜。（作るだけならね・・・）

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-02.html

Wordpressの開発をカンタンに行えるLocalwpというアプリのインストールと環境の説明をします。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpressweblocalwp.html

世の中のWebサイトの多くで使われているWordpressをカンタンに構築する方法を解説しちゃいます。

初回の今回は、Wordpressについての色々なお話をしてみました。

# パーソナリティ

ユゲタ、影織ちゃん

# テキスト

https://amzn.to/3Wpkdzw

# ホームページ

https://hackman.site/

# ユゲタブログ

https://blog.myntinc.com/2023/01/wordpress-00.html

サーバー、ネットワークの学習を一通り終えて、今回は学習後に雑談をしてみました。

リスナーの人に向けたメッセージなどもあるので、息抜き程度に聞いてください。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3vFXbtl

# ホームページ

https://hackman.site/

前回まで構築したローカル環境のサーバーに、Webサーバーを構築してみたいと思います。

ApacheとPHPのインストールをして、一般的なホームページを作れる基礎的な環境構築をします。

# .htaccess Editor

https://www.htaccesseditor.com/

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3vFXbtl

# ホームページ

https://radio.hackman.site/

サーバーで鍵を作って、その鍵でサーバーにセキュアにログインできる一連の作業をやります。

是非、一緒に作業して内容を学習してください。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3vFXbtl

# ホームページ

https://hackman.site/

サーバーだけでなく、普段使っているパソコンでも共通仕様であるパーミッションについて学習します。

パーミッションの計算方法や、2タイプの表示について理解できるようになると、ファイルトラブルの時に大きく役に立ちますよ。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3vFXbtl

# ホームページ

https://hackman.site/

前回インストールしたUbuntuサーバーを使って、ログインしていろいろな初期の操作をします。

・ユーザーの確認や追加など

・外部からのログイン

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3vFXbtl

# ホームページ

https://hackman.site/

サーバー学習をスタートさせるために、実際のサーバーを仮想環境にインストールします。

インテルMacとM1チップ(ARM-CPU)のMacのスピード比較もよくわかる内容になっています。

この配信を聞いているインテルMacを使っている人は、きっと最新Macが欲しくなってしまうでしょう。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3vFXbtl

# ホームページ

https://hackman.site/

今回は、VIコマンドを学習します。

キー操作が難しいとは思いますが、ファイルに文字を書いたり消したり保存する操作を必要最低限覚えることで、ターミナルでサーバーを使うのが楽しくなってくると思います。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3vFXbtl

# ホームページ

https://hackman.site/

今回は、サーバーコマンドに慣れていない人向けに、超基本的なコマンドを学習します。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3vFXbtl

# ホームページ

https://hackman.site/

今回から、サーバー(OS)についての話に突入します。

サーバー知識に自信のない人は是非聞いて、学んで、触って、学習しちゃってください。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3vFXbtl

# ホームページ

https://hackman.site/

今回は、Macアドレスについて解説します。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

今回は、Proxyについて色々と解説します。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

今回は、VPNについて色々と解説します。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

ドメインとDNSの説明後半です。

nslookupという便利なコマンドの説明から、いろいろな技術背景の事を話します。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

ドメイン、サブドメイン、DNS、についての解説をします。

DNSのレコード操作が苦手という人は、基礎的なところを説明しますよ。

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

サブネットマスクの後編です。

今回はビットの計算のお話です。

【ポイント】

・ビットについての説明

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

ネットワークでとにかく理解しずらい「サブネットマスク」について解説します。

【ポイント】

・クラスA、クラスB、クラスCの理解

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

今回はTCPIPをできる限りカンタンに説明しちゃいます。

【ポイント】

・TCPIPを一言で言うと？

・階層についての解説

・ポートとは？

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

IPアドレスに関しての話をします。

WAN : グローバルなインターネット

LAN : ローカルのネットワーク

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

今回から、サーバーについて学習するシリーズになります。

インターネットを使ったプログラミングなども世の中的に増えているけど、ネットワークが苦手だというリスナーさんは、是非聴いて学習してみてください。

# 聞いてもらいたいリスナーペルソナ

・現在エンジニアだけどネットワークが苦手な人

・いまいちサーバーなどが理解できていない人

・今まさに学習をしている人

# パーソナリティ

ユゲタ、影織ちゃん、吉田さん

# テキスト

https://amzn.to/3PfQIOs

# ホームページ

https://hackman.site/

# 概要

今回は、これまで解説してきた内容の補足と、ホームページ制作後に問題になってくるSEO対応などについての話をしています。

サーバーサイドレンダリングって聞いたことがあるけど、よくわからないという人は聞いてみると、少しだけでもわかるかもしれませんよ。

# テキストダウンロードURL

⁠https://amzn.to/3ErtnWq

# ホームページ

https://hackman.site/

ホームページを作って終わりではありません。

実は、ここからがホームページを育てるという重要な活動が始まります。

その内容について、説明します。

# テキスト

https://amzn.to/3ErtnWq

# ホームページ

https://hackman.site/

これまでHTMLとCSSとJavascriptだけでホームページを作るという事を豪語してきたんだけど、

どうしてもこれだけでは出来ないことがあって今回はPHPを使ったお話です。

そして、SEOを重要視している人は「サーバーレンダリング」という内容を理解しておきましょう。

# テキスト

https://amzn.to/3ErtnWq

# ホームページ

https://hackman.site/

入力フォームで、データを保持するために、データベースを設置して、CGIで受け取って、SQL文を書いて・・・

という面倒くさいことを取っ払って、HTMLだけで完結できるお問い合わせページの作り方を解説します。

今回の放送かなり使えるテクニックです。是非お聞きください！

# テキスト

https://amzn.to/3ErtnWq

# ホームページ

https://hackman.site/

Ajax処理を自由に扱えるようになると、サーバーからデータを好きに取ってきて、自由にホームページに反映することができるようになります。

今回は、そんなAjaxを使って、ライブラリなど使わずに自分の手でプログラミングする方法をサンプルを使って説明します。

# テキスト

https://amzn.to/3ErtnWq

# ホームページ

https://hackman.site/

今回のホームページの特徴として、Ajax機能を使ったヘッダ、フッタ、コンテンツの読み込みを行います。

そのAjax処理が書いてあるmain.jsの解説をしますよ。

javascriptが苦手な人は、わかりにくかったところを是非、おたよりでご意見いただけるとお答えしたいと思います。

# テキスト

https://amzn.to/3ErtnWq

# ホームページ

https://hackman.site/

今回は、トップページを作ります。

サンプルページを使ってもらっても良いですが、自分で作ったページを使って聞いてもらえるとより理解できると思います。

# テキスト

https://amzn.to/3ErtnWq

# github

https://github.com/yugeta/kantan-web

# ホームページ

https://hackman.site/

今回は、webサイト構築を始める前に、次の５つのフォルダ構造を作っておきます。そしてカンタンな説明を行います

/css

/js

/img

/asset

/data

# テキスト

https://amzn.to/3ErtnWq

# ホームページ

https://hackman.site/

ホームページ制作をする場合に、実際の公開サーバーに近い状態の環境構築をすることは重要です。

Docker Desktopを使い慣れてもらうために、githubからカンタンに環境構築できるdocker設定を用意したので使ってください。

# テキスト

https://amzn.to/3ErtnWq

# github

https://github.com/yugeta/docker

# ホームページ

https://hackman.site/

カンタンにwebを構築する方法（CGIを使わずに）を、効率の良いホームページをカンタンに作る方法を伝授します。

# 対象者

・ホームページ制作するひと

・フレームワークを使うのが面倒くさいと思っているひと

・効率的にホームページを作りたいと考えているひと

# テキストダウンロードURL

https://amzn.to/3ErtnWq

# ホームページ

https://hackman.site/