はてなブックマーク

モーダルウィンドウを動的に表示するVue.jsコンポーネントのサンプルです。 ソース：https://github.com/asaokamei/vue2-dynamic-modal モーダルウィンドウのサンプルコードは、例えばVue.jsのオフィシャルサイトにもたくさんあります。ただモーダルの中身が固定されているものが多いです。（例：index.html） 一方、クリックするボタンによりモーダルの中身が変えようとすると面倒になります。（例：tasks.html） 動的なモーダルウィンドウの例 動的なモーダルウィンドウの例です。 クリックするタスクによって、モーダルの中身が違うのがわかると思います。 コードの説明 tasks.jsの中を簡単に説明してみます。このJSでは、メインの$appとmodalコンポーネントがあります。そして、もうひとつ、Hubというイベントハブ用のVueオブジェクトを

フレームワークの勉強のためにSymfony3でタスク管理アプリを作ってみました。まだ作ってる途中ですが、理解を深めるために作業内容をまとめてみます。少しは何かの参考になるかもしれません。 1.コントローラ編 2.エンティティ編 3.フォーム編 4.サービス編 5.番外編：GuardとEntityを使った認証 方針 作業を始めたときの最新バージョン、Symfony 3.2を利用します。 Symfonyフレームワークを覚えるのが目的なので、JavaScriptはjQueryを軽く使う程度で。古き良きウェブサイトを作ります（SPAではないです）。 参考 参考にしたのはSymfonyのウェブサイト、それと前に購入しておいた「基本からしっかり学ぶSymfony2入門」という本です。利用しているSymfonyはバージョン３ですが、Symfony2入門のコードはほとんど使えた気がします。Symfonyは

クラスを使ったコードを書いてはいるものの、どうにもオブジェク指向プログラミング（OOP）というものがわからない。クラスやオブジェクトはわかる。ではオブジェクト指向プログラミングとは何だ？と聞かれると言葉に詰まってしまう。 ちょっと前にバズった「オブジェクト指向と10年戦ってわかったこと」と、それに対するツッコミなどを読んでいるうちに、自分なりに納得できる説明を思いつたので書き残すことにしてみました。 慣れ親しんだPHPを使って説明してみます。 オブジェクトとは何か？ むかーし、昔。OOPとは何か？みたいな話を同僚のエンジニアと話をしたことがあります。彼が言うには、「オブジェクトってのは、要はメモリ空間のことだよ」と。（※コメント参照） オブジェクトとはメモリ空間のこと クラスは設計図 一方、クラスというのは、オブジェクトの元になる設計図のようなもの。 まずはサンプルとしてクラスを考えます。

[追記：2018/03/04] ミドルウェアの仕様が「PSR-15: HTTP Server Request Handlers」として標準化されました。ここで説明した内容と大きく異るインターフェースが採用されてます。採用の経緯はこちらのPSR-15ブログ（英語）が参考になります。 PSR-7のフレームワークとしては、zend-expressive、SlimPHP/Slim 3、そしてフレームワークではありませんがRelay/Relayなどが出てきました。 嬉しいのは、ミドルウェアのAPIが全て同じことです。 use Psr\Http\Message\ServerRequestInterface; use Psr\Http\Message\ResponseInterface; function __invoke( ServerRequestInterface $request, Respon

Slim 3 Framework PHPのSlimフレームワークのバージョン３がリリースされたので、簡単に紹介してみます。 【2016/01/16：主にルーティングについて追記・変更しました】 SlimフレームワークはPHPのマイクロ・フレームワークのひとつです。今回のバージョン３は、 PSR-7とミドルウェア構造の採用、 インターフェースに依存することによる拡張性の高さ、 DIコンテナの利用（デフォルトはPimple）、 でも_簡単に使い始められる_、 のが特徴です。 何やら難しそうな単語が特徴に並んでますが、Slimのユーザーガイドを読めば、すぐ使えるぐらい簡単です。なので難しそうな特徴を中心に紹介してみます。 簡単に使える 本当に簡単に使えます。Slimのユーザーガイドからコードを貼り付けて、ちょっとコードを削っただけですが、これだけのコードで動きます。 <?php require

ごく普通の**Paginationパッケージ**を作ったので、Qiitaで公開してみます。フレームワークやORMと密結合していない、オフセットとリミットを使うことを想定したページネーション用パッケージです。 特徴は、 ページ番号などをセッションに保存して、使い勝手を向上、 HTMLの生成オブジェクトを使って、柔軟性をもたせている。 PSR-7オブジェクトも使える、 といったところです。 ライセンスなどについてはGitHub参照してもらって… 何故作ったのかというと、Doctrine2を単独で使うプロジェクトがあったのですが、独立して使いやすいページネーションライブラリが見つからなかったからです。昔作ったコードを引っ張りだして作りなおしました。肝心のプロジェクトには間に合わなかったので、いまだ実際に使ったことのないパッケージなので注意して下さい。まだアルファ状態です。 簡単な使い方 HTML

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?