1ヶ月でWebデザイン・プログラミングスキルをオーダーメイドのカリキュラムで学べるスクール、それがWebCamp。

【初心者向け】Webサービスを作るために必要な技術まとめ

Pocket

「Webサービスをつくってたくさんのひとに利用してほしい!」と思ったことはありませんか?
現在Webサービスは、プログラミング未経験者の作成記録などもWeb上で見かけることも多く、つくってみたいという人は増えているかと思います。
ですが、「つくる」といっても、まずはじめになにから勉強したらいいのかわからない、という方も多いのではないでしょうか。
ここでは、Webサービスをつくるために必要な技術についてまとめてみました。

HTML/CSS

プログラミングに興味があるという方なら、「HTMLはなんとなく書ける」という方も少なくないかもしれません。
なんとなく、でも、画面は表示できてしまうこともあるHTMLですが、誤った書き方をしていると、ブラウザごとに表示のされ方が変わってきてしまったり、プログラムがうまく動かなかったりと、作成に支障が出てきます。
SEO対策としても重要となってくるHTML、自分の書き方に誤りがないかどうか調べる方法があります。

Markup Validation Service
http://validator.w3.org/

W3C Markup Validatorでは、以下の方法によりHTMLをチェックすることが可能です。

・URLでチェック
・HTMLファイルをアップロードしてチェック
・直接HTMLを書き込んで(貼り付け)チェック

エラーを直すことで、新しい知識に出会い、学べることも多いかもしれません。
表示できるHTMLが書けたら、是非チェックしてみましょう。

また、HTMLとあわせてCSSにも取り組んでおきたいですね。

JavaScript

タブメニューやスライドショー、フォームの入力チェックを即実行できたりと、今では無くてはならないJavaScript
なかでもjQueryは、シンプルなコードでさまざまなことが実現でき、是非勉強しておきたい言語です。

jQuery日本語リファレンス
http://semooh.jp/jquery/

たとえば、よく見かける以下のような動きも、プラグインを利用すれば、更に簡単に実装することが可能です。

・画面のスライド(「TOPへ戻る」など)
・プルダウンの紐付け切り替え
・入力フォームのリアルタイムチェック
・地図表示

入力チェックなどでは、ユーザーが入力した内容を、一度サーバに送信しなければならないのか、ブラウザ上ですぐにチェックできるのかで、使いやすさが大きく変わってくるかと思います。
つくってみたい機能がjQueryでも実行可能かどうか、調べてみるのもいいかと思います。

サーバサイド言語/データベース

ブラウザ上で動くJavaScriptでは、できることに限りがあります。
Webサービスをつくるためにはサーバサイド言語とデータベースの知識が必要となってきます。

数ある言語の中で、どの言語・データベースを使用するのかを決める時、Webサービスをつくることが決まっているのなら、使用したいサーバによってそれぞれを決めるのもいいかもしれません。
たとえば、PHPMySQLは多くのレンタルサーバで利用可能ですが、Javaでは利用できるサーバが少数になり限られてきます。
自分でサーバーを構築し、運用するということも可能ですが、はじめてのWebサービスを手軽につくってみるのであれば、レンタルサーバを利用するのが一般的ではないでしょうか。
レンタルサーバで使えることの多い言語には、たとえば以下があげられます。

PHP
Perl
Python
Ruby

また、レンタルサーバで使えるデータベースとしてはMySQLが一般的ですが、PostgreSQLも利用できる場合があります。
データベースによりsqlの記述方法が違ってくるものもありますので、勉強する際には利用するデータベースにあわせて学習をすすめることをおすすめします。

ここで紹介した技術以外にも、Webサービスをつくる際には環境を決めたり、設計をしたりと、楽しそうでもあり難しそうでもある作業がたくさんあります。
Webサービスをつくったという体験談などは、Web上でも多く見ることができます。
アイディアをだす際やモチベーション維持に役立ててみるといいかもしれませんね。

【おすすめ記事】
独学で勉強!プログラミング学習サイト18個まとめ
【徹底比較】初心者におすすめのプログラミング言語10選
業務効率をアップする!コピペで動くVBA5選

投稿者:プロスタ編集部

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

おすすめスクール

全国30校舎で展開されるヒューマンアカデミーのWeb講座は修了者数4万人超、講師とカリキュラムの満足度がどちらも9割を超えています。就職や転職に必要なレベルの実務スキルを身に付けられます。

初心者がプログラミングで挫折しない学習方法を無料動画で公開中。オンラインに特化したプログラミングスクール「TechAcademy(テックアカデミー)」が解説。

この記事が気に入ったら
いいね!しよう

プロスタの最新情報をお届けします

あわせて読みたい

関連記事

イチ押しランキング

1リナックスアカデミー

リナックスアカデミー

2システムアーキテクチュアナレッジ

システムアーキテクチュアナレッジ
ページ上部へ戻る