久しぶりにCloud9にログインしてみたらAWS傘下に統合されていたり、Githubはこの前Microsoftに買収されたけどWebの世界は変化が激しい。以前、ここに投稿していたAngular.jsもどんどんバージョンアップしているし。前から気になってはいたけど、こんなに次々…
ほぼ2年ぶりのブログです。放置しすぎてある意味新鮮だ。 読み返したらRuby on Railsのチュートリアルがほったらかしで終わってたりして、あまり知識のストックとしての目的は果たせてないものの、模索の痕跡というかちょっとした思い出にはなってる。この…
ずいぶん間が空いてしまったけど、ようやく11章完了。今回は後半で画像アップロード機能を実装したんですが、本番環境でAWSのストレージを登録する部分については省略しました。アカウント取るだけなんだけど、まあいいやと思って。さて、今回はMicropost…
ちょっと間を置いてしまったけど、9章、10章終わり。10章の最後でパスワードリセットのメール配信のためにherokuのアドオンを使う部分があるんですが、今のところ保留中です。実装は全部できているんだけどアドオンサービスのためにクレジットカード番…
先週に続き、6、7、8章まで完了。ユーザー登録、ログイン、ログアウトの実装とそれに関する統合テストがメインです。セッションやトークンを使ったやりとりは以前にもPHPで似たことをしたのでさほど難しいことはないですね。 ただ全体は把握できたけど、…
5章まで終了しました。途中でクラスや配列の操作説明が入ったりして、なかなかボリュームがありますね。 オブジェクト指向の基本はだいたい理解しているのでさほど難しいとは思わないけど、リテラルから即メソッドを呼び出したり、ハッシュリストのネストだ…
というわけで今日は3章まで完了しました。 序盤からきっちりテストを盛り込んであるのがいいですね。チュートリアルで指示があるとどうしてもそれをやらなければ先に進めないのでいい習慣付けになりそうです。 以前はwindows環境での開発をメインにしていた…
あまりあれこれと手を出すのもどうかと思うんですが、前からちょっと気になっていたので。railstutorial.jp とりあえず1章が終わって2章に取りかかっています。が、フレームワークが便利すぎてほとんどやることありません。scaffold(仮設)までぱぱっとで…
前回に続き在庫管理サンプルに機能を追加しました。 レシピメニューで複数の在庫を確認 こんな感じで複数の材料の在庫が確認できます。 今回のソースコードはこちら: https://github.com/matildatilda/stocksample 未実装の機能としては、 在庫一覧、在庫追…
cakePHPをベースに在庫管理システムのサンプルを作ってみます。 機能は以下の通り。 在庫入力:材料名(容量、単位)、数量、入庫日を登録 在庫情報編集:登録済み情報の編集 出庫:材料の数量を減らす 今回はbakeコマンドを使わずに手作業で追加しました。 …
細かな不具合がありますがとりあえす完了しました。https://github.com/matildatilda/blog-samplejavascriptのフレームワークにAngular.jsを使っているけど、最初の印象より使いにくい気がします。コンセプトをきちんと理解していないせいもありますが。でも…
更新が空いてました。 前回からブログサンプルを作成しています。今日はログインまわりを少し整理しつつ、各画面の見直しをしました。 ログイン画面:ユーザー、パスワードを入力する。ログイン中、未ログインの状態(ログイン状態)を更新する。 リスト表示…
PHPでデータ接続と、取得したテーブルの内容をJSONで返す簡単なメソッドを備えたモデルクラスを作成しました。リクエストに対応したメソッドを起動させるために、ルーティングというものを少し調べてみました。まだよく分かっていませんが、cakePHPなどはこ…
cakePHPでやってみたんですが、あまりにも簡単にできてしまうので自分で作ってみることにしました。cakePHPはテンプレートをカスタマイズしたりルーティングを追加したりすることでいろいろできそうですが、先にもう少しPHPに馴染んでおきたくて。というわけ…
急に思いついて実装してみました。 MVCだけでなくJavaScriptについてもきちんと理解していない部分があるので、自分でもコレジャナイ感がすごくありますが練習がてらということで。今回はGitHubのサービスの一つ、Gistを使ってみます。バージョン管理するほ…
昨日に続いてCakePHPで簡単なブログサービスを作成します。昨日出ていたエラーはなぜか今日確認してみたところ消えていました。なんだったんだ…。PDOが出した例外だったのでプレーンなphpファイルに接続用のコードを書いて確認してみました。 try { $user = …
CakePHPを使ってブログサービスのサンプルを作ってみます。 チュートリアルが既にありますが、できればちゃんとマニュアルを読みながら進めるようにします。 で、いつものようにCloud9にCakePHPのインストールです。これもページが用意されているのでコマン…
一応、完成しました。showcase sample コメント変更がなんだか変なままですが、ちょっと飽きてきたのでここはこのままにしておきます。 今回は外観にbootstrapを使いました。統一感が出るので便利ですね。 また、動的な部分はAngular.jsで実装しています。前…
前回から機能をいくつか追加しました。 ユーザー情報を扱うようにして、現在のユーザーを表示 ユーザーごとにコメントを変更、削除(要修正) 商品情報が追加、変更、削除できる(管理者のみ) 全体: 商品追加: コメント欄: 肝心のValidationとイメージフ…
こんな感じで前回からの続きをつくりました。サムネイル、タイトル、評価を追加しました。評価については後述します。 サムネイル、または詳細ボタンをクリックして詳細ページを表示します。 商品名、イメージ、説明、コメント一覧を表示しています。 コメン…
Angular.js側でコントローラーやサービスを実装しても思ったように動かない…と思っていたら、どうやら前回モジュールを起動したインスタンスがそのまま残っているような感じです。 Cloud9で用意されているテスト用ブラウザをデフォルトからSafariに切り替え…
タイトルはあれですが、こんな感じのものです。 ページのコントロールとモデルはAngular.jsを使っています。外観は今回、bootstrapを使ってみました。Cloud9のヘルプに出ていたリンクでは上手く表示できなかったので、BootstrapのQuick Startに記載されてい…
この前まで作っていた投稿サイトのサンプルは、ちょっと解決方法が思いつかないので一度休止にすることにしました。 Angular.jsをやっていても、基本となるJavascriptが覚束なかったりすることがあるのでここ最近は基礎固めをしています。基本構文のおさらい…
少し間が空いてしまいました。前回の続きです。が、同じところで詰まっているので、根本的に設計から見直した方が良いような気がしてきました…。Angular.jsはMVCを基本とするフレームワークです。なのでまずはここを見直してみましょう。1. モデル モジュー…
前回に続いて投稿型サイトをつくってますが…ちゃんと理解できないまま試行錯誤にばかり時間をかけているので、分からない点を整理してみます。まずは実装するべき機能をまとめます。 記事の削除 記事の更新 それぞれの実装方法: 記事の削除は、該当する記事…
話題コメントアプリというか、投稿型サイト?の続きです。 左のプレーンに話題一覧、右のプレーンに話題の詳細を表示するようにしました。 画像では話題が1つだけですが。 右の話題の詳細が途中で切れてますが、下にコメント入力欄があります。 この辺は前…
昨日に続いてアプリを作ります。上部は話題リストです。サンプルで2つの話題とコメント数を表示しています。 下部は話題リストのリンクをクリックするとその詳細を表示します。ここはAngular.jsのng-clickとng-showを使っています。ng-repeatで繰り返してい…
正しくはなんと言うのか分からない…。話題(ニュースやユーザーが投稿したもの)について、ユーザーがコメントできるアプリを作ってみます。 こんな感じで。外観がちょっとアレですが、タイトル、内容、投稿者、投稿日を表示しています。この下にユーザーの…
javascriptフレームワークのAngular.jsについて調べていたら、こんなサイトにたどり着きました。 Learn to Code by Doing - Code Schoolwww.codeschool.com オンラインのプログラミング習得サイト、ですかね。ほー。 Cloud9もそうだけど、今やWebブラウザさ…
1行日記を完成させました。 ソースコードはこちら:https://github.com/matildatilda/onelinediary 外観を変更しました。タグ欄を作ってクリックでタグが挿入できるようにしました。各タグの要素(例:プログラミング)を動的に追加して、その要素にclickイ…