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

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は利用者や開発者から避けられていた技術で、たとえ使われても、非常に簡単で

初心者と中級者、上級者の違いとは何でしょうか？ 初心者は、 知識が少ない 開発したソフトウェアの数が少ない 中級者・上級者はその逆で、 知識が多い 開発したソフトウェアの数が多い その結果生まれる実質的な差は、 「初心者はかんたんなものしか作れないけど、中級者・上級者は難しいものを作れる！」 ということです。ですから、初心者が中上級者になるには難しいソフトウェアを作るのに役立つ知識を身につければ良いわけです！ 難しいソフトウェアとは、 ロジックが複雑で難しい 規模が大きい 性能要件が厳しい 納期が短い など、いろいろな難しさがあります。 これらのハードルに対抗する知識・技術について紹介します。 規模が大きいソフトウェアを作るための技術 規模が大きいソフトウェアを作るための技術には、以下のようなものがあります。 モジュール分割 アプリケーションアーキテクチャ フレームワーク プログラミング作

>> 手続型で書いたプログラムをどのようにオブジェクト指向に直せばいいのかよくわかりません。 オブジェクト指向プログラミングを扱っていくうえでは「関数型プログラミング」の存在も知っておいてほしいところです。 関数型プログラミングとオブジェクト指向の抜き差しならない関係について整理して考える http://qiita.com/kenokabe/items/13ea8d2da6adce1b3b9a PHPを扱う上で私なりに注目してほしい要点をまとめると… ・「オブジェクト指向」はなんだかんだいってメソッドの中に変数に代入したりする手続きを書いているので「手続き型」とも考えられる。一方「関数型」は変数をほとんど使わずに全てをまるで数式のように鮮やかに表現するので、全く性質が異なる。 ・オブジェクト指向は「メッセージ指向」と「データ指向」の2つの側面を持っている。 ・メッセージ指向は、「モノ」から

WP MVC is a WordPress plugin that allows developers to use a MVC framework to create plugins. It is a full-fledged framework with architecture that's similar to that of CakePHP or Ruby on Rails. Developers can consequently use it to rapidly build sites that take advantage of both WordPress's native functionality and all of the many advantages of an MVC framework. WordPress supports a number of spe

このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 今回はMVCモデルのPHPアプリ作成についてとなります。 MVCに関してはもうすっかりお馴染みかと思われますが、軽く説明を、 ・Model モデル ・View ビュー ・Controller コントローラ と、３つの要素で設計で実装される方式です。 それぞれの概要を説明すると、Modelは情報やメインの処理を行う役割、Viewは画面に表示させる役割、Controllerはユーザーの入力や、何らかの処理が必要な場合はModelに依頼し、出力が必要な場合はViewに依頼する中間的な立場をもつ役割。 となっています。 これらの設計を用いて、テンプレートエンジンであるSmartyを使いMVCアプリケーションを構築していきます。 Smartyの使用方法等に関しては PHP テンプレ

Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

とある案件でテンプレートエンジンを使ってサイトを構築していたのですが、どうも処理が複雑になってくると処理と表示の分離がイマイチになってしまうのと、ディレクトリ構造の美しさが保てなくなってきたので、MVCモデルを導入してみようと。PHPなので、CakePHPあたりが良いのでしょうけども、覚えるコストが結構かかりそうなので、とりあえず簡易なものを自作してみました。 MVCとは Model View Controller（モデル・ビュー・コントローラ; MVC）は、コンピュータ内部のデータをユーザに提示し、それに対してユーザが何らかの指示を出すタイプの、独自のユーザーインタフェースをもつアプリケーションソフトウェアを、以下に述べるようなmodel・view・controllerの3つの部分に分割して設計・実装するという技法、又はそのような構造をいう。 MVCは、デザインパターンの1種と扱われる場

とかくカオスになりがちな WordPress の PHP 周りのコードを、どう綺麗な設計で作るかということをデザイナーやディレクター向けにわかりやすく扱います。1年後に見て「あれ、なんだっけ？」となりにくい、コラボレーションしやすい設計をご紹介します。Read less

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は、受け取ったデータを視覚表現しディスプレイに表示する 自分の中

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