分12indexビューの修正indexビューの未完了タスクの表示までを,以下のように書き換えます。?></table>1行目ではprototypeライブラリを読み込んでいます。先ほどapp/webroot/js/内に様々なライブラリを配置しましたが,今回のAjax化で必要なJavaScriptライブラリはprototypeのみなのでこれでOKです。?>3行目ではform要素の開始タグの表示がAJAXヘルパーによって行われるようになりました。post),第3引数はオプションの連想配列で,updateキーの値にデータ送信後に更新する領域のHTMLのidを指定します。id="yet_tasks">で囲み,さらにその中身をエレメント化するため$this->renderElement()メソッドでyet_tasks_tableエレメントを読み込んでいます。ここでは必ずしもエレメント化する必要はありませんが,addメソッド用のビューがこの部分と同一なため,コードの重複を避けるためにエレメント化を行いました。ファイルを読み込む機能です。phpのinclude関数に近いものです。includeと違ってファイルがそのまま読み込まれるわけではなくCakePHPの機構によって読み込まれるので,コントローラから$this->set()でセットされた変数は扱えますが,呼び出し元のビュー内で定義した変数は扱えません。yet_tasks_tableエレメントとaddビューの作成yet_tasks_tableエレメントを作成するため,app/views/elements/yet_tasks_table.thtmlファイルに以下のコードを記述します。このコードはAjax化以前と変わりありません。?></table>addビューはapp/views/tasks/add.thtmlファイルを作成し,以下の1行のみ記述します。?>以上でタスク追加のAjax化が完了しました。第7回との見た目の違いはまったくありません。修正後のアプリケーションにアクセスし,ブラウザの挙動に注意しながらタスクを追加してみてください。ブラウザ上で一切画面遷移が発生していないことに気づくでしょう。Ajax化以前との違いはメッセージの表示が無くなっただけだと思うかもしれませんが,ただ単にメッセージ表示を無くしただけでは,データ送信後に画面切り替えが発生し,ブラウザがスクロールしていた場合はスクロール位置が初期化されてしまうなどの違いがあります。画面遷移が行われないことによってクライアント上のブラウザのレンダリング処理の初期化などが省けるため,ユーザー環境でのレスポンスが改善されるなどのメリットがあります。ヘルパーに解説があります。Ajaxヘルパーの詳しいAPIとソースコードを読むことができます。次回予定は,このToDoアプリケーションのレイアウトやページのタイトルなどを適切に設定し,アプリケーションとしての体裁を整えます。個人ブログは「akiyan.com」。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。