検索結果0件」

    【プログラミング】IT業界の人間はSPAとGitは使えるようにする

    【プログラミング】IT業界の人間はSPAとGitは使えるようにする

    こんにちは、シンヤです!

    今回は、【プログラミング】IT業界の人間はSPAとGitは使えるようにするというテーマで、お話しいたします。


    IT業界の人間は最低限の技術は使えるべき

    だと僕は思います。
    IT業界である以上テクノロジーを生業にして生きています。
    にもかかわらず、最低限の技術も知らずに生きている人が多いと僕は思っています。

    IT業界の技術の最低限は人によって違うと思いますが、Web系の人間であれば僕は・・・

    • Git
    • SPA

    ぐらいは最低限誰でも使えるようにするべきだと思っています。
    この2つの技術について、以下に詳しく解説いたします。


    Git

    Gitとは、プログラミングの履歴や差分をわかりやすくするために作られた、バージョン管理の技術のことです。
    Gitを使えば・・・

    • ソースコードの管理
    • 過去のソースコードを見る
    • 現在と変更後のソースコードの差分がわかる
    • 過去のソースコードの履歴の保存
    • 複数の人たちとソースコードの共同編集ができる

    などのメリットがあります。
    現在のWebサービスのほとんどが、Gitを使ってバージョン管理を行っています。

    つまり、ほとんどのWebサービスを動かす上で、Gitを学ぶことは必須となっております。
    このブログも、バージョン管理にはGitを使っています😊

    エンジニアのほとんどが、Gitを日常業務の一環として使っています。

    Gitを使うことができないと、例えコードが書けるデザイナーでも現場でコードを書かせてもらえません。
    つまり、エンジニアと共同作業を行うことができないし、まともに会話すらできません。

    技術の話ができないと、エンジニアに負担をかけます。
    IT業界で生きていくなら、Gitは必須科目と思ったほうがいいです。


    SPA

    SPAとは、SiglePageApplicationの略称で、Webアプリケーションを作るための技術の一つになります。
    端的にいうと・・・

    JavaScriptを使って、動的にDOMを切り替えてWebアプリケーションを作れる技術

    のことです。
    ここでSPAの仕組みを解説するために、DOMについてまずは解説いたします。

    HTMLとDOMについて

    DOMとは「Document Object Model」の略称で、かんたんにいってしまうと、Webページを表示する仕組みのことです😊
    WebページはHTMLを読み込んだ後、内容を解析してDOMを作り出し、ページを表示しています。

    つまりHTMLとは、「DOMを作るための設計図」のようなものです。
    裏を返すと、DOMを作った後はHTMLは不要ということです😅

    SPAについて

    SPAの場合、遷移先にHTMLがありません。
    JavaScriptがDOMとURLを動的に切り替えて、リクエストがあった差分のみを描画しています😀

    JavaScriptを使って、DOMを動的に切り替えてWebページを表示する技術がSPAです😊


    この2つの技術はIT業界のデファクトスタンダード

    デファクトスタンダードとは、事実上その技術が土台となっているという意味です。
    つまりIT業界の技術を学ぶなら、まずデファクトスタンダードな技術を学ぶことになります。

    IT業界の場合技術の役割分担は・・・

    • ソースコード管理
      • バージョン管理を使う
    • Webアプリを作るための技術
      • フレームワークを使う

    という役割分担がなされています。
    これを技術を基準にして分解すると・・・

    • バージョン管理
      • Git
    • フレームワーク
      • SPA

    ということになります。
    つまり技術を学ぶなら、この2つは必ず学ばないといけません。


    SPAの種類

    SPAにも色々と種類があります。
    代表的なものでいうと・・・

    • VueJS
      • 初心者にやさしいフレームワーク
    • ReactJS
      • Facebookが開発したフレームワーク。習得難易度は少し高め
    • AngularJS
      • Googleが開発したフレームワーク。習得難易度はかなり高め

    この3つが現在現場で使われています。
    VueJSとReactJSについては、以前僕がかんたんな概要と、環境構築の方法を解説した記事があります😊

    【月単価85万エンジニアへの道】vue-cliを使って、簡単にVue.jsのプロジェクトを作る

    【月単価90万エンジニアへの道】create-react-appを使って、簡単にReactのプロジェクトを作る


    まとめ

    • IT業界の人間でも、最低限技術は学ぶべき
    • まずGitとSPAについて学ぶ
    • でないとエンジニアと会話ができない

    以上になります。
    ではでは、またね〜🤗

    • 【プログラミング】IT業界の人間はSPAとGitは使えるようにする

    広告