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



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

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

・紹介記事について

Web アプリの開発というと、WordPress ベース、フレームワーク・ベース(Ruby on Rails 等)、Wix などの既成品ベース、ピュア・デベロップの 4種類があると思います。 今回はユーザー数が多く、社会的関心度の高い WordPress ベース と フレームワーク・ベース、それから Web アプリに対する心構えの参考になる記事をピックアップしてみました。

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 アプリはフレームワークでやってみよう! という方にオススメの記事を集めてみました。

 

フレームワークとは?今更聞けない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 の効果を知ることができます。

これで開発を爆速化!覚えておきたい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 アプリ開発に役立つ情報を集めて、分かりやすく発信していきます。 また PHP や JavaScript に対してチョット自信がなくなった方、CodeCamp でプログラミングの基礎を固めて、自信につなげてみませんか?

関連記事

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