loading...

検索結果

{{'検索結果' + searchResultList.length + '件'}}(人気順)

Angular入門研修(3日間)

Angular入門研修(3日間)

SPA/Angularの基本知識から学び、実際にアプリを開発。実務の業務効率化を促進させる

研修No.B ITO699-0000-3990

対象者

  • 全階層

・HTML、CSS、JavaScript の基礎知識をお持ちの方
・今後、高機能なウェブアプリケーションの開発に携わる方
・非IT部門において、担当業務に必要なアプリケーションを自ら開発できるようになりたい方

【前提知識】
・HTMLやCSSやJavasSriptなどウェブ開発の一般知識

よくあるお悩み・ニーズ

  • 非IT部門が、独自にアプリケーションを開発し、業務を効率化させたいとお考えの方
  • 既存のWEBページの操作性を改善したい方、ページの表示速度を高速化させたい方
  • システム開発を高速化させたい方

研修内容・特徴outline・feature

最近の開発で取り入れられるようになっている、SPA(Single Page Application)。ユーザビリティ(ユーザの利便性)向上や高速なページ遷移が実現できる技術として注目されています。本研修では Googleが開発する Angularを使って、SPA の開発を体験いただけます。

<本研修のポイント>

  • ・Angularの基本知識を理解できる
  • ・最新のフロントエンド開発の仕組みややり方を理解できる
  • ・ダイナミックなウェブアプリケーションの開発方法を理解できる
  • ・Angular開発用の環境構築のやり方を理解できる
  • ・実際の企業活動における利用シーンを題材として、演習に取り組める
    「取引先別・年度別売上推移」を使って、営業方針決定用のデータを画面表示するAngularアプリを作成

*この研修ではPCを使用します*

研修のゴールgoal

  • ①「SPA」と呼ばれるウェブアプリやモバイルアプリの仕組みを説明できる
  • ②Angularを使ったアプリケーションを修正・改造できる

研修プログラム例program

研修プログラム例(所要時間:1日間/1日目)
内容
手法
  • 1.Angular とは ~SPA (Single Page Application)を実現する技術
    (1)SPAとは
    (2)Angularでプログラムを作るには
    (3)Angular のメリット・デメリット
講義
ワーク
  • 2.開発環境を整えて、Angularプロジェクトをつくろう
    (1)Angular 開発で使うエディタ
    (2)Angular アプリを動かす手順
    (3)Angularアプリを構成する要素
    (4)サンプルコンポーネントを編集する
講義
ワーク

研修プログラム例 (所要時間:2日目/3日間)
内容
手法
  • 3.入力フォームの様々なコントロール、ページの割り当て、遷移
    (1)ボタンがクリックされたとき
    (2)テキストボックスの値を読み込む
    (3)フォームと文字列の出力について
    (4)足し算アプリを作る
    (5)FormBuilderを使って入力フォームを作る
    (6)ラジオボタンの追加
    (7)チェックボックスの追加
    (8)ドロップダウンリストの追加
講義
ワーク

研修プログラム例 (所要時間:3日目/3日間)
内容
手法
  • 4.検索機能を実装する
    (1)検索で使用するJSONデータの作成
    (2)検索用テキストボタンをつける
    (3)HTTPサービスを活用する
講義
ワーク
  • 5.総合演習 ~サンプルアプリケーションを改造する
    例:「取引先別・年度別売上推移」データを使い、データ分析用のAngularアプリを開発する
    ・都道府県、営業担当部署、売上金額等による絞り込み検索
    ・売上の昇順・降順への並べ替え など
講義
ワーク

全力Q&A{{list[0]['category']}}関連の全力Q&A

よくあるご質問について、研修のプロとして熱く丁寧に回答します。

カスタマイズ事例~ケーススタディCASE STUDY

本研修のカスタイマイズ事例として、作成したケーススタディを業界別にご紹介します。

{{theme}}研修のケーススタディ一覧

開発者コメントcomment

SPA/Angularを取り入れることで、サーバサイドでの開発と、クライアントサイドでの開発を分離することができるため、システム開発を並行化・短納期化することができます。
特に、Angularは比較的平易であるため、非IT部門が学んで、部門の業務に必要な機能を自ら開発することができるようになります。ぜひAngularを学んでいただいたうえで、貴社の業務効率化にご活用いただければ幸いです。

下記情報を無料でGET!!

無料セミナー、新作研修、他社事例、公開講座割引、資料プレゼント、研修運営のコツ

メールマガジンのご登録はこちら

登録は左記QRコードから!

※配信予定は、予告なく配信月や研修テーマを変更する場合がございます。ご了承ください。

配信をご希望の方は、個人情報保護の取り扱いをご覧ください。

最新作・ニュース

研修を探す

同じジャンルで探す

  • WEBinsource
  • 最新ニュース・記事

  • モンシャン

本研修をご検討中の方はこちら

初めてご利用の方へ

インソースからの新着メッセージ

    日程 時間 研修タイトル 会場
    2026/2/2410:00~16:45 OJT研修~部下・後輩指導の基本スキルを習得する(2025年版) オンライン 申込み
    2026/2/2410:00~13:00 (半日研修)生成AIで業務自動化研修~AIエージェントを自分専用の部下にする オンライン 申込み
    2026/2/2410:00~17:30 (初中級者向け)Excel研修~ゼロから学ぶマクロ・VBA基礎編 オンライン 申込み
    2026/2/2410:00~16:45 コミュニケーション研修~エトス・パトス・ロゴスで伝える力を強化する オンライン 申込み
    2026/2/2410:00~16:45 <営業レベルアップシリーズ>リレーション強化研修~顧客に寄り添い、担当としての信頼を獲得する オンライン 申込み
    2026/2/2510:00~16:45 問題解決研修~ビジネス上の問題を解決する 大阪 申込み
    2026/2/2510:00~16:45 ファシリテーション研修~会議を決める合意形成力強化編 オンライン 申込み
    2026/2/2510:00~16:45 経営戦略研修~勝ち筋を描くフレームワークの習得 東京 申込み
    2026/2/2510:00~13:00 (半日研修)仕事の進め方研修~アンラーニングで思考の硬直化を防ぎ再成長を図る オンライン 申込み
    2026/2/2510:00~16:45 事務ミス防止研修~原因を理解し、未然に防ぐ仕掛けを考える オンライン 申込み
    2026/2/2510:00~16:45 怒りのマネジメント研修~怒りの感情をコントロールし、部下指導を行う オンライン 申込み
    2026/2/2610:00~16:45 中途採用1年目研修~即戦力として活躍する オンライン 申込み
    2026/2/2610:00~12:00 (2時間研修)契約書の基本を学ぶ研修 オンライン 申込み
    2026/2/2610:00~17:30 新任管理職研修~求められる3つのマネジメント(人材、組織、業務)とリーダーシップ(2日間) 東京 申込み
    2026/2/2610:00~17:30 労務管理研修~働きやすい職場環境を整備する手法を学ぶ 東京 申込み
    2026/2/2610:00~16:45 タイムマネジメント研修~仕事を効率的に進めるための時間管理を学ぶ オンライン 申込み
    2026/2/2710:00~16:45 ファシリテーション研修~会議を円滑に進行する4つのスキル オンライン 申込み
    2026/2/2710:00~16:45 はじめてのOJT研修~指導における不安を解消し、自信を持って新人・後輩指導を行う オンライン 申込み
    2026/2/2710:00~16:45 報告書・議事録の書き方研修~必要情報を細大漏らさず表現する オンライン 申込み
    2026/2/2710:00~16:45 分かりやすい説明の仕方研修~言いたいことを簡潔に伝える オンライン 申込み
    2026/2/2710:00~16:45 ロジカルシンキング研修 オンライン 申込み
    2026/2/2710:00~17:30 リーダーとしての問題解決力向上研修~経営的視点と仮説思考で問題解決力を高める オンライン 申込み
    2026/2/2710:00~16:45 ロジカルシンキング研修(実践編)~論理的思考による問題解決 オンライン 申込み
    2026/2/2710:00~16:45 アサーティブコミュニケーション研修~自他尊重のスタンスで言いにくいことを伝える オンライン 申込み
    2026/2/2710:00~16:45 Microsoft Office研修~Excel応用編 東京 申込み
    2026/2/2710:00~16:45 (若手向け)ロジカルシンキング研修~情報を整理し、結論を導く 東京 申込み
    2026/2/2810:00~13:00 (半日研修)実践!評価者研修~期末面談・フィードバック編 オンライン 申込み
    2026/3/210:00~16:45 正しいビジネス文書の教え方研修~自信を持って後輩や部下の文書を添削する オンライン 申込み
    2026/3/210:00~16:45 はじめて学ぶ財務三表研修~ケースと図解で実務と数字を結びつける オンライン 申込み
    2026/3/210:00~16:45 仕事の生産性向上研修~「デキる人」に共通する時間の使い方・習慣を取り入れる オンライン 申込み
    2026/3/210:00~16:45 生成AIへの仕事の任せ方ワークショップ~120%のポテンシャルを発揮する オンライン 申込み
    2026/3/209:00~17:00 Microsoft 365 Copilotの使い方研修~資料作成の時間を半減する オンライン 申込み
    2026/3/310:00~16:45 クリティカルシンキング研修~本質を見抜く力を養う オンライン 申込み
    2026/3/310:00~16:45 タイムマネジメント研修~マルチタスク術で実現する仕事の生産性向上 オンライン 申込み
    2026/3/310:00~16:45 部下モチベーション向上研修~風通し・見通しをよくするコミュニケーション オンライン 申込み
    2026/3/314:00~17:00 【全力解説】行動経済学・ナッジ理論活用研修~コミュニケーション編 オンライン 申込み
    2026/3/310:00~16:45 管理職向け従業員エンゲージメント向上研修~働きがいのある職場づくりでチームの活性化をはかる 東京 申込み
    2026/3/310:00~16:45 (若手向け)ロジカルシンキング研修~情報を整理し、結論を導く 東京 申込み
    2026/3/310:00~16:45 社会人1年目・2年目ステップアップ研修~周辺配慮を意識した仕事の進め方 東京 申込み
    2026/3/410:00~16:45 新任課長研修~管理職に求められるマネジメント・采配力(2日間) 東京 申込み
    2026/3/410:00~16:45 ロジカルシンキング研修(実践編)~論理的思考による問題解決 大阪 申込み
    2026/3/414:00~17:00 (半日研修)実践!評価者研修~期末面談・フィードバック編 オンライン 申込み
    2026/3/410:00~16:45 ロジカルシンキング研修(実践編)~論理的思考による問題解決 東京 申込み
    2026/3/410:00~16:45 若手社員向けビジネスマインド強化研修~主体性、業務・役割の領域拡大、自分で考える 東京 申込み
    2026/3/410:00~13:00 (半日研修)なぜなぜ分析研修~考えるクセをつける オンライン 申込み
    2026/3/410:00~16:45 分かりやすい説明の仕方研修~言いたいことを簡潔に伝える 東京 申込み
    2026/3/510:00~13:00 (半日研修)生成AIで業務自動化研修~AIエージェントを自分専用の部下にする オンライン 申込み
    2026/3/510:00~16:45 評価者研修~公正な評価のポイントを学び、納得感のある評価を行う 大阪 申込み
    2026/3/510:00~16:45 27歳の壁を乗り越える研修~仕事の「慣れ」に打ち勝ち、成長を続ける オンライン 申込み
    2026/3/510:00~16:45 4SHIP研修~視座を高め、組織的に活躍する4方向の意識と行動 東京 申込み
    2026/3/609:00~17:00 業務効率化のためのGemini研修~Googleアプリとの連携で作業時間を削減する オンライン 申込み
    2026/3/610:00~16:45 はじめてのOJT研修~指導における不安を解消し、自信を持って新人・後輩指導を行う オンライン 申込み
    2026/3/910:00~16:45 新人フォロー研修~実務を振り返り仕事の進め方をブラッシュアップする 東京 申込み
    2026/3/910:00~16:45 若手社員研修~経験学習サイクルを回し、自己成長を加速させる 東京 申込み
    2026/3/909:00~17:00 (新入社員・新社会人向け)ビジネス基礎研修~社会人に求められる基本ルール・所作を学ぶ(2日間) 東京 申込み
    2026/3/910:00~16:45 部長レベルアップ研修~課題を解決し、変革へつなげる 東京 申込み
    2026/3/910:00~17:30 創造力強化研修~クリエイティブシンキングのためのマインドとスキル オンライン 申込み
    2026/3/910:00~16:45 ロジカルシンキング研修 オンライン 申込み
    2026/3/1010:00~16:45 はじめてのリーダーシップ研修~仕事力とコミュニケーション力強化編 オンライン 申込み
    2026/3/1010:00~16:45 報告書・議事録の書き方研修~必要情報を細大漏らさず表現する オンライン 申込み
    2026/3/1014:00~17:00 【全力解説】偉人に学ぶ仕事の向き合い方(渋沢栄一編)~志を立て、先の見えない時代を突破する オンライン 申込み
    2026/3/1010:00~16:45 仮説構築力向上研修~仕事の精度とスピードを高める思考法を身につける オンライン 申込み
    2026/3/1110:00~16:45 問題解決研修~ビジネス上の問題を解決する オンライン 申込み
    2026/3/1110:00~16:45 管理職のための人材マネジメント研修~「労務管理」・「人事評価」・「部下育成」 オンライン 申込み
    2026/3/1110:00~16:45 Microsoft Office研修~Excel基礎編 オンライン 申込み
    2026/3/1210:00~16:45 管理職向け従業員エンゲージメント向上研修~働きがいのある職場づくりでチームの活性化をはかる オンライン 申込み
    2026/3/1210:00~16:45 コーチング研修(実践編)~動機付けとキャリアサポート オンライン 申込み
    2026/3/1210:00~13:00 (半日研修)実践!評価者研修~期末面談・フィードバック編 オンライン 申込み
    2026/3/1210:00~16:45 俯瞰力強化研修~多面的に考え、全体を見渡すメタ思考力を鍛える 東京 申込み
    2026/3/1210:00~16:45 はじめてのリーダーシップ研修~仕事力とコミュニケーション力強化編 東京 申込み
    2026/3/1310:00~16:45 対人関係構築研修~円滑なコミュニケーションのためのスキルを習得する オンライン 申込み
    2026/3/1310:00~16:45 はじめてのリーダーシップ研修~仕事力とコミュニケーション力強化編 オンライン 申込み
    2026/3/1610:00~16:45 プレゼンテーション研修~相手を動かす3つの要素を習得する 東京 申込み
    2026/3/1610:00~16:45 業務フロー作成研修~業務の視覚化で、改善やリスク管理につなげる オンライン 申込み
    2026/3/1710:00~16:45 新人フォロー研修~実務を振り返り仕事の進め方をブラッシュアップする 東京 申込み
    2026/3/1710:00~17:30 ビジネスモデル企画研修~事例を学び、継続的に収益を上げる仕組みを考える オンライン 申込み
    2026/3/1710:00~17:30 リーダーのための仕事の進め方研修~メタ認知能力を活用し、マネジメント力を高める オンライン 申込み
    2026/3/1710:00~16:45 仮説構築力向上研修~仕事の精度とスピードを高める思考法を身につける オンライン 申込み
    2026/3/1810:00~16:45 はじめてのリーダーシップ研修~仕事力とコミュニケーション力強化編 オンライン 申込み
    2026/3/1910:00~17:30 若手社員研修~主体性の発揮 大阪 申込み
    新作研修(講師派遣)

    業界随一の研修開発力を誇る
    インソースの最新プログラム

      コア・ソリューションプラン
      の新作情報

      250種類以上のコンサル事例!
      組織の「したい!」に全力で応える

        本テーマのおすすめリンク

        おすすめリンク

        閉じる