You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
本コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用[厳選111]』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用[厳選111]』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 Backbone.jsはクライアントサイドMVCフレームワークの定番ライブラリの1つです。プレゼンテーションをView(ビュー)に、ビジネスロジック(ドメイン)をModel(モデル)に定義するスタイルで処理を記述します。このことにより、コードの保守性、再利用性、テスト可能性などを向上させることができます。 名称: Backbone.js 分類: フレームワーク URL: http://backbonejs.org/ 関連ファイル: backbone-0.9.9.js
WordPressをMVC風につかう WordPressは洗練された管理画面や豊富なテーマファイル、プラグインが存在することから、ブログのようなシンプルなものからECなど複雑なWebアプリケーションの開発にまで様々な用途で用いられています。 カテゴリ機能やタグ機能が標準で実装され、パーマリンクの変更も手軽にできる反面、デフォルトのURLパターンを無視したURL構造の実現には少しテクニックが必要です。 システムの設計上、あるいはSEOを意識したURL構造を自由に実現したいときに使えるカスタムルーティングの実装方法をご紹介します。 URLのリライトルール ユーザー登録やログインに関する機能のURLを、 登録: http://www.example.com/user/register ログイン: http://www.example.com/user/login のように/user以下のディレク
オンライン上で生放送の授業を毎日行っているサービス「スクー」に、出演させて頂きます。 テーマは「WordPressでテーマ制作ライブ授業」として、90分の授業時間ないに企業サイトを1つ制作するというライブ構築を中心とした授業となります。 生放送という場で、しかもチャットを利用してアクティブに参加できる場となっていますので、ぜひ質問やリクエストなどをどしどしいただいて、ライブ授業の内容を変えていって頂ければ幸いです。 無料で全国どこからご利用頂けます。ぜひともご覧頂けると幸いです。 たにぐちまこと先生と、WordPress テーマ制作LIVE授業 ~ 90分で企業サイトを作ろう 商号 株式会社エイチツーオー・スペース(英称:H2O space. Co., Ltd.) 所在地 〒157-0071 東京都世田谷区千歳台4-17-15 TEL 03-6411-3292 Email support@
もろもろの事情からWordPressをカスタマイズしてサービスを作る(らなきゃいけない)プロジェクトが続いていて、現在2つ目のサービスを開発中。1つ目のサービスは勝手がわからぬままガシャガシャと力技で組み上げたので、functions.phpとかそれはもうひどいことになってたんだけど、今回はできるだけモダンに、スマートに、テスタブルに書きたいなと思ってプロジェクト開始前にけっこう準備をした。目標はテーマをMVCっぽく書けるようにして、テスタブルにすること。 テーマMVCの仕組み オレオレ臭がプンプンするけど、とにかくエレメント毎にMとVとCを分けて書けるようにした。本当はファイル名やクラス名にプロジェクトのプレフィックスが入ってるんだけど、大人の事情もあるので消して掲載する。 ディレクトリ構成 テーマ内のディレクトリ構成は以下のようにした。CSSなどをcommonの中に置いたのは単にデザイ
対象読者 jQueryなどを使っているJavaScript開発者 JavaScriptを使った複数人でのプロジェクトに参加している方 JavaScriptを使ってサーバ等と連携したフロントエンドの開発をしている方 必要な環境 この記事では、AngularJSを使用し、Chrome(36.0)、IE11、Firefox(31.0)、Safari(7.0.5)の環境で確認を行っています。 JavaScript開発の歴史 フレームワークを説明する前に、10年ほど前から現在までのJavaScriptが歩んできた流れが分かると、どうして今、JavaScriptにもフレームワークが必要になってきているのか、または開発者はフレームワークに何を求めているのかが多少は見えてくることと思います。 2005年くらいまではJavaScriptは利用者や開発者から避けられていた技術で、たとえ使われても、非常に簡単で
以下では、一覧に記載されたディレクトリ毎に利用例を記述します。 application/: このディレクトリは、アプリケーションを含みます。 構成や利用されるサービス、及びブートストラップ・ファイルと同様に、 MVCシステムを収納します。 configs/: アプリケーション全体の設定のディレクトリ controllers/, models/, views/: これらのディレクトリは、デフォルトのコントローラ、モデルまたは ビューのディレクトリとして用いられます。 アプリケーション・ディレクトリの中にこれらの3つのディレクトリを持たせると、 グローバルな controllers/models/views を持つ モジュラー・プロジェクトと同様に、 単純なプロジェクトを始めるための最良のレイアウトが提供されます。 controllers/helpers/: これらのディレクトリにはアクション
初心者と中級者、上級者の違いとは何でしょうか? 初心者は、 知識が少ない 開発したソフトウェアの数が少ない 中級者・上級者はその逆で、 知識が多い 開発したソフトウェアの数が多い その結果生まれる実質的な差は、 「初心者はかんたんなものしか作れないけど、中級者・上級者は難しいものを作れる!」 ということです。ですから、初心者が中上級者になるには難しいソフトウェアを作るのに役立つ知識を身につければ良いわけです! 難しいソフトウェアとは、 ロジックが複雑で難しい 規模が大きい 性能要件が厳しい 納期が短い など、いろいろな難しさがあります。 これらのハードルに対抗する知識・技術について紹介します。 規模が大きいソフトウェアを作るための技術 規模が大きいソフトウェアを作るための技術には、以下のようなものがあります。 モジュール分割 アプリケーションアーキテクチャ フレームワーク プログラミング作
>> 手続型で書いたプログラムをどのようにオブジェクト指向に直せばいいのかよくわかりません。 オブジェクト指向プログラミングを扱っていくうえでは「関数型プログラミング」の存在も知っておいてほしいところです。 関数型プログラミングとオブジェクト指向の抜き差しならない関係について整理して考える http://qiita.com/kenokabe/items/13ea8d2da6adce1b3b9a PHPを扱う上で私なりに注目してほしい要点をまとめると… ・「オブジェクト指向」はなんだかんだいってメソッドの中に変数に代入したりする手続きを書いているので「手続き型」とも考えられる。一方「関数型」は変数をほとんど使わずに全てをまるで数式のように鮮やかに表現するので、全く性質が異なる。 ・オブジェクト指向は「メッセージ指向」と「データ指向」の2つの側面を持っている。 ・メッセージ指向は、「モノ」から
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 今回はMVCモデルのPHPアプリ作成についてとなります。 MVCに関してはもうすっかりお馴染みかと思われますが、軽く説明を、 ・Model モデル ・View ビュー ・Controller コントローラ と、3つの要素で設計で実装される方式です。 それぞれの概要を説明すると、Modelは情報やメインの処理を行う役割、Viewは画面に表示させる役割、Controllerはユーザーの入力や、何らかの処理が必要な場合はModelに依頼し、出力が必要な場合はViewに依頼する中間的な立場をもつ役割。 となっています。 これらの設計を用いて、テンプレートエンジンであるSmartyを使いMVCアプリケーションを構築していきます。 Smartyの使用方法等に関しては PHP テンプレ
とある案件でテンプレートエンジンを使ってサイトを構築していたのですが、どうも処理が複雑になってくると処理と表示の分離がイマイチになってしまうのと、ディレクトリ構造の美しさが保てなくなってきたので、MVCモデルを導入してみようと。PHPなので、CakePHPあたりが良いのでしょうけども、覚えるコストが結構かかりそうなので、とりあえず簡易なものを自作してみました。 MVCとは Model View Controller(モデル・ビュー・コントローラ; MVC)は、コンピュータ内部のデータをユーザに提示し、それに対してユーザが何らかの指示を出すタイプの、独自のユーザーインタフェースをもつアプリケーションソフトウェアを、以下に述べるようなmodel・view・controllerの3つの部分に分割して設計・実装するという技法、又はそのような構造をいう。 MVCは、デザインパターンの1種と扱われる場
講義の中での位置づけ Perl DBアクセス Webアプリケーションフレームワーク ← イマココ! JavaScript 今日の内容 1. HTTPとURI 2. Webアプリケーション概説 3. MVC 4. Hatena::Newbie 5. Webアプリケーションにおけるセキュリティの基本 おまけ1. PSGI/Plack おまけ2. Plack、Router::Simple、Text::Xslateを利用した簡易WAF 課題 以下、Web Application FrameworkはWAFと表記します 1.HTTPとURI Webアプリに入る前のウォーミングアップです 知ってる人は聞き流してください Webの基本になる2つの技術 HTTP URI HTTP HTTP (Hypertext Transfer Protocol) 中身はテキストで書かれたヘッダと(あれば)ボディ リクエ
JavaScriptではさまざまなフレームワークが登場していますが、最近注目を集めているのがMVCアーキテクチャの実現を容易にするMVCフレームワークです。Publickeyでも以下の記事などで紹介してきました。 JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ JavaScript MVC座談会。遅くならない? それぞれの特徴は? サーバとの通信は?(前編) - Publickey JavaScript MVC座談会。遅くならない? それぞれの特徴は? サーバとの通信は?(後編) しかしプログラミングの世界では、MVCアーキテクチャ以外にもさまざまなデザインパターンがあります。JavaScriptプログラマはもっとそれらを検討すべきだ、という記事「The World Beyond MVC」(MVCの向こうにある世界)が、The David Wa
暖房器具のチョイスを迷いまくっているminamiです。 Google製のJavaScript MVC(MVVM)フレームワーク、AngularJS 1.2 がリリースされました。最近にわかに盛り上がってきている(気がする)ので、ここ最近自分で読んで参考になった導入記事やチュートリアル関係をまとめてみました。 導入記事 JavaScript MVCフレームワーク「AngularJS 1.2」リリース。要望の多かったアニメーション機能が追加、脆弱なコードを制限するモードも AngularJS 1.2の機能、主なアップデート内容について 新・三大JavaScriptフレームワークの実践(Backbone.js Knockout.js Angular.js) Backbone.js、Knockout.jsとも比較。この3つのフレームワークはどの局面でどれを使うか迷っている人も多いと思うので参考にな
お久しぶりです。@at_grandpa です。 今回、Model View Controller について再考する機会があったので、自分なりに整理してみました。 勘違い MVCの勘違いに関しては、以下のSlideShareが有名かと思います。 やはりお前らのMVCは間違っている @mugeso これにはドキッとしたことを覚えています。 このスライドで「間違っている!」と指摘されている形式を、そういうものだと理解していたからです。 上記で指摘されている勘違い形式を、自分なりにわかりやすく噛み砕き、図にしてみました。 Userからの入力をControllerが受け取る Controllerはデータ置き場であるModelからデータを取得する 取得したデータをControllerが加工する 加工したデータをViewに転送する Viewは、受け取ったデータを視覚表現しディスプレイに表示する 自分の中
はじめに はじめまして。プログラマ向け情報共有サイトQiitaを開発・運営しているIncrements株式会社の高橋と申します。Qiitaではフロントエンドのアプリケーション開発にBackboneを採用しています。また縁があってBackbone.jsガイドブックという本を執筆させていただきました。本連載では、Backboneを使ったより実践的な話題を紹介していきたいと思います。 初回となる今回は「すでにjQueryを使っているけど最近何かと話題のBackboneも気になる!」という開発者の方がBackboneを試しに使ってみる際の初めの一歩の踏み出し方を紹介することが目的です。そのために今回はjQueryで実装されたサンプルコードをBackboneに移植します。 なぜBackboneを使うの? すでにjQueryがあるのになんでわざわざBackboneを使うのでしょう。jQueryを使えば
Posted: 2013.08.21 / Category: javascript 最近 JavaScript のMVCフレームワークが増えてきていますが、WordPress にも採用されてちょっと気になっていた backbone.js を使ってみました。 ダウンロード Backbone.js を下記URLからダウンロードします。 また Backbone.js は Underscore.js, jQuery に依存しますので合わせてダウンロードしましょう。 Backbone.js Underscore.js Backbone.js 1.0.0 Underscore.js 1.5.1 jQuery 1.8.2 を使用します。 ダウンロードしたら読み込みます。 html <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く