スクール | On the ghost Internet

彼のVue.jsの入門解説動画が分かりやすいかも。超入門は理解しました。

2021.07.12

vue.jsを勉強したい方はよしぴーのYouTubeプログラミングスクールの超Vue.jsの入門解説動画が分かりやすいかも。自分は入門版は理解しました。尚、bodyにID付けて試すのは辞めとけよ。bodyにIDを付けて動かないなぁとかしないように！！ドキュメントにもbodyにIDを付けるのは推奨しないと記載しております。動画を見て背景の色を動的に変えるvue.jsの簡単なサンプルプログラム作りました。コード書いていてjavascriptで書くよりもvue.jsなどのライブラリ？を使用して書くほうが短いコードで書けるので良いなと実感。

超Vue.js 2 入門完全パック – Vueでアプリを作りたい方必見！ (Vue Router, Vuex含む)

vue.jsの入門、動画を見て😅
使ってみた便利といえば便利かも。

背景の色を変えるhttps://t.co/nUWb5qqa4B
— 田岡寿章@taoka_toshiaki🦌 (@taoka_toshiaki) July 1, 2021

htmlコードとvue.jsのコードは下記になります、最終的にはvue.jsでアプリ作りたいな（時間がない？^^;）。SPAに関して難しいという意識がある人も触っていくうちに慣れると思います。因みに学習能力が高い人はこんなの作れちゃうみたいですね、学習してまだ二週間しか経過していなくてゴニョゴニョ作れている所がへぷさん（@HEP1147）、凄いところ！！ですね。

https://www.youtube.com/watch?v=kltx14qMt5M

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

<style>
    #el{
        width: 100vw;
        height: 100vh;
    }
</style>
<title>背景の色を変える</title>
</head>
<body>
<div id="el" v-on:mousemove="mouseXY($event)">
    <span v-on:click="colorclick('#000')"style="color:#000">■</span>
    <span v-on:click="colorclick('#fff')"style="color:#fff">■</span>
    <span v-on:click="colorclick('#4eaeec')"style="color:#4eaeec">■</span>
    <span v-on:click="colorclick('#4eeccc')"style="color:#4eeccc">■</span>
    ---{{ color }}---
    X={{x}},Y={{y}}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="./main.js?<?=time()?>"></script>
</body>
</html>

var vm = new Vue({
    el:"#el",
    data:{
        color:"#fff",
        x:0,
        y:0
    },
    methods:{
        colorclick:function(c){
            this.color = c;
            document.body.style.backgroundColor = c;
            return true;
        },
        mouseXY:function(event){
            this.x = event.clientX;
            this.y = event.clientY;
        }
    }    
});

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2021年07月12 02:34日

タグ

body, html, ID, javascript, JS, SPA, vue, youtube, アプリ, うち, コード, サンプル, スクール, ドキュメント, プログラミング, プログラム, よし, ライブラリ, 下記, 人, 使用, 入門, 勉強, 動画, 学習, 実感, 彼, 意識, 推奨, 方, 時間, 理解, 簡単, 背景, 能力, 自分, 色, 解説, 記載, 超,

ハーバード大のプログラミング講座を日本語化（jp）。無料で学べるCS50を見てみて。

2021.05.20

Logging

ハーバード大のプログラミング講座を日本語化（jp）。無料で学べるCS50を見てみて思ったことは、脱落者が出そうだなと思いました。プログラムが分かる人が読めばわかるだろうけど、ITが苦手な人が読むと拒絶反応を起こしそうな日本語訳だな。プログラミングって得手不得手があるじゃないかなと自分は思っていて誰でもプログラミングが出来るというのは間違いじゃないのかなと思います。

This is CS50

日本でもプログラミングを勉強するのが流行しているけど、その影でプログラミング挫折者がかなり多く出ていることを忘れてはいけないし、プログラミングスクールとかしている人は、IT業者から言えば言葉悪いけど良いカモだなと思います。プログラミングが分かる人は独学で全然いけるという言うのが自分の考えです。そういう人達がCS50.jpを使用して勉強するのはプログラミング学習の近道なのかなとは思いました。

https://twitter.com/zip358com/status/1392742939973984256

これからIT業界に転職する方は英語と論理的思考（アルゴリズム）と高校生程度の数学知識があれば転職は可能かと思います。なお、英語はこの先、徐々にどんな業界でも重要になってきそうなので身につけておいて損はないと思います。

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

OFUSEで応援を送る

投稿日時 2021年05月20 04:20日

タグ

50, CS, IT, jp, かな, かなり, カモ, こと, これ, スクール, ハーバード大, プログラミング, プログラム, 不得手, 人, 使用, 勉強, 反応, 学習, 影, 得手, 拒絶, 挫折, 日本, 日本語化, 日本語訳, 業者, 流行, 無料, 独学, 脱落者, 自分, 苦手, 言葉, 誰, 講座, 近道,

プログラミングって何から勉強したら良いの？パソコンが有れば無料で勉強できる方法。

2020.01.11

Logging

プログラミングって何から勉強したら良いの？
答えは通称js（ジェーエス）と呼ばれるjavascript(ジャバスクリプト)言語から
始めると良いです^_^。
ちなみにプログラミンスクールに通う必要なんてないです。
偏差値50ぐらい有れば独学で身につくことが出来ると言われています。

自分を知っている人ならあいつでも出来るなら私でも出来ると思って
トライしてみてください。
繰り返しになりますが、参考書などは買わなくて良いです。

下記の方法で勉強してみてください。

YOUTUBE動画を見る。
動画に記載しているプログラムを実際に同じコードを書いてみる。
動作したらプログラムコードを変更してみる。
一旦、プログラムコードを消して今度は記述コードを見ないで書いてみる。
コードがわからない時は動画を見ずにググる。

上記のことを繰り返しすることで何だかわからないけど、感覚的に身につくはずです。難しい横文字などは後から覚えたら良いです。

JavaScriptを解説している動画リンクを貼っておきます。
動画のリンク切れあった場合はYOUTUBEで JavaScript 入門などの単語で検索してみてください。

入門解説動画：何となく進めるが大事です。

【Javascript入門】#1 Javascriptを始めましょう

エラーになった時の対処方法：デバッグ方法。

入門】JavaScriptのデバッグ方法を解説！これだけは知っておけ！

中級者JSテクニック動画。

https://www.youtube.com/watch?v=mNJ06S60B9k

尚、プログラムコードを書く場合、大体のプログラマーはエディターやIDEを
使用してプログラミングコードを記載します。

自分はVisualStudio codeを使用しています。
こちらWindowsやMac、リナックスのOSにそれぞれ対応しています。
https://code.visualstudio.com/ [日本語化出来ますググって]

補足：今でもC言語などやJAVA言語から初めると良いよと言われますが
おそらくC言語で始めるとメモリの事などで挫折しJAVA言語で始めると
オブジェクトで挫折します。

JSで始め、大体の事をマスターすると他のプログラミング言語へ
移行しやすいです。いろいろな言語を覚えるのではなく。
まずは一つの言語をマスターする事が大事になります。

皆さんトライしてみてくださいね（・(ｪ)・）b

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

OFUSEで応援を送る

投稿日時 2020年01月11 01:00日

タグ

50, javascript, JS, youtube, あいつ, エス, コード, こと, ジェー, ジャバ, スクール, スクリプト, トライ, パス, パソコン, プログラミン, プログラミング, プログラム, 一旦, 上記, 下記, 人, 今度, 何, 偏差値, 勉強, 動作, 動画, 参考書, 変更, 実際, 必要, 方法, 時, 横文字, 無料, 独学, 私, 答え, 自分, 言語, 記載, 記述, 身, 通称,

IT戦士の最終目標は上流工程からYOUTUBERメンターになっていく！？

2020.01.10

Logging

IT戦士の最終目標は上流工程からYOUTUBERメンターになっていく！？
自分はそう思っています、なぜならIT系のプログラミンスクールは
増えているものから、何れ無料でIT系プログラミンスクール同等の動画を
提供する人が出てくる。

本当はもうそういう人が登場しているけど、あまり知られてはいない？
例えばこのYOUTUBEチェンネルの方。
https://www.youtube.com/channel/UCsLPJEAgH-KUJE2WobcLZ0A

中級者から上級者向けの動画を提供していて登録者も増えていってます。
たぶん、この方は続けていけば動画のプログラミング解説だけで
安定した収入益を得ることが可能になると思います。

●これからのIT需要
いろいろな企業にIT部門が出来てくると思うので
自分が思うにITリテラシーは身につけて損はないと思います。

HTMLやCSSを勉強しなさいとは言わないけど、エクセルのVBA使いや
グーグルスプレッドシートなどを使いこなせると事務作業効率はぐっと
上がります。

今ではどんな業種でもパソコンが会社に最低1台はあって何かしらのデータが
保存されていたりします。なので、プログラミングは勉強して
損はないし高度なプログラミングが出来る場合はそれで収入を得ることも
可能になります。

唯、これから先はある一定の技術を身に着けておかないと中々、大変な時代に
なって来ているということも付け加えておきます。

ちなみにプログラミング好きな人は上流工程へ進まずに敢えて
現場主義の方もこれからは増えてくると思いますが
上流工程のお仕事の方がお給料は良いですし健康的です?

著者名 @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

OFUSEで応援を送る

投稿日時 2020年01月10 02:27日

タグ

0, 2, channel-, com, css, html, IT, UCsLPJEAgH-KUJE, WobcLZ, youtube, YOUTUBER, いろいろ, こと, これ, スクール, チェン, ネル, プログラミン, プログラミング, メンター, もの, リテラシー, 上流, 上級者, 中級者, 人, 企業, 勉強, 動画, 収入, 可能, 同等, 安定, 工程, 戦士, 提供, 損, 方, 最終, 本当, 無料, 登場, 登録者, 益, 目標, 系, 自分, 解説, 身, 部門, 需要,

日本語の人工知能（機械学習）の解説動画があまりないよね。

2019.12.13

Logging

SSD Mobilenet v1 COCO – Object detection in TensorFlow

YOUTUBEでAIの日本語で解説している動画が非常に少ないよねと思っている。
これって凄く丁寧に解説した動画を何本もアップすれば
それだけで需要があるよねということは言うまでもないじゃないかな。

この頃思うのはHTMLやCSSの解説動画はあるのだけど
中級レベルの技術動画や機械学習などの日本語動画が少ないよねという事、
ほとんどプログラミングスクールに通わないと身につかないシステムに
なっているけど、これを全てYOUTUBEで解説する人が
登場すれば…。

その人はそれだけで収益を得れる可能性があると思うのです、
自分は喋りが下手なので無理だけど、何れ誰かが
そういう事を行うようになってもおかしくないと思います。

ちなみにそんな人工知能の解説を行っている人は何人か知っています。

2_03 数学的基礎から学ぶ Deep Learning

最後に夢のある機械学習使い方をしている動画を貼っときますね。

Anne’s Story: From student to planet hunter

著者名 @taoka_toshiaki

※この記事は著者が30代前半に書いたものです．

OFUSEで応援を送る

投稿日時 2019年12月13 07:15日

タグ

AI, css, html, youtube, アップ, こと, これ, システム, スクール, それだけ, プログラミング, ほとんど, レベル, 丁寧, 中級, 事, 人, 人工, 何人か, 何本, 使い方, 全て, 動画, 収益, 可能性, 夢, 学習, 技術, 日本語, 最後, 機械, 登場, 知能, 自分, 解説, 誰か, 身, 需要, 頃,

@Blog

日常日誌からプログラムやYOUTUBER紹介、旅日記まで日々更新中です。

彼のVue.jsの入門解説動画が分かりやすいかも。超入門は理解しました。

ハーバード大のプログラミング講座を日本語化（jp）。無料で学べるCS50を見てみて。

プログラミングって何から勉強したら良いの？パソコンが有れば無料で勉強できる方法。

IT戦士の最終目標は上流工程からYOUTUBERメンターになっていく！？

日本語の人工知能（機械学習）の解説動画があまりないよね。

@Blog

日常日誌からプログラムやYOUTUBER紹介、旅日記まで日々更新中です。

彼のVue.jsの入門解説動画が分かりやすいかも。超入門は理解しました。

ハーバード大のプログラミング講座を日本語化（jp）。 無料で学べるCS50を見てみて。

プログラミングって何から勉強したら良いの？パソコンが有れば無料で勉強できる方法。

IT戦士の最終目標は上流工程からYOUTUBERメンターになっていく！？

日本語の人工知能（機械学習）の解説動画があまりないよね。

ハーバード大のプログラミング講座を日本語化（jp）。無料で学べるCS50を見てみて。