オフィスブログ

初心者でもわかる!!プログラミング知識をご紹介します♪

こんにちは!ディーキャリアITエキスパート海老名オフィスです!

この事業所に通われている皆さんは、発達障害や精神障害をお持ちの方々で、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とは、プログラミング言語の一種で、
プログラミング言語とは、簡単に言うと
コンピューターにこんな風に動いてほしい! というのを指示するためのものです。

例えば

・Aボタンを押したらジャンプしてほしい!
・タッチしたらアプリを起動してほしい!
・お金を入れたら金額を教えてほしい!


などです。

そして、それぞれのプログラミング言語に特徴があり得意・不得意があります。
JavaScriptの特徴は、
Google Chrome(グーグル クローム)や、Microsoft Edge(マイクロソフト エッジ)などのブラウザ上で動き、HTML&CSSで作られたWebページに「動き」を付けることができるのが特徴です。

動きといっても種類が多いので、一部を手短に紹介すると、

◇アニメーション : 色を変えたり、画像などの要素を移動・回転・大きさを変えたりする。
◇ボタン : ボタンを押したときに指示(プログラム)した動きを実行する。
◇入力フォーム : お名前、電話番号、メールアドレスなどの数値や文字をチェックする。
◇ソート : Webページに表がある時に昇順や降順などに並び替えをする。
◇検索機能 : Webサイトの文字検索や検索文字に一致した文字を絞り込んだりする。
◇計算機 : 単純な計算から複雑な計算まで(消費税計算・日数計算・物理計算など)
◇ゲーム : タイピングゲーム・パズルゲームなど、Webページで動くゲームを作れる。


などいろいろなことができます。

JavaScriptは、他のプログラミング言語と比べて初心者にも分かりやすく入門向きと言われていますが、
プログラミング言語自体がしっかりと勉強しないと習得できないものですし、最初は、思ったようなものが作れずに「つまらない」と思います。
ただ、地道に根気よく勉強を続けていると、少しずつ思ったようなものが作れるようになり、プログラムは「おもしろい」と思う日が来ると思うので、あきらめずに勉強して、みなさんが思ったようなものを自由に作れる日が来ることを願っています!

初心者でもわかる!PHPとは??

PHPは、Webページに機能を付け加え、動的な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エキスパート海老名オフィスのブログ一覧

  1. 発達障害グレーゾーンってどう向き合う?自分らしく生きるためのコツ

  2. ディーキャリアITエキスパート海老名オフィスでの訓練の進め方とスタッフ紹介!|利用者ブログ

  3. 利用者から見たこの事業所の魅力について!|利用者ブログ

  4. 勝ちへのこだわりを活かす!発達障害の勝ち負け思考とは|大人の発達障害

  5. 〜卒業生 Cさん(うつ病・20代) 就職までの軌跡〜 卒業生インタビュー

  6. 発達障害はどこで診断してもらう?クリニックの選び方|大人の発達障害

  7. 〜卒業生 Mさん(軽度知的障害・20代) 就職までの軌跡〜 卒業生インタビュー

  8. どうしたら復職できる?!リワークまでの流れを紹介|精神・発達障害お役立ちコラム

  9. 〜卒業生 Nさん(発達障害・20代) 就職までの軌跡〜 卒業生インタビュー

  10. 休職中に受けることができる“リワーク支援”とは?|大人の発達障害・精神障害

  11. ADHDだと集中力が続かない!?ADHDの特性と集中力・記憶力の関係性とは?

  12. 本音や建前、社交辞令って嘘を言うってこと?発達障害の特性と“社交辞令”の関係性とは

  13. ADHDは家事が苦手!?家事が楽になる方法をご紹介🧹

  14. お金が不安で就労移行支援に通えない?!|不安を解消し、長期就労を目指しませんか?

  15. うつがひどいとお風呂に入れない…お風呂の重要性と対処法!

  16. バナナを食べてみんなハッピーに♪

  17. 「つい食べ過ぎてしまう…」のは実は発達障害と関係があるかも!?|大人の発達障害

  18. 面談は「自分のことを伝える場」|オフィスの日常

  19. 発達障害だと待つのが苦手??理由と対処法をご紹介します!|大人の発達障害

  20. 考えのすり合わせって難しいですよね…!|オフィスの日常

  21. 障害を持ちながら働く人を支える制度“ジョブコーチ制度”を知っていますか?

  22. 気象病って知っていますか?発達障害と気象病の関係についてお伝えします!|大人の発達障害

  23. こんなことありませんか??発達障害の恋愛あるあるとトリセツ(ADHD編)

  24. 🌸卒業おめでとうございます🌸~就職した卒業生の声をお届けします③~|大人の発達障害

  25. 発達障害は傷つきやすい?その原因と対策を紹介します!|大人の発達障害

  26. 怠けているわけではないのに時間が守れない!なぜ遅刻してしまうの?!|発達障害あるある

  27. “障害者雇用で働く“ことのメリットは?|大人の発達障害

  28. 2023年も残りわずかですね・・・!|ディーキャリアITエキスパート海老名オフィスよりご挨拶

  29. 自分に自信がない人必見!!今日からできる!自分に自信を持つ方法|大人の発達障害

  30. 先延ばしで大変なことに…!発達障害と先延ばし癖の関係性は?!|大人の発達障害

  31. 障害はわがまま?誤解されてしまう理由はなに!?|大人の発達障害

  32. 障害者雇用の現状は?|発達障害向け就職耳寄り情報

  33. 発達障害の人は謝れない?!謝るのが苦手な原因は?|大人の発達障害

  34. 就労移行支援は”障害者手帳”がなくても利用できます!~手帳取得のメリットをご紹介~

  35. 遅刻してしまって怒られてばかり…それって発達障害が原因かも?|大人の発達障害

  36. 🌸卒業おめでとうございます🌸~就職した卒業生の声をお届けします②~|大人の発達障害

  37. 季節の変わり目にはご注意を!体調管理できていますか?|大人の発達障害

  38. “はたらく”って難しい?うまくいかない原因は“発達障害”かも…?|大人の発達障害

  39. 発達障害の特性は強みにもなる!?自分の強みを活かして仕事をしませんか?|大人の発達障害

  40. 障害を持つ方への就職支援の一つである“定着支援”を知っていますか?|大人の発達障害

  41. なかなか選べない。決められない。よりよい選択をするためのポイントは!?|大人の発達障害

  42. 発達障害に向いている仕事って?自分に向いている仕事ってどうみつける?|大人の発達障害

  43. 発達障害はキレやすい?原因と対策はこれ!|大人の発達障害

  44. 何でもかんでも相談しすぎ?相談しすぎといわれてしまう人の原因と対策!|大人の発達障害

  45. 発達障害って何?どんな障害なの?|発達障害の特徴をわかりやすく解説します!

  46. 精神疾患ってどんなものがあるの?~part1~|それぞれの違いと特徴

  47. 相談できないそこのあなた!その悩み解決できるかも!?|大人の発達障害

  48. 発達障害の人は我慢ができない?そう見られてしまう理由と対処法!|大人の発達障害

  49. 「詰めが甘い!」と言われてしまうADHDのあなたへ|大人の発達障害

  50. 🌸卒業おめでとうございます🌸~就職した卒業生の声をお届け~|大人の発達障害

  51. みなさん5月病は乗り切りましたか??🎏|乗り切るためになにする??

  52. 発達障害の人は空気が読めない??原因と対策をご紹介します!

  53. 「ゲームがやめられない…」発達障害とゲーム依存の関係性は??

  54. 二次障害にならないためにはどうしたらいい?|大人の発達障害(ASD・ADHD)

  55. 発達障害のある人は二次障害になりやすい?|大人の発達障害

  56. 発達障害|IT関係の仕事が向いている?その理由を解説します!

  57. 🌸新年度のご挨拶🌸

  58. 【イベント】バスケ観戦で職業訓練?!~事業所の外でも訓練はできる!!~

  59. 報連相が苦手…どうしたらうまくいく?②|大人の発達障害(ASD・ADHD)

  60. 報連相が苦手…どうしたらうまくいく?①|大人の発達障害(ASD・ADHD)

  61. 感覚過敏と上手に付き合う方法とは?|大人の発達障害

  62. 大人の発達障害|同じミスを繰り返してしまうのはなぜ??

  63. 就労移行支援ってなに??あなたに合った事業所選びのポイントを教えます!|大人の発達障害

  64. ストレスが溜まりやすいあなたへ!おすすめのストレッチ方法を紹介します!|大人の発達障害

  65. 障害者雇用における「合理的配慮」とはなに?|大人の発達障害(ASD/ADHD)

  66. なんだか眠れない…|発達障害(ASD/ADHD)で起こりやすい睡眠の問題

  67. 大人の発達障害|「人間関係に疲れやすい」のは特性が関係している?!

  68. 大人の発達障害|医療費が軽減できる、自立支援医療制度を知っていますか?

  69. 大人の発達障害|悩みの裏には感覚過敏が隠れているかも?!

  70. ASDは完璧主義が多い?!その理由と対処法を紹介します!|大人の発達障害

  71. 大人の発達障害・ADHD|いつも頭の中がごちゃごちゃ…?原因と対処法

  72. あの神様もADHDだった!|発達障害の活躍事例

  73. ~障害者雇用採用担当者が語る~ 障害者雇用において企業から求められることってなに?

  74. ~世界が注目!~ いまIT業界で発達障害の人材が求められています!!

  75. 夜、しっかり眠れていますか?|発達障害と睡眠障害の関係性とは?

  76. 発達障害ストレスが溜まりやすい?!|自分に合ったストレス撃退法を見つけよう!

  77. めざせ傾聴マスター! ~利用者の皆さんに“話を聴くこと“についてきいてみました!~

  78. ~“ゆるキャン△”から学ぶ~キャリアプランニングって??

  79. “IT企業で働く“ってどんな感じ?

  80. IT企業の特例子会社へ見学に行きました♪

  81. スマホ脳

  82. 自分に向いている仕事って何だろう?

  83. “自分の大切にしている価値観”を発見するカードゲームをやりました!!

  84. 内覧会のご案内

オフィス情報

ITエキスパート海老名オフィス

アクセス
JR線「海老名駅」西口より徒歩8分
電話番号
046-204-8920