100万人突破キャンペーン 最大¥3,980 OFF

キャンペーン終了まで

割引情報をチェック!

すべての動画をフルで見よう!

初回登録なら7日間無料! いつでも解約OK

いますぐ無料体験へ

サクッとわかる!テクノロジー ~フロントエンドシステム開発編~

  • 0h 3m (5sections)
  • テクノベート (テクノロジーとイノベーション)
  • 初級

このコースについて

ビジネスパーソンのための「サクッとわかる!テクノロジー」シリーズでは、現代のビジネス環境の急速なデジタル化に適応するために必要な基礎知識をサクッと学んでいきます。
今回のテーマは、フロントエンドシステム開発です。
基本的なテクノロジー知識を身につけ、効率的な業務推進や競争力強化、新たな価値創造に活かしていきましょう。

コース内容

  • レスポンシブデザインとは
  • モックアップ開発とは
  • フロントエンドフレームワークとは
  • ネイティブアプリとは
  • PWAとは

より理解を深め、他のユーザーとつながりましょう。

99人の振り返り

  • yutaka06

    IT・WEB・エンジニア

    pwa,ネイティブアプリ、フレームワーク、レスポンシブデザインなど用語の意味を知っているとエンジニアとのコミニケーションが円滑に進めれそうなので技術面以外のところは努力して覚えていきたい

    2023-07-18
  • mamec

    IT・WEB・エンジニア

    Web画面を発注する際に、業者の方との会話に、役立ちそう。

    2024-12-01
  • jyoui

    販売・サービス・事務

    ネイティブアプリやPWAは普段何気なく使用しているもので、名前がついているとは知らなくて勉強になった。

    2025-01-04
  • leosan

    人事・労務・法務

    ネイティブアプリは実際に身近な携帯のアプリをインストールする時に使われるものと知り、親近感が沸いた

    2024-12-30
  • reon2001

    販売・サービス・事務

    知らなかった単語が多くて最初は困惑したけど理解できて良かった

    2024-12-28
  • fruitmix56

    販売・サービス・事務

    スマホで使うアプリにも使われているため、身近に感じました。

    2024-12-19
  • 1982103

    その他

    日常業務で直接触れることはありませんが、知っておく知識だと思いました。

    2024-12-13
  • gtr_star

    IT・WEB・エンジニア

    PWAの概念は知らなかったですので、もう少し学習を深めたい。

    2024-12-11
  • koh_w

    IT・WEB・エンジニア

    アプリに種類があることを初めて知った。

    2024-12-10
  • akisa28

    販売・サービス・事務

    システムを構築するときに自分のレベルをよく考え、できる人に意見を求めるようにする。
    自分よがりにならないよう実際に使用するイメージでテストしてもらい改善していく必要があると感じた。

    2024-12-08
  • yamatakuishi

    販売・サービス・事務

    フロントエンジンシステムの開発をしていみたい!

    2024-12-08
  • gararanyororo

    IT・WEB・エンジニア

    普段使用しているシステムにいくつかの種類があるということはわかったので、学んだ内容を活用できるとしたら、不具合が起きた時などの対処に少し役立つかもしれません。

    2024-12-07
  • mitti24gym

    専門職

    ネイティブアプリという言葉を初めて聞きました。
    良い学びになりました。

    2024-12-07
  • tquattro

    建設・土木 関連職

    耳にしたことはあっても正確な意味を知らない単語が多かった。

    2024-12-02
  • miyhaha

    販売・サービス・事務

    何も分からい、後ほど確認します

    2025-01-11
  • terulin

    メディカル 関連職

    レスポンシブデザインしか知りませんでした。
    モックアップ開発は、用語は知らなくても実行していたことだった。

    2024-12-01
  • aiko-aiko

    人事・労務・法務

    初めて耳にする単語ばかりで難しかったが、学びを深めていく為にも覚えていきたい。

    2024-11-30
  • mutame

    その他

    馴染みのない用語が多く理解が難しい

    2024-11-29
  • hazuki420

    専門職

    こちらも、用語確認できました。

    2024-11-22
  • m_k_d

    その他

    難しい内容であったが再度見直し復習する。

    2024-11-21
  • ehara_c

    人事・労務・法務

    慣れない言葉が続いているのでしっかり覚えられるようにいていきたい。

    2024-11-20
  • oknmkcti

    経理・財務

    初めて聞いた言葉ばかりなので、次に出会うときは2度目ということになります。

    2024-11-19
  • nomkrk

    その他

    スマホをイメージするとわかりやすい説明だった

    2024-11-17
  • kyo1227

    営業

    現業務では耳にすることのない用語ばかりで、覚えるのは難しそうですが、ざっくりでも覚えられるようにして開発チームとコミュニケーションが取れるようにしていきたいと思います。

    2024-11-09
  • an14793

    メーカー技術・研究・開発

    大規模な開発や複雑化する想定のアプリケーション開発においては、フレームワークを利用することで効率化と高速化を行う。

    2024-10-27
  • makotokoma

    販売・サービス・事務

    リスク管理、気をつけます。

    2024-10-24
  • kykfgmt

    メーカー技術・研究・開発

    日常生活で使っているアプリにも種類があると知らなかった

    2025-02-07
  • nayuta-

    資材・購買・物流

    開発に必要なデザイン・試作・目的・規模用語の説明、名称と行為が紐づかない

    2025-02-20
  • ivygreen

    その他

    表示設定がどのように仕組まれているのか分かった

    2025-02-20
  • n_a_t_s_u

    専門職

    知っているようで知らなかった単語の意味に触れ、勉強になった

    2025-02-20
  • usa_usasan

    金融・不動産 関連職

    知らなければならない用語だと思いました
    しっかり覚えたいです

    2025-02-19
  • hikaharu

    販売・サービス・事務

    開発する際は目線をどこに置くか、適切な範囲はなど様々なことを考慮しているのだと理解しました。用語はまだ聞きなれないので、くりかえし聞きます

    2025-02-18
  • stk_shitian

    専門職

    レスポンシブデザインの採用は、顧客の閲覧に利便性を高める要素だ。PC携帯タブレット、顧客がどの環境からアクセスしても見やすいページ作りは、ユーザーに快適さを提供できる。子育て世代などゆっくりPCの前に座れない方々、電車などの移動時間活用で情報にアクセスする方が見やすいと感じれば再訪問率も高まる。視覚に訴えるWEBサイトやアプリづくりも大切な訴求要素だ。モックアップ開発により機能やデータの実装を行う前に、開発の初期段階で出来上がりイメージを視点要素に重点を置いて試作することで、受け手にどのように見せたいかの完成形が先に決められる。見せたい形に即してデータや機能をどう実装し、顧客に訴えたいかという視点からのソフトウエア開発ができれば、顧客の声にじかに接する営業職などのアイデアがアプリやWEBサイトの視覚設計に反映でき、顧客満足度の向上につながる。こうした視点を持ち開発に携わる際にはお客様に近いスタッフとの協力、視点の導入を考えていきたい。アプリのユーザーインターフェース開発には、目的や規模に応じて、フロントエンドフレームワーク導入が効率的で時短につながる。活用に必要な一定の技術習得や経験値を積み上げられるような業務経験につなげたい。ネイティブアプリはカメラ・GPS・OSなどの機能活用ができ、いったんダウンロードでオフラインでも利用可能、携帯が普及した今の世の中では通信費削減で利用の伸びも期待できる。ネイティブアプリと並行し、PWAで実装したWEBアプリとの同時展開をすれば、利用者の閲覧環境に応じて、どちらでも同じように利用できる環境づくりが実現できる。同じイメージでアクセスできることが企業イメージの定着にも活かせるのではないかと思う。統一感のあるWEB・アプリによる広告戦略を提案でき、開発力も備えた人材になりたい。

    2025-02-16
  • fuji_fuji_

    その他

    レスポンスデザイン
    フレームワークは技術が必要
    UX
    ネイティブapplication(GooglePlayで取得可能)

    2025-02-16
  • hi_wakabayashi

    その他

    フロントエンドシステムの用語を身に着け、ユーザーが利用しやすい価値創造に活用したい。

    2025-02-15
  • pa-pas

    その他

    ネイティブアプリ、フレームワーク、レスポンシブデザインなど新しいワードが出てきたので覚えたい。

    2025-02-14
  • -yasuko-

    メーカー技術・研究・開発

    モックアップ開発とは、ユーザビリティの向上に繋がると思いました。
    視覚的に操作できるのはありがたいです。

    2025-02-11
  • nontas_resera

    営業

    用語ばかりなので理解が難しい。私は実践派なのでこの勉強と同時にアプリケーションの開発をためしてみようと思う。

    2025-02-08
  • morimotoa

    営業

    知らなかった事が多過ぎ、課題が見えた。

    2024-10-19
  • yiidaco

    その他

    繰り返し視聴し覚えていきたい

    2025-02-06
  • lupin_the3rd

    販売・サービス・事務

    普段何気なく使用しているアプリも、成り立ちや特徴が異なることを知れて良かった。

    2025-02-01
  • h_yamasakibeta

    販売・サービス・事務

    聞き慣れない用語の確認が出来ました。

    2025-01-29
  • ay_tkmt

    建設・土木 関連職

    スマートフォンで使用しているアプリをイメージして理解できる部分もあったが、その他は復習して理解を深めたいと思います。

    2025-01-27
  • eumeda

    その他

    レスポンシブデザインは知っていたが、それ以外は初めて目にするので繰り返し視聴して理解したいと思います。

    2025-01-27
  • kurodaccyo

    メディカル 関連職

    いろいろなデバイスで利用できるように開発されていることがわかりました。

    2025-01-26
  • moon-mn

    その他

    日常に当てはめると理解しやすかった

    2025-01-22
  • ku1012

    金融・不動産 関連職

    理解が難しい用語が多かった

    2025-01-21
  • rocky55

    販売・サービス・事務

    どれも初めての言葉で難しかったです。

    2025-01-21
  • taka_shimo

    経営・経営企画

    フロントエンドも拡張していることが理解できました。
    何気なくスマホを利用していますが、この技術のお陰であり、理解を深めないといけないと感じました。

    2025-01-19
  • sa-yamanaka

    販売・サービス・事務

    アプリの事で様々な事がわかったので今後に活かしたいと思います。

    2025-01-18
  • takuto2009

    金融・不動産 関連職

    基本の理解ができました。

    2023-10-27
  • h_mura

    IT・WEB・エンジニア

    耳にしたことはあっても正確な意味を知らない単語が多かった

    2024-04-03
  • mogyan

    IT・WEB・エンジニア

    以下を学ぶことができた。知らない用語があり有効であった。
    ・レスポンシブデザイン:異なるデバイスや画面サイズに適応する手法。ひとつのURLとhtmlコード
    ・モックアップ開発:視覚的な要素に重点をおいた試作
     ワイヤーフレーム:各要素の配置や大きさなど骨格を決める
    ・ネイティブアプリ:インストールアプリ。WEBアプリと比べて、カメラやGPS、OSの機能を活用可能
    ・PWA(PROGRESSIVE WEB APPS):WEBアプリをネイティブアプリの様な仕組みに出来る技術


    2024-03-23
  • marumiyo

    人事・労務・法務

    用語が学べてよかった。
    何度か見直して覚えたい。

    2024-03-22
  • tsuyoshi_asano

    経営・経営企画

    ワイヤーフレームからモックアップで早期にアウトプットをイメージするのはスライド作りと似ていますね

    2024-02-14
  • aqueous

    メーカー技術・研究・開発

    正直ほとんど使うことのない分野だ。

    2024-02-01
  • doumoto_

    IT・WEB・エンジニア

    各用語に対する理解が深まった。

    2024-01-26
  • tomo488

    マーケティング

    OSに対応したフロントエンドの開発が必要であり、ネイティブアプリにするかどうかも一長一短ですね。

    2024-01-09
  • saito_koji

    IT・WEB・エンジニア

    Xbox Cloud Gamingで使っていたのはPWAというものですね

    2023-12-30
  • sa_ina

    IT・WEB・エンジニア

    ネイティブアプリについて理解しました

    2023-12-16
  • k_yuna

    販売・サービス・事務

    大変勉強になりました。

    2023-12-01
  • stani

    専門職

    参考にさせていただきます。

    2023-11-06
  • kouhei728

    経営・経営企画

    SaaSシステムを提供しているが、PWAは使えそうだなと思いました。

    2023-10-29
  • hr-sakai

    その他

    知らない用語も知る事ができたました。

    2024-04-20
  • k_fujimo

    営業

    レスポンシブルフレームは身近な例だったので理解しやすかった。

    2023-10-25
  • csl_kojima

    IT・WEB・エンジニア

    理解が深まりました。

    2023-10-18
  • tsuyo222

    メーカー技術・研究・開発

    そういう業務もあるということで視野が広がった。

    2023-10-01
  • x0888

    メーカー技術・研究・開発

    業務で関わらない知識、まずは言葉を知る。

    2023-09-26
  • kobaya471ko

    経営・経営企画

    専門用語を理解するのに時間を要す。振り返りの学習をしたい。

    2023-08-04
  • vegitaberu

    人事・労務・法務

    プログラミングやコンピューターというと、素人には、簡単には扱いにくいというイメージがありましたが、その部分に対する対処も考えられていることが理解できました。また、考えてみると、日常的に使うアプリ等も使いやすくなってるなと感じます。
    ユーザー側の目線も重要であるということを理解しました。

    2023-07-26
  • fukugussan

    マーケティング

    初めてきく言葉ばかりだったが、プロジェクトなどで専門のかたと話をした際に、そういえば聞いたことがあったなと、この動画を見直すような使い方ができるだけでだいぶ違うはず。

    2023-07-23
  • mk29

    金融・不動産 関連職

    知らない用語が多く、勉強になった。最低限のIT用語を知らないとシステム開発の場面での意思疎通が難しくなるので、サクッと学べて良かった。

    2023-07-17
  • prinmn

    専門職

    ほとんど分からなかった

    2023-07-12
  • ryo_ni

    IT・WEB・エンジニア

    ワイヤーフレームとモックアップの違いとして、目的がデザイン要素の決定なのか、ユーザーが画面全体のデザインを見るためなのかの違いを知った。
    また、PWAという単語も抑えておく。

    2023-07-09
  • suzutake

    IT・WEB・エンジニア

    PWAは興味深かったが、具体的な実装方法はどのようになるのだろうか?

    2023-07-04
  • s_yamanoi

    資材・購買・物流

    PC、スマートフォン、タブレット端末全てに共通のソフトウェア開発を行う事はユーザーへの利便性を意識したソフトが出来ると思いました。スマートフォンでは簡単にアプリケーションをダウンロードができますがそのような技術も様々なシステム開発によって可能になったのだと理解が深まりました。ソフトウェア開発に携わってはいませんが知識を理解することの重要性を学べました。

    2024-08-12
  • yoshi_1206

    マーケティング

    基本的な用語を再確認できました。

    2023-07-03
  • inagaki_tomomi1

    販売・サービス・事務

    初めて知る専門用語でしたので難しかった。

    2024-10-15
  • ykitayama14

    営業

    なんとなく用語のイメージはついたが、必要な時に見直す必要がある。

    2024-10-08
  • genchawan

    販売・サービス・事務

    一度では理解できなっかたので復習します。

    2024-10-05
  • sales_supdoctor

    金融・不動産 関連職

    モックアップ開発段階では技術的な提案はないですが、提案者はある程度の技術的なバックグラウンドが必要と考えます。自分自身もユーザーの一人として機能をチェックする程度の技術習得や経験をしたいと考えます。またネイティブアプリの構築には、活用ディバイスをイメージして相当な経験値を踏みたいです。

    2024-09-26
  • ananana

    販売・サービス・事務

    何度か聞いて用語を覚えようと思いました。意味はわかり、自分が利用してるアプリ、Webページ等の開発がどうなっているのか少し深まった。

    2024-09-22
  • t_n_chocolate

    IT・WEB・エンジニア

    日常的には触れる機会は少ない分野ですが、勉強になりました。

    2024-09-09
  • hiroponzu

    IT・WEB・エンジニア

    常にレスポンシブデザインを意識して新規ソフトウェアの設計にあたりたいと思います

    2024-09-08
  • m_yuuki02

    その他

    ネイティブアプリとwebアプリの特徴を意識して業務なりあたりたい

    2024-08-30
  • nagase29

    営業

    現業務では耳にすることのない用語ばかりで、覚えるのは難しそうですが、ざっくりでも覚えられるようにして開発チームとコミュニケーションが取れるようにしていきたいと思います。

    2024-08-25
  • kazu177

    メーカー技術・研究・開発

    フロントエンド開発の用語を、学んだ。開発ツールについても詳しく学びたいと思いました。

    2024-08-20
  • marimariiii

    金融・不動産 関連職

    身近なデバイスで利用しているものも
    名称があり、認識してつかえば
    覚えられるような気がしてきました

    2024-10-21
  • iso_ken

    専門職

    レスポンシブデザイン、フロントエンドフレームワーク、PWAなどの技術が存在することはわかった。
    カタログ的にわかっただけであるので、今後特にフロントエンドフレームワークについて、具体的な中身の勉強を進めたい。

    2024-07-28
  • shin_ozaki

    営業

    フロントエンドシステム開発の重要性

    2024-07-19
  • 0x00

    その他

    PWAは見かけたことないですね。

    2024-07-17
  • n_jiro

    営業

    しっかり理解して実践していきます。

    2024-07-15
  • kikawadareika

    販売・サービス・事務

    普段使っているスマートフォンのアプリに関することで少し身近に感じました。

    2024-06-27
  • nabezo1962

    人事・労務・法務

    フロントエンドシステムと言えば(私の理解が間違っているかもしれませんが)、昔は日本語変換機能くらいだったのですが、最新事情は大きく異なるようです。よく理解できました。

    2024-06-25
  • mi-----mu

    コンサルタント

    早く学習ができるので、よい

    2024-06-20
  • fbj01549

    専門職

    フロントエンドシステムについても理解しやすい内容でした

    2024-06-20
  • passlogy

    経理・財務

    わかってそうでわかっていないことばかりで勉強になった。

    2024-06-18
  • nob_non

    メーカー技術・研究・開発

    講座タイトルからのイメージと、実際の講座内容に差があった。この講座はモバイル端末上で実行される、WEB乃至OS依存で実行されるアプリを言っているらしい??

    2024-06-14
  • yutahayasaka

    その他

    Progressive Web Applicationは活用の幅が広そうだと感じた

    2024-05-13

関連動画コース

新着動画コース

10分以内の動画コース

再生回数の多い動画コース

コメントの多い動画コース