こんにちは!2018年度新卒入社の池内です。 イー・エージェンシーには新卒向けにプログラミング研修制度を設けています。 「プログラミングを学ぶことで、ITスキルの土台が築ける」という考えから、プログラマー職だけでなく、全ての新卒が研修に参加します。もちろん私も! 右も左もプログラミングもわからない私が、どんな壁にぶつかり、何を学んだのかご紹介したいと思います。「IT企業に勤めたいけど、大丈夫かな?」と不安な新卒のみなさん、ぜひご覧ください!
基礎だけど奥が深い!HTML・CSS
Webサイトを制作するには、いくつかのプログラミング言語が必要になります。 「HTML」と「CSS」は、その中で最も基本的な言語です。
HTMLとは:見出しやヘッダー情報など、Webページの文書構造を作るための言語 CSSとは:HTMLで組み立てた文書構造にデザインを施し、見栄えを整えるための言語
まずは、この2つの言語を実際にwebサイトを制作しながら学習します。 今回は料理紹介サイトの制作に挑戦しました! 指示書を元にして、HTMLで文書構造を作成し、CSSでデザインを調整していきます。 最初は、2つの言語を使い分けることに戸惑いましたが、先輩に教えていただきながら乗り越えることができました。 初めてのwebサイト制作で、時間はかかってしまいましたが、なんとか仕上げることができました!
動くぞ!JavaScript
次は、「JavaScript」について学びます!
JavaScriptとは:webサイトに動きを与えるための言語
今回はwebサイト上で動く、「ストップウォッチ」と「ルーレット」を制作します。 どちらもシンプルに見えて、意外と多くの処理を必要とするようです。 さっそく壁にぶつかってしまいました… HTMLとCSSが2次元だとすると、JavaScriptは3次元のように複雑です。 動的な処理を行うには、様々な命令を組み合わせる必要があり、とても神経を使いました。 JavaScriptは、1つの動作でも細かく要素を分解して、記述する必要がありました。 例えば、人間がA地点に向かいたいと思った場合、自然と足が動きだすと思います。 でも、ブラウザの場合は違います。 足が動きだすまでには、以下のように多くのステップが必要になります。
※イメージです 今回の課題であるストップウォッチも、「動かす」「止める」「初期化する」という「行動」を細かく分解する必要がありました。 命令を紐解きながら、行動を細分化し、コードを書く。とても難しく、辛く感じました。
こうやって乗り越えた!おすすめの勉強法
プログラミング研修は難しいことばかりでしたが、そんな課題にどう取り組んだかご紹介します!
1.分からない部分は書籍を読んで勉強 先輩社員おすすめの本や、本屋で内容が理解できそうな本を探して勉強しました。 また、実際にコードを書いて動くか検証することで、知識を身につけることができました。
2.間違った箇所は復習する 永遠にループする命令コードを書いてしまい、パソコンが動かなくなったことがあります… 原因は「ループする」ボタンを理解しておらず、迂闊に押してしまったためでした。 ボタンの意味を調べ復習することで、同じ間違いをおこさないようにしました。
プログラミングは難しいけど、これから絶対役にたつ!
プログラミング未経験でイー・エージェンシーに入社しましたが、研修を受けることで、難しさと同時に楽しさも知ることができました。 現在、サービスサイトの更新業務を問題なく行えているのは、この時の努力があったからだと思っています。 プログラミングは辛いときも多かったですが、受けて本当によかったと感じています。 ご覧いただきありがとうございました! イー・エージェンシーでは、プログラミング研修の他にも研修を行なっています! ご興味がある方は以下からご覧ください。 【2018年度新卒 どたばた研修日記】手厚いサポート!イー・エージェンシーが取り組む新卒研修とは!?
PICK UP
-
タグ: Webサイト多言語変換サービス, shutto翻訳, コラム, 事例紹介
株式会社崎陽軒様:shutto翻訳ご利用事例 -
タグ: さぶみっと!メール配信, クラウドサービス, コラム, ニュース, 自社サービス
ITreview Grid Award 2025 Springにて「High Performer」を受賞しました!(メールマーケティングツールカテゴリー) -
タグ: eコマース, itreviewアワード, カゴ落ち対策, クラウドサービス, コラム, ニュース, 顧客満足度
ITreview Grid Award 2025 Springにてカゴ落ち対策カテゴリー部門で「High Performer」を受賞しました! -
タグ: Webサイト多言語変換サービス, shutto翻訳, インバウンド, コラム, ニュース, 顧客満足度
ITreview Grid Award 2025 Springにて、ウェブサイト翻訳ツール部門で「Leader」を5年連続で受賞しました! -
タグ: 2025年の崖, DX推進, GA4, Googleアナリティクス, IT人材育成, gmpプレミアムサロン, イー・エージェンシー, オンライン学習, コラム, データ活用, マーケティングDX, レガシーシステム, 企業変革, 社内教育, 自社DX戦略
「2025年の崖」を乗り越える!DX推進とIT人材の育成が鍵 -
タグ: GA4, GMPパートナー, Googleアナリティクス, Udemy Business, アクセス解析, イー・エージェンシー, オンライン学習, コラム, サイト運営支援, データ活用, マーケティング支援, 初心者向け講座, 動画講座, 学習プラットフォーム, 法人向け教育
Udemy Businessで視聴可能に!GA4のスキルアップを強力サポート!