【超初心者向け】データベースの作成方法(Xampp、CakePHPユーザー)
CakePHPで新規プロジェクトを始めるには、まずデータベースを準備する必要があります。
phpMyAdminのサイトからデータベースを作成すると、難しげなコードを書かずともデータベースが完成するので、初心者にはこの方法がお勧めです。
同じサイトですが、この記事もわかりやすかったです。
CakePHPでBootstrapを使おう!まとめ
初心者でもおしゃれ風なサイトを作りたい!ということでBootstrapをCakePHPにBootsrapをインストールすることにしました。
Bootstrapで出来ること
Webサイトのデザインはスタイルシート(CSS)で指示を出します。
なのでざっくりまとめると、BootstrapはCSSが編集しやすくなるように開発されたフレームワーク。
色や形、サイトの配置や大きさなどを決めやすくしてくれるという認識で良いでしょうか。。。
実際にはこんなことが出来るそうです。
↓
HTML5アプリ作ろうぜ!(11):Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) - @IT
CakePHPにBootstrapをインストールしよう!
手順は以下のサイトを参考に。
↓
[CakePHP2]Twitter Bootstrapプラグインの使い方 | 独学PHP・MySQL学習入門
CakePHPのTwitterBootstrapプラグインの使い方 | solidpeat
Local Hostでの確認は、localhost/ファイル名/twitter_bootstrapで行います。
Bootstrapをインストールしただけで、少しサイトが明るくなった!!(まだまだシンプルすぎるけど)
CakePHPにBootstrapで作ったスタイルシートを適用する方法
そもそもCakePHPではどこのフォルダにスタイルシートが入っているのかというと、/app/webroot/css/内に入っています。
独自のスタイルシートを設定する場合も同じ場所にCSSを入れます。
あとは、CakePHPのデフォルトでレイアウトの設定がされているので、それを変更する必要があるようだ。
CakePHP : 共通レイアウトの変更(画面デザイン・CSS) - bnote
CakePHP2 でオリジナルのレイアウトを使うための2つの作業 | oki2a24
画面をカスタマイズしたい(CakePHP修行 #014) | IDEA*IDEA
【CakePHP】初心者向け・レイアウトの変更方法 | atomicbox
ログイン画面に独自のCSSを適用させたい!!
Bootstrapは無料のテンプレートも豊富
使いやすいアイコンなどなど
ひと味ちがうTwitter Bootstrapの18個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと
ダッシュボードのテンプレート
AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
他にも調べれば調べるほど色々出てくるテンプレート。
自分のサイトもこんな風になれるのかしら、と淡い期待を寄せる。。。
Jetstrapを使えばBootstrapがドラッグ&ドロップで使える!
初心者の私には神のようなサイトもありました。
ドラッグ&ドロップでサイトを組み立てられたら、テンプレートすら必要なくなるかもしれません。
(初心者にはテンプレートの導入&アレンジすら難しく感じるのです。涙)
BootstrapのUIがドラッグアンドドロップだけで組める!最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 | Chrome Life
ということで、CakePHPでBootstrapを使う時のまとめ、でした。
実際に色々出来るようになったら、さらに詳しく書きたいと思います。
コマンドプロンプトとは?(Xampp/CakePHPユーザー)
こんにちは。本やネットの情報を見ながらプログラミングをしているものの、基本用語がわからなくて躓きまくりのW子です。
そんな超初心者の私は、コマンドプロンプトという単語が出てきても、どのように起動するかもよくわからなかったので、起動方法と超超超初歩的な動かし方をまとめました。
コマンドプロンプトって何するところ?
命令するところらしい。そのままや。(*´Д`)
MySQLを呼び出してデータベースををいじったり、ファイルを呼び出してコードを入力する時に使うようです。
コマンドプロンプトは別名「コマンドシェル」ともいい、キーボードから入力したコマンド(命令)を使って、 Windowsと直接的に対話するようにシステムを操作するためのプログラムです。 コマンドプロンプトでは、文字入力による「コマンド」という命令を使って、さまざまな処理を行います。 <引用:Windowsコマンドプロンプト 実践技&ウラ技大全>
コマンドプロンプトを起動する
- Xamppを開く
- 右側にあるShellボタンを押す
以上!意外と簡単でした。絵的に確認されたい方はこのサイトへ。
コマンドラインからPHPを実行 - XAMPPの使い方 - PC設定のカルマ
コマンドプロンプトでMySQLを動かす
- mysql -u root -pと入力し、Enter押す
するとmysql>という文字が現れるので、そこからスタート。終了はexitでEnter。
詳しくはこちらに。
MySQLの基本構築と、XAMPP・コマンドプロンプトでの開発環境の設定 | 小さな足跡
コマンドプロンプトで使うコード解説
このサイトにコマンドプロンプトのコード解説がありました。いっぱいあるー。ありがたし。
ということで超簡単ですが、コマンドプロンプトまとめでした。完全初心者向けで申し訳ないです。もっと勉強します。
CakePHPでログイン画面を作る方法
こんにちは。今日も悲しいくらいCakeもBakeもPHPもわかっていないW子です。
そんな私ですが、SNSサイトをつくるという目的に向け、今日はCakePHPでログイン画面を作りたいと思います。(前に進むことが大事。うん。)
初心者の私に自力でプログラムを書くことは不可能なので、最初からプラグイン導入作戦を決行することにしました。どうやらCakeDC Usersというプラグインが神、との噂なのでこれに決定。
CakeDC Usersプラグインで出来ること
- ログイン・ログアウト
- 新規登録
- 会員認証
- エラー対応
などなどがまるっと出来るらしい。
CakeDC Usersのダウンロード方法
CakePHPのプラグインはGitHUBというサイトからダウンロード出来ます。
手順
- ファイルのダウンロードし、解凍する
- ファイル名を変える(名前についている「-master」部分を削除)
- ファイルの移動 移動場所は、xamppフォルダ→htdocs→開発しているWebサイト用CakePHPフォルダ→app→pluginフォルダの中
- コマンドプロンプト起動
- コマンドプロンプトにコピペで下記を張り付け、Enterを押す php C:\xampp\htdocs\ファイル名\app\Console\cake.php schema create users --plugin Users
- TableをDropする?とかTable作る?とか聞かれるので、全部YesのYでEnter
- テキストエディタでxampp/htdocs/制作中フォルダ/app/Config/bootstrap.phpを開き、適当な空きスペースに(真ん中あたりとか?? CakePlugin::load('Users'); CakePlugin::load('Search'); CakePlugin::load('Utils'); と書いて保存する
- xampp/htdocs/制作中フォルダ/app/Configフォルダの中のemail.php.defaultというファイルの名前をemail.phpに変更する
- http://localhost/制作ファイル名/users/users/addで画面を確認!
一緒にダウンロードしたファイルは、ファイルの移動だけで触らなくていいみたい。
こちらの二つのサイトを見ながら完成させました。
CakeDC の Users Plugin を最小インストールする方法♪ | oki2a24
CakePHP ユーザー登録機能を作成する。 | gworks web site
CakeDCのusersプラグインをインストールして、動作確認する | 大輔べ
とりあえず、CakePHPでログイン画面を作ることに成功。アレンジは必要だけど、大満足です。
ただこれだけでは全て英語表記だし、変更が必要。
このサイトがその時のヒントになるかもしれません。
[CakePHPプラグイン]Usersプラグイン | CodeLab技術ブログ
【超初心者向き】XamppとCakePHPのインストール方法
こんにちは。ミラクル初心者のW子です。プログラミングに関する知識を全く持ち合わせていないのに、SNSサイトを作ろうとしています。
そんな私は初心者が故に、本やネットの情報で当たり前のように書かれていることがわからなかったりします。なので本当に基本中の基本なのだと思うのですが、CakePHPのインストール方法を簡単に書きたいと思います。
Xamppのインストール方法
Xamppのインストール方法はこちらのサイトにてわかりやすい説明がありました。
インストールが終わったら、PCのファイルホルダーを開きC:ドライブにxamppというフォルダが新しく入っていることを確認しましょう。
Webサーバー上の公開ファイルとは
よく本やネットの情報で「公開ファイル」と書かれているのを見ますが、その公開ファイルとはつまり、xamppフォルダ内のhtdocsフォルダのことです。htdocsフォルダって書いてくれればいいのに、公開ファイルなんて隠語使われると慌てるわwww。
このhtdocsフォルダに、今後新しくWebサイト作成のためのフォルダを作って使っていきます。
CakePHPをダウンロードしよう
ダウンロード手順
- 公式サイト(日本語)http://cakephp.jp/ からファイルをダウンロード
- ファイルの解凍
- ファイルをhtdocsフォルダの中に移動
- ファイル名を好きな名前に変える
詳しくはこちらのサイトにまとまっています。
CakePHP bakeによる高速開発 – 虎の巻 | hijiriworld Web
これで環境が整いました!これからはとうとう開発に入ります。
テキストエディタSublimeのインストールと日本語化
テキストエディタのSublimeが超絶使いやすいと聞き、早速使ってみることにしました。
インストール方法と日本語化の方法はこのサイトを参考にさせていただきました。
NetbeansをWindowsにインストールしてLaravelを使う方法まとめ
初心者のくせにNetbeansをダウンロードしようとしているW子です。何故って?Laravelの本にNetbeansダウンロードしろって書いてあったから(素直か)。Netbeansのダウンロード自体は難しくなかったので、さくっとまとめてみました。
Netbeansで出来ること
こんなことが出来るよ。
Netbeansのインストール方法
Windows8にNetBeansのインストール | WinRoad徒然草
でも、このとおりにPHP版をダウンロードしようとしたら、配給元のOracleさんに,
「君のパソコンJDK入ってないからムーリー」
って拒否られたので、下のサイトからJDK+Java用Netbeansを一回ダウンロードして、改めて上のPHP版のNetbeansをダウンロードしたよ。
JDK 7 with NetBeans - Downloads | Oracle Technology Network | Oracle
二つのシステムが別々に入っちゃうのかと思ったけど、すんなり一つのNetbeansさんにまとまってくれてた。さすがOracle。
NetbeansとLaravelの関連付け
NetbeansをインストールしただけではLaravelは使えないので、Netbeansを開いて関連付けてあげる必要がある。方法はこちら(再掲)。
Windows8にNetBeansのインストール | WinRoad徒然草
これですごく使いやすいという噂のNetbeansが使えるー( *´艸`)まだ何も触ってないけど…。
追記:NetbeansでCakePHPを使う際は、このサイトがわかりやすかったです。