【保存版】Webアプリ開発初心者に役立つ記事まとめ



【保存版】Webアプリ開発初心者に役立つ記事まとめ

これから Web アプリ開発をしようと思っている方、漠然とこんなアプリがあればいいなと思っている方、前に一回作ったけれど納得されていいない方、そんな皆様にとって役立ちそうな記事を集めてみました。 ご賞味頂ければ幸いです。

・紹介記事について

Webアプリの開発というと、WordPressベース、フレームワーク・ベース(Ruby on Rails等)、Wixなどの既成品ベース、ピュア・デベロップの4種類があると思います。

目次
  1. Webアプリ開発初心者必見の記事まとめ
  2. Webアプリ開発で成功している方のマインド記事
  3. WordPressを使って開発する時の参考記事
  4. フレームワークを使って開発する時の参考記事
  5. Webアプリ開発に関係するTips記事
  6. まとめ

Webアプリ開発初心者必見の記事まとめ

Webアプリ開発で成功している方のマインド記事

範囲を選択_194

“学びたいけど情報がない”から始めた、プログラミング学習の情報サイト「プロスタ」


リリースから 1年チョットで月間 20万ビュー以上**の人気サイトを作り上げた本間さんのインタビュー記事になります。
これから Web アプリを開発しようと思っている方の励みになると思います。

尚、本間さんの作った プロスタ というサイトは、WordPress がベースになっています。 その他の卒業生のインタビューもこちらから参照することができます。

WordPressを使って開発する時の参考記事

re-wodpress_corporate

Code部で過去に取り上げたWordPress × アプリ開発に関する記事を紹介させて頂きます。

《初心者必見》PHP とは?簡単な文法までマルッと解説!

WordPress は、PHP ベースに稼働しています。そのコア・テクノロジーを知らずにはいられないでしょう。

WordPressだけじゃない!便利すぎるCMSツール6選


WordPress以外のPHPで稼働するCMSが紹介されています。
各CMS の機能やスペックを再確認して、本当に WordPress でいいのか?と考えてみるのもいいのではないでしょうか。

プログラミング初心者必見!Chromeデベロッパーツール便利機能まとめ


WordPressをインストールして、プラグインを入れてWebアプリを作ったものの、どこか味気ない、、、それは見た目に問題があるのではないでしょうか?Chromeのデベロッパー・ツールが使えると、ある程度思いのままにWebサイトをReデザインすることができます。

SQLがわからなくても大丈夫!phpMyAdmin入門《初心者必見》

WordPress のデータベース管理、一応知っておきたいですね。

フレームワークを使って開発する時の参考記事

img : toptal.com

素人ながらにも本格的なWebアプリ開発をサポートしてくれるフレームワーク群。

フレームワークとは?今更聞けないWebフレームワークを始めから丁寧に

Ruby on Rails、Bootstrap、Symfony、まずはフレームワークそのものをきちんと理解しておきたいですね。

これでスッキリわかる!最新PHPのフレームワーク7選!

代表的な PHP フレームワークについて簡潔に紹介されています。
ちょっと試してみたくなったらこちらで CakePHP を体験することができます。

今熱いJavaScript!JavaScriptフレームワーク5選

最近注目されている React などの JavaScript フレームワークが簡潔に紹介されています。
ちょっと体験してみたくなったらこちらのReact App サンプル集やこちらの ToDo アプリ が参考になると思います。

3Dグラフィック技術WebGLを使ったサイト10選が近未来すぎる件

JavaScript の無限の可能性を感じることができる WebGL テクニックについて紹介されています。
ちょっと長い記事ですが、フレームワークとはチョット違う Web アプリ × JavaScript の効果を知ることができます。

JavaScriptの無限の可能性を感じることができるWebGLテクニックについて紹介されています。

これで開発を爆速化!覚えておきたいJavaフレームワーク8選

Java というと Android のアプリ開発を連想される方も多いと思いますが、Web アプリ界隈においても活躍しています。フレームワーク WICKET のサンプルは、こちらで体験することができます。

これで安心!Railsの環境設定を基礎から解説

Web アプリのフレームワーク鉄板系の Ruby on Rails をローカル環境で使えるようにまとめた記事になります。(for Windows)

PHP 開発が爆捗る PHP ライブラリ 10 選

フレームワークとは異なりますが、Web アプリの開発を手伝ってくれる意味でご紹介させて頂きます。PHP のフレームワークと合わせて参考にしたいですね。

サーバー選びのコツとは?今さら聞けないVPS徹底解説!

サーバー = レンタルサーバー という発想はもう古そうです。 最近人気の JavaScript をサーバーサイドで動かす Node.js や Go、それから Swift を使って、Web アプリ開発しようと思うと共有環境ではなく VPS 環境が必要になってきます。

NoSQLとは?リレーショナルデータベース(RDB)との違いを徹底比較
PostgreSQL入門知識とインストール手順

こちらの2記事は、フレームワークやCMSによって違うデータベースの理解を手伝ってくれる記事になります。

初心者でも簡単!Bootstrap3のグリッドシステムを始めから丁寧に

今までご紹介したアプリ系フレームワークに CSSフレームワークの Bootstrap を加えると、簡単にスマホ対応のレスポンシブ・レイアウトに仕上げることができます。
Bootstrap 4 もリリースされていますが、まだまだ Bootstrap 3 の方が主流でしょう。

Webアプリ開発に関係するTips記事

Webアプリ開発をする前にザッと読んでおきたい記事をご紹介させて頂きます。

ディレクター必見!Web制作で押さえておくべき6つの要件
センス不要!初心者でも今すぐ使えるWebデザインテクニック13選
Web & アプリ開発者必見の『Google Maps API』とは

まとめ

いかがでしたでしょうか?今後もCode部では皆様のWebアプリ開発に役立つ情報を集めて、分かりやすく発信していきます。CodeCampでプログラミングの基礎を固めて、自信につなげてみませんか?

関連記事

オシママサラ
この記事を書いた人
オシママサラ
\ 無料体験開催中!/自分のペースで確実に習得!
オンライン・プログラミングレッスンNo.1のCodeCamp