初心者でもわかる!!プログラミング知識をご紹介します♪
こんにちは!ディーキャリアITエキスパート海老名オフィスです!
この事業所に通われている皆さんは、発達障害や精神障害をお持ちの方々で、IT業界で活躍することを目指して日々訓練に励まれています!
プログラミング言語についても、訓練での課題や自己学習を通じて学ばれている方が多くいらっしゃいます。
自分の得意を活かして仕事をしたい!
という方はぜひこの記事を読んで、プログラミング言語とはなにか?を知ってみてください!プログラミングに興味を持つ第一歩になれれば幸いです♪
今回はHTML・CSS、JavaScript、PHPについてご紹介します!
実は現在、IT業界で発達障害の人材が注目を集めているという情報もあります!
↓詳細はぜひ下記の記事を見てください☆
~世界が注目!~ いまIT業界で発達障害の人材が求められています!!
初心者でもわかる!HTML・CSSとは??
初めにHTMLというのは、ハイパー(H)テキスト(T)マークアップ(M)ランゲージ(L)言語で、CSSはカスケーディング(C)スタイル(S)シート(S)言語です。
と言われても某ゲームの呪文ですか??という感じでよくわからないと思うので、実際に見ていきましょう!!
〇ブラウザで表示させるHTMLでできること
テキストを表示
(例)
↓HTMLで下図のようにコーディングして
↓CSSで下図のようにコーディングすると
↓このように表示されます!
上記コードでHTMLに「ディーキャリアITエキスパート海老名オフィス」といれてCSSで色を指定したり、文字の大きさを変えたり、文字のフォントを変えることができました!
その他にもボタンをつけたり、お問い合わせフォーム等の入力フォームをつけたり、可能性は無限大です👌
今回はシンプルな方法で試してみましたが、経験を積むとECサイト①を作れるようになったり、自分でブログを作れるようになったり、スキルアップが期待できます。HTML・CSSコーダーやフロントエンドエンジニア②などの就労に繋げられるのでゆくゆくはキャリアアップも!
※① ECサイト:Amazon、楽天等のショッピングサイト
※② フロントエンドエンジニア:Webサイトの見た目をデザイナーが設計したデザインを元にHTML、CSS、JavaScriptを駆使して、ブラウザに表示できるようにコーディングを実施しる仕事
私も最初は、文字を表示させるところからスタートというプログラミング未経験者でした。いざやってみると、とても難しく、プロゲート(理解を深めるための副教材のようなもの)を繰り返しやって、ようやくシンプルなWebサイトを作れるようになりました。
そのWEBサイトを作成するには、タグや余白だったりスマホやタブレット向けに表示サイズを変えなければいけなかったり、たくさん苦戦はしましたが、その分、できた時の達成感はとても気持ちがいいです!
初心者でも気軽に始めることができるのも魅力だと感じています😊
初心者でもわかる!JavaScriptとは??
「JavaScript」を聞いたことも無く何ができるのかが分からないという、初心者にも分かりやすく説明していこうと思います。
そのため、既にJavaScriptやプログラミング言語を学習している方には物足りない内容になってしまうかもしれませんがご了承ください。
まず、「JavaScript」は、「ジャバスクリプト」と読みます。
JavaScriptを省略して言う場合「JS(ジェーエス)」と言い「Java(ジャバ)」とは言いません。
なぜかと言うと、「Java(ジャバ)」と言う別のプログラミング言語があるためです。
そして、「JavaScript」と「Java」は名前が似ているだけで、関連すら無いプログラミング言語です。
そのため、「JavaScript」を「Java」と省略すると大きな誤解が起きますので、人に伝えるときは、「JavaScript」または「JS」と言いましょう。
ここから本題で
JavaScriptとは、プログラミング言語の一種で、
プログラミング言語とは、簡単に言うと
コンピューターにこんな風に動いてほしい! というのを指示するためのものです。
例えば
・タッチしたらアプリを起動してほしい!
・お金を入れたら金額を教えてほしい!
などです。
そして、それぞれのプログラミング言語に特徴があり得意・不得意があります。
JavaScriptの特徴は、
Google Chrome(グーグル クローム)や、Microsoft Edge(マイクロソフト エッジ)などのブラウザ上で動き、HTML&CSSで作られたWebページに「動き」を付けることができるのが特徴です。
動きといっても種類が多いので、一部を手短に紹介すると、
◇ボタン : ボタンを押したときに指示(プログラム)した動きを実行する。
◇入力フォーム : お名前、電話番号、メールアドレスなどの数値や文字をチェックする。
◇ソート : Webページに表がある時に昇順や降順などに並び替えをする。
◇検索機能 : Webサイトの文字検索や検索文字に一致した文字を絞り込んだりする。
◇計算機 : 単純な計算から複雑な計算まで(消費税計算・日数計算・物理計算など)
◇ゲーム : タイピングゲーム・パズルゲームなど、Webページで動くゲームを作れる。
などいろいろなことができます。
JavaScriptは、他のプログラミング言語と比べて初心者にも分かりやすく入門向きと言われていますが、
プログラミング言語自体がしっかりと勉強しないと習得できないものですし、最初は、思ったようなものが作れずに「つまらない」と思います。
ただ、地道に根気よく勉強を続けていると、少しずつ思ったようなものが作れるようになり、プログラムは「おもしろい」と思う日が来ると思うので、あきらめずに勉強して、みなさんが思ったようなものを自由に作れる日が来ることを願っています!
初心者でもわかる!PHPとは??
PHPは、Webページに機能を付け加え、動的なWebページにすることができるプログラミング言語です。
Webページを構成するコンテンツ(文章や画像など..)を、表示条件などによってアクセスのたびに変わるページを指します。
同じように動的な機能を付け足すことが可能な言語として上記で紹介したJavaScriptがありますが、JavaScriptはユーザーのブラウザで処理をおこなうのに対し、PHPはサーバー側で処理をおこないます。
サーバーサイドで処理をおこなうPHPはデータベースからデータを取得・加工をし、Webページに連携することが可能です。
● ECサイト(ショッピングサイト)の作成
● SNSの作成
などの場面でPHPは用いられ、「Facebook」や「ぐるなび」などのWebサービスがPHPで作成されています。
PHPはWeb開発におけるシェア率が80%に迫る人気なプログラミング言語となっており、今後の需要も期待されています。
加えて、人気面だけでなく学習面においてもPHPは優秀と評価されています。
主な理由としては
● インターネットなどでPHPに関する情報を入手しやすい
● 環境構築が簡単
などがあります。
プログラミングの学習を始めるにあたって、学習コストの低さというのはとても大きなメリットとなるため、初学者にとっておすすめな言語になっています。
ディーキャリアITエキスパート海老名オフィスでは、訓練を通して考え方やコミュニケーションのスキルを学ぶことやビジネスマナー・ルールを知ることで、就職に向けた準備を進めることができます。また、自分に向いている仕事探しや弱みに対する対処の方法のヒントを見つけられるように、自分の特性や価値観、強み・弱みを知れるような訓練をおこない、支援をしていきます。
自分の強み・弱みが分からない
自分の特性が分からず、対処がうまくできない
などの悩みをお持ちの方、ぜひ一度相談に来ませんか?
無料で見学や体験をすることも可能です。ご連絡お待ちしています♪
↓人気のオフィスブログはこちら!
① ”ITで働く”ってどんな感じ?
② IT企業の特例子会社へ見学に行きました♪
③ ~障害者雇用採用担当者が語る~ 障害者雇用において企業から求められることってなに?
凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹
神奈川県指定 就労移行支援事業所
ディーキャリア ITエキスパート海老名オフィス
IT・Webスキル(プログラミングスキル)の習得を目指せる就労移行支援事業所です。
所在地:〒243-0432 神奈川県海老名市中央2丁目9−1 スタービレ海老名 201
電話:046-204-8920
E-MAIL: it-ebina@dd-career.com
Twitter:@it_ebina
監修者:佐藤秀祐(サービス管理責任者/社会福祉士・介護福祉士)
凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹凸凹
ITエキスパート海老名オフィスのブログ一覧
オフィス情報
ITエキスパート海老名オフィス
- アクセス
- JR線「海老名駅」西口より徒歩8分
- 電話番号
- 046-204-8920