ぺーしゅん

こんばんは。
夜を楽しんでくださいね^ ^フリーランス美容師
フロントエンドエンジニア
の金枝(かなえだ)
通称ぺーしゅんです🐒

✦ 当サイトご案内 ✦

■ 当メディアライター金枝について ■■ 当メディア運営方針について ■■ 予約の詳細について ■■ 美容施術正規料金はこちら ■■ ブログの最新記事はこちら ■

ここ最近では

プログラミング

に対しての記事をなぜか乱投しています(笑)

少しでも僕の肩書きの

美容師

の他に

Webデザイナー

が浸透するようになんですが(笑)

というかあなたはこう思っていませんか？？

そもそも
プログラミングって何？

って。

確かに

《クセ毛・パーマ髪質改善士》フリーランス美容師エンジニア【金枝俊平】

実はアレもプログラミングされている！？ -コラム-

https://friseur-kanaeda.tokyo/身近にあるプログラミングされたもの

実は《あなたが無意識で使っているものの多く》が《プログラミングされたもの》なんです。

↑この記事で説明したように

身近なもの

には必ず

プログラミングされたもの
が存在している

という事をお話ししました。

この記事では

Webプログラミングの話し言葉

についてお話ししますね^ ^

《目次クリックでワープします》

プログラミング言語とは？？
プログラミング言語とはパソコンにお話しするための言葉
- ちょっとあなたにクイズを出します
プログラミング言語はたくさんある！？
- プログラミング言語の《違い》とは？？
プログラミング言語ってどんなもの？
《プログラミング言語の話し言葉④》 PHPの場合
■初回特典・ご予約情報・金枝詳細■

プログラミング言語とは？？

ネットなどでプログラミングについて探していると

たまに見かけた事はないですか？？

プログラミング言語

っていう言葉。

この言葉を見る度にあなたは

なんじゃそりゃ？？

と疑問に思ったはず。

確かに僕自身もプログラミングの勉強を始めた当初は

なになに？プログラミングするにも言語ってものがあるのかよ…

って最初から挫折しそうになりましたからね_(:3 」∠)_

でもこれって解釈を変えるだけで

あ！なるほどぉ♪

とすぐに理解できるはずですよ^ ^

まぁ、僕なりの解釈になりますが

僕と同じように思うだけで理解力が変わるはずです^ ^

目次に戻る

プログラミング言語とは
パソコンにお話しするための言葉

タイトル見てもしかして

なんだコイツ？

って思っていないですよね？？(((;꒪ꈊ꒪;)))

まぁ今だとAIのおかげで

↑こんな感じで携帯に

音声

で命令を伝えることがあると思うので

変人

とは思われないかもしれませんが…

実はこの音声認識を使わなくても

パソコンと話が出来る

んですよね^ ^

それが

プログラミング言語

なんです！

ではここで話を簡単にするために…

ちょっとあなたにクイズを出します

クイズと言ってもそんなに難しいものではありません。

問題です。
アメリカ人と会話
する時
何語
で話をしますか？

バカにすんな級の質問ですが

ちょっと考えてみてください^ ^

考えてみました？？

というか当然知っていますよね？？

様々な人種がいますが大抵

英語！

と答えるはずです。

その通り

英『語』

ですよね^ ^

ならイタリア人と会話する時は？？

これも簡単ですよね^ ^

イタリア『語』

中国人なら

中国『語』

ロシア人なら

ロシア『語』

ですよね。

みんな絶対知っていることなんです。

ではここでもう一度質問します。

パソコンと会話
する時あなたは
何語
で話しますか？

もうわかりますよね？

プログラミング言語

です^ ^

目次に戻る

プログラミング言語は
たくさんある！？

プログラミングを始めようとしているあなたなら

ちょっと迷ったことはないですか？？

どのプログラミング勉強しようか迷うなぁ…

って。

実際僕の場合は何を勉強しようかは

明白

だったので迷いがなくにすぐ勉強できました。

その理由は

《クセ毛・パーマ髪質改善士》フリーランス美容師エンジニア【金枝俊平】

プログラミングを修得しようとしたきっかけとは？？ -コラム-

https://friseur-kanaeda.tokyo/プログラミングを習得しようと思ったきっかけ

ひょんなことから実は《ガチでプログラミング勉強してやる！》と熱烈に思ってしまいました。

↑この記事見るとわかると思うはずですが

ブログに必要なプログラミング

を習得しようと思ってましたからね^ ^

それと

Webをデザインできるプログラミング

の知識が欲しかった。

それで勉強を始めたのが

HTML(エイチティーエムエル)
CSS(シーエスエス)
JavaScript(ジャバスクリプト)
jQuery(ジェイクエリ)
PHP(ピーエイチピー)

この５つを勉強しています^ ^

もともとHTMLとCSSについては

なんちゃって知識

があったので結構簡単に覚えられましたが(笑)

って淡々と話を進めてしまいましたが

HTMLとかCSSとか
一体何のこと？？

という風にもしかしたらあなたは思っているはず。

ここでちょっと説明しないといけないですね(笑)

プログラミング言語の
《違い》とは？？

ちょっと例えが変になるんですが

人

で表した方がわかりやすいかなと思います^ ^
※割り当てられている〜人はイメージなので
全然その人種とは関係なので悪しからず…

例えばHTMLが《日本人》だとします。

CSSが何かというと

アメリカ人

JavaScriptは

フランス人

jQueryは

フランスのパリに住んでいる人

PHPは

イタリア人

みたいなイメージです^ ^

てかなんでjQueryだけ
同じフランス人？

と思うはずなのでこれに関しても解説します。

jQueryって

JavaScriptを
簡単にしたもの

なんですよね^ ^

基本はJavaScriptと同じものです。

なので日本で例えると

JavaScript → 東京(標準語)
jQuery → 地方(訛り(なまり))

と考えた方がわかりやすいかなと思います。

とこんな感じですが

僕が勉強しているプログラミングは

ほんの一部

にすぎません。

まだまだかなりたくさんあるんですよね^ ^

Web開発ためのプログラミング言語
アプリ開発のためのプログラミング言語

などなど…

目的別に勉強するのが一番かなと思います。

もしわからないなら一番が

プログラミングスクール

に相談してみるのが一番です^ ^

オススメなら

techacademy.jp

パーソナルメンターがつくオンラインブートキャンプ | TechAcademy [テックアカデ...

https://techacademy.jp

プログラミング学習で、もう挫折しない。パーソナルメンターがつくオンラインブートキャンプ。

CodeCamp

プログラミング学ぶなら、オンラインレッスンNo.1 | CodeCamp（コードキャンプ）

https://codecamp.jp

受講20,000人突破。プログラミング初心者でも、現役エンジニアの個別指導で効率よく確実に習得できる。毎日24時まで受講可能。無料体験レッスン実施中！プログラミングを学ぶなら、オンライン個別指導No.1のプログラミングレッスンCodeCamp

tech-camp.in

TECH::CAMP(テックキャンプ) - 人生を変えるテクノロジースクール

https://tech-camp.in

TECH::CAMP(テックキャンプ)は、テクノロジーが主役の時代で活躍できる人材へと変えるテクノロジースクールです。

↑とこの辺が良いみたいですよ^ ^

プログラミング言語は分かったけど
どんな言葉遣い
があるの？？

と思いますよね^ ^

簡単にですが

各プログラミングの話し言葉

ここから解説してみますね^ ^

目次に戻る

プログラミング言語ってどんなもの？

僕自身が勉強している

HTML(エイチティーエムエル)
CSS(シーエスエス)
JavaScript(ジャバスクリプト)
jQuery(ジェイクエリ)
PHP(ピーエイチピー)

の話し言葉ってどんなものか見てみましょう^ ^

《プログラミング言語の話し言葉①》
HTMLの場合

HTMLの場合って

結構見たことあるかもしれませんね^ ^

<h1>おはよう</h1>
<p>今日も良い天気ですね！</p>

みたいな感じです^ ^

文章に直接HTMLタグを付けて

文章にデザインを施す言語

だったりもします。

というか

サイト全体の構成を作るもの

と考えた方が良いかもしれません。

実際の書き方なら

<!DOCTYPE html>
<html lang="ja">
<head>
　<meta charset="utf-8">
　<meta name="description" content="サイトの説明文">
　<meta name="viewport" content="width=device-width,initial-scale=1.0">
　<title>サイトのタイトル</title>
　<link rel="stylesheet" href="CSSのURL">
</head>
<body>
　
　　<h1>おはよう</h1>
　
　
　<section>
　　<h1>こんにちは</h1>
　　<p>今日も良い天気ですね！</p>
　</section>
　
　<div>
　　<p>©️friseur-kanaeda.tokyo</p>
　</div>
　<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
　<script src="JavaScript・jQueryのURL">
</body>
</html>

↑みたいな感じです^ ^

HTMLの中に

《CSS》
《JavaScript》

が入ってますよね？

プログラミングをするに当たってHTMLは

なくてはならないプログラミング

でもあるんですよね^ ^

《プログラミング言語の話し言葉②》
CSSの場合

HTMLでも文章にデザインを施すことはできますが

大元はこのCSSの役割で

CSSこそが

文章にデザインを施す言語

と言っても過言ではありません^ ^

実際にどんなものかというと

僕のメディアをよく見ている人は分かるはずですが

こんな感じで動いたり

文字が斜めったりします

これは全て

CSSからの設定

だったします^ ^

CSSの話し言葉は

h1 {
　text-align: cernter;
　font-size: 20px;
　user-select: none;
　transition: 1s;
}

h1:hover {
　transform: rotateY(360deg);
　opacity: .5;
}

↑とこんな感じでパソコンにお話します。

《プログラミング言語の話し言葉③》
JavaScript・jQueryの場合

何となくプログラミング言語からも想定しやすい

プログラミングっぽい

ものです。

例えばなんですが

↑これも違う記事で紹介しましたが

JavaScript(jQuery)の仕業

なんです^ ^

普通にあるサイトに対して

動きを付けてくれる

いわば

アニメーション効果

と言っても良いくらいの働きをしてくれます^ ^

それが

JavaScript(jQuery)

なんです^ ^

僕自身もかなりハマっています(笑)

どんな話し言葉かというと…

完全にプログラミングっぽいですよ？

'use strict';
{
$( () => {
	$('img#img').click( function() {
		$(this)
			.attr('src','https://friseur-kanaeda.tokyo/wp-content/uploads/2018/04/1524060278bZMv42Q_1gAKi2x1524060278.gif')
			.fadeIn();
	});
});
}

↑みたいな感じでパソコンに話しかけます。

…謎ですよね？(笑)

でもこれが

JavaScript(jQuery)の
プログラミング言語

なんです^ ^