知っていますか? Webサービス制作の隠れた効率化

Silicon Valley Super Ware

2020年4月28日


知っていますか? Webサービス制作の隠れた効率化

Webサービスを作るのに強力な味方になるフレームワーク(ライブラリ)の話をしています。 前回は「React」と「Vue.js」の話を少し詳しく書きました。
個人的にはReactが好きですが、これから始めるにはVue.jsがいいかなというのが 私の感想です。
前回の話と重複する部分がありますが、Vue.jsの方が、いろいろな機能がReactより 始めから揃っているというのが理由の一つです。もう一つは、Vue.jsは 基本的に、JavaScriptとHTMLで何とかできる事です。ReactではHTMLと似ている概念とはいえ JSFを使う必要があります。いずれにしても、慣れるまでは少し時間がかかるし、 慣れてしまえば殆ど違いはないと私は思います!

「機能的な違いは殆どない」という事です!

今日の話は、どうして機能的な違いはないといえるのかという話です。

Vue.jsの盲点!

前回も少し触れていますが、Vue.jsを利用する場合2つのやり方があります。
  • CDN(Content Delivery Network)で使う
  • 開発環境をPCにインストールして使う(Node.jsのnpmなど)
CDNというのは、HTMLファイルのヘッダ部分にリンクを入れて、インターネット経由で 「仕組み」をダウンロードして使う方法です。Webページの場合は、インターネットの接続が 前提なので、そうした「仕組み」を使うときにサーバーからもらってくれば良いという考え方で 自分のWebサイトのサーバーにソフトを入れる必要もなければ、利用者のデバイスに何かを インストールする必要もありません。
実に便利な方法です!

殆ど何もしないで使える「仕組みです」

Vue.jsはこの使い方もできます。小さな規模のWebサービスはこれで十分に作れます。 Vue.jsの基本的な書き方を覚えれば、HTMLファイルの中に埋め込んで一つのファイルで 完結するサービスも簡単に作れます。
jQueryの置き換えとして十分に利用できます。これが、わざわざ今からjQueryの勉強を 勧めない理由です。

この方法では、Vue.jsの素晴らしい機能の全てを使うことができません!

ReactもVue.jsもNode.jsのモジュールをインストールして使う事のできる、 開発環境を提供しています。実はこの機能が、ReactやVue.jsが凄い理由です!
何がすごいかというと、世界中の開発者が開発した、Node.jsのモジュールを あなたが作るWebサービスに簡単に取り込む事ができるからです!

作らないで、よく使う機能が利用できるわけです!

単純に、Reactの機能とVue.jsの機能を比べると、Vue.jsにはあって Reactにはない機能もあります。しかし、この「モジュール追加」の 機能を使うと、ほぼ同じことが出来るようになります。

「ReactとVue.jsの機能は殆ど変わらない」と書いた理由です

「Node.js」というと、何かまた新しい事!というイメージがありますが。。。

Node.jsそのものは実はJavaScriptです!

Node.jsの正体

簡単に一言で言ってしまうと、Node.jsとは、ブラウザーの外でJavaScriptを動くようにしたものです

もともとは、GoogleのクロムのJavaScriptの実行部分を取り出してブラウザー以外で使えるようにしたものです。 なので、プログラミング言語は何も新しいものではありません。JavaScriptです。 ブラウザーの中と外で微妙に違う事がありますが、基本は全く同じです!

何も難しい事はありません、慣れるだけです!

覚える事は、簡単なコマンドの使い方くらいのもので、あとは、よく使う機能は殆どインターネットから 手に入れる事が出来るという素晴らしいものです。

簡単なWebサービスでも十分恩恵を受けられる!

複雑で大規模なWebサービス向けというイメージがありますが、是非使ってみてください。 小さなWebサービスの開発でも十分に恩恵が受けられます。

Webサービスで使うUIを部品化する

簡単なWebサービスでも意外に使う物は共通の場合が多くなります。
単純に、Webページのヘッダーやフッターなども含めればさらに共通化できる部品が増えます。 ページを作る時にコピーをすれば良い話ですが、ページが増えると例えば小さな変更をする だけでも、前頁でコピーをし直す必要があります。 部品化してしまえば、一か所直せばそれで済みます。

全ての開発で作業の効率化が可能になる!

これが、こうした開発環境を使って、部品化を進める大きな理由です。 何度もこのブログで書いていますが、「フリーランス」の方の時間は限られています。 少しでも「楽に」「効率的」に仕事をすることが、長期にわたって成功する秘訣です。

部品の数が増えるほど作業は効率的になります!

こんな便利な物を使わない理由はありませんよね!

単にUIを楽に作れるだけの物ではない!

いかがですか? フレームワーク(ライブラリ)は単にUIの開発を支援する仕組みではありません。 WebサービスからWebページ(サイト)の作成の効率化を助けてくれる強力な武器です。

まだ使ったことのない方は是非一度試してみてください!

ある程度、HTML/CSS/JavaScriptを勉強された方ならば、数日で慣れると思いますし、 それほど大変ではありません。数日開発の仕事を休んだとしても取り組む価値のあるものです。

Webサービス作成のやり方を提供しています!

今年度のシリコンバレースーパーウエアのテーマは、「Webサービスで稼ぐ」です。 まずは、Web制作の体験をして頂けるように4月はお問合せフォームの作成を 提供しています。
シリコンバレースーパーウエアでは、Webサービスの作り方だけではなく、作ったWebサービスを利用した ビジネスの展開までを身に着ける事が可能です。

興味のある方は今すぐお問合せください!



またよろしければ、ニュースレターの登録をお願いします!大体週一回お届けしています。ブログよりは一歩踏み込んだもっと濃い内容を発信しています。


Copyright(c) 2020 by Silicon Valley Super Ware, all rights reserved.

コメント

このブログの人気の投稿

ユーザーインターフェースの設計

足し算以外もできるようにする

改良版足し算プログラム