top of page

フロントエンド研修内容の概要

画像1.png

1. HTML - HyperText Markup Language

ウェブページの基本構造を定義するマークアップ言語について学びます。
 
– 実際例: ウェブサイトの基本的なページ構造を作成するために、ほぼすべてのウェブサイトで使用されます。

css.png

2. CSS - Cascading Style Sheets

ウェブページのデザインやレイアウトを制御するスタイルシート言語の基礎から応用までを学びます。

– 実際例: ウェブページのデザインやレイアウトを整えるために、企業の公式サイトやオンラインショップで使用されます。

画像3.png

3. JavaScript

ウェブページに動的な機能を追加するプログラミング言語の基本文法と実践的な使い方を学びます。

– 実際例: ユーザーインタラクションを向上させるために、ニュースサイトのライブ更新やEコマースサイトのカート機能で使用されます。

vue-js-seeklogo.png

4. Vue.js

軽量で柔軟なJavaScriptフレームワークの基礎と応用を学びます。

     

– 実際例: シングルページアプリケーションを構築するために、Adobeのポートフォリオサイトで使用されています。

pngwing.com (1).png

5. React

Facebookが開発したコンポーネントベースのJavaScriptライブラリを使った開発手法を学びます。

     

– 実際例: インタラクティブなユーザーインターフェースを構築するために、FacebookやInstagramのフロントエンドで使用されています。

pngwing_edited.png

6. Angular.js

Googleが開発したフル機能のJavaScriptフレームワークを用いた開発方法を学びます。

     

– 実際例: 大規模な企業向けウェブアプリケーションを構築するために、GmailやGoogle Driveで使用されています。

画像9.png

7. Git/GitHub

ソースコードのバージョン管理を行うための基本操作とチーム開発における応用を学びます。

     

– 実際例: ソフトウェア開発チームがコードの変更履歴を管理し、共同作業を効率化するために、GitHubやGitLabで使用されています。

jest-logo-png-transparent.png

8. Jest

Facebookが開発したJavaScriptテストフレームワークを用いたテスト手法を学びます。

     

– 実際例: JavaScriptアプリケーションの単体テストを自動化するために、Reactプロジェクトで広く使用されています。

pngegg.png

9. Bootstrap

レスポンシブなデザインとコンポーネントを提供するCSSフレームワークの使用方法を学びます。

     

– 実際例: モバイルフレンドリーなウェブサイトを迅速に構築するために、Twitterのフロントエンド開発で使用されています。

Typescript_logo_2020.png

10. TypeScript

静的型付けをサポートするJavaScriptのスーパーセットの基礎と応用を学びます。

     

– 実際例: 大規模なコードベースのバグを減らし、開発者の生産性を向上させるために、MicrosoftのVisual Studio Codeなどで使用されています。

typing.PNG

バックエンド研修内容の概要

画像6.png

1. Java - JSP/Servlet

Javaを使ったエンタープライズ向けの開発手法を学びます。

   

– 実用例: JSPとServletを組み合わせて、オンライン書店の注文管理システムを作成することができます。

icons8-spring-boot-480.png

2. Spring Boot

Javaのフレームワークとして、スタンドアローンのプロダクションレベルのアプリケーションを作成する方法を学びます。

   

– 実用例: Spring Bootを使って、タスク管理アプリケーションを構築し、タスクの追加・編集・削除機能を実装することができます。

nodejs-2.png

3. Node.js

サーバーサイドのJavaScript環境の基本と実践的な使用方法を学びます。

   

– 実用例: Node.jsを使って、簡単なチャットアプリを作成し、ユーザーがリアルタイムでメッセージを交換することができます。

laravel-featured.png

4. Laravel

PHPでの開発を効率化するフレームワークの使用方法を学びます。

   

– 実用例: Laravelを使って、ブログサイトを作成し、記事の投稿・編集・削除機能を実装することができます。

画像13.png

5. PL/SQL

Oracleデータベースのための手続き型言語の基本と応用を学びます。

   

– 実用例: PL/SQLを使用して、銀行の取引履歴を管理するシステムを開発することができます。

pngwing.com (2).png

6. VB.NET

VB.NET: .NETフレームワークを用いたWindowsアプリケーション開発の基本を学びます。

   

– 実用例: VB.NETを使って、社員の勤怠管理システムを開発することができます。

pngwing.com (3).png

7. MySQL

データベースの基本操作と管理方法を学びます。

       

– 実用例: MySQLを使って、オンラインショップの商品データベースを設計・構築し、在庫管理を行うことができます。

pngwing.com (4).png

8. PostgreSQL

高機能なデータベースの使用方法を学びます。

       

– 実用例: PostgreSQLを使って、ソーシャルメディアアプリのユーザーデータを管理することができます。

pngwing.com (5).png

9. Oracle

エンタープライズ向けのデータベース管理システムの基本と応用を学びます。

       

– 実用例: Oracleを使って、大規模な企業の給与管理システムを開発することができます。

1_CiVW0IQDeLIYO8uXrd-8dw.png

10. Restful API

一般的なWebサービスの設計スタイルを学びます。

     

– 実用例: RESTful APIを設計し、モバイルアプリと連携して天気情報を提供するサービスを作成することができます。

画像11.png

11. JUnit

Javaアプリケーションの単体テストを行うためのフレームワークを学びます。

     

– 実際例: Javaベースのエンタープライズアプリケーションの信頼性を確保するために、SpringやHibernateのプロジェクトで使用されています。

Amazon_Web_Services_Logo.png

12. AWS - Amazon Web Service

広範なクラウドサービスの基本と実践を学びます。

     

– 実用例: AWSを使って、画像を保存・表示するフォトギャラリーアプリをデプロイすることができます。

gcp-logo.png

13. GCP - Google Cloud Platform

Googleが提供するクラウドコンピューティングサービスの使用方法を学びます。

     

– 実用例: GCPを使って、リアルタイムデータを処理するIoTデバイス管理システムを構築することができます。

  • 上記を通じて、新入社員はフロント、バックエンド開発に必要なスキルを体系的に習得し、実践的なウェブアプリケーション、サーバーサイドアプリケーションの構築ができるようになります。

  • 3~4ヶ月の研修で実際にどのようなシステムをハンズオンで作成するかは、マイナビの新卒向け説明会で行っています。

mynavi.png
bottom of page