edo1z blog

プログラミングなどに関するブログです

2014-06-01から1ヶ月間の記事一覧

画像をinputにドラッグして表示する

IEはダメらしいですが、typeがfileのinputはドラッグ&ドロップでファイルを登録できます。なので、ドロップしたらinputにchangeイベントがおこります。changeイベントが発生したら、FileReaderを使って表示させます。 $(document).on('change', '.img_input'…

フォームのファイルをAjaxでアップロードする

FormData オブジェクトの利用ここにドンズバのことが書いてあって有り難いです。非常に便利っぽいですね。 var fd = new FormData(document.getElementById("form_data")); このfdを渡してAjaxでやったらできた。いやーよかったよかった簡単で。 jqueryでや…

爆弾こわい

cakePHP findのorderで配列の順番にソートするように設定する

$array = array(5, 4, 31, 29); $options = array( 'order' => "FIELD(id, " . implode(',', $array) . ")", ); return $this->find( 'all', $options );

jquery ui sortable で並び順を取得する(serialize)

参考:http://api.jqueryui.com/sortable/#method-serialize ここで、item_1、item_2といった感じで連番ふるよといいましたが、どちらかというと並び替えの場合、並び替え対象でDBのIDで管理しないといけないと思いますので、item_idという感じにした方がよ…

firefoxでformにdisabled設定するとリロードしてもdisabledのままになっちゃう

firefoxはFormの入力内容を勝手ながら保存してくれます。便利なときもあれば不便なときもあります。 disabledをjavascriptで動的に設定した場合は不便です。 入力内容を覚えておいておかないようにするか、javascriptで、Firefoxのために初期化(disabledを外…

javascript ドラッグ&ドロップで並び替え

HTML要素をドラッグアンドドロップで移動して、並び順を変更したい。 今知りましたが、sortabaleというドンピシャの機能があるんですねえ。ちなみに、ドットインストールにも載ってました。 $(function(){ $('#sortable').sortable(); }); cursor:'move'でカ…

PHPのセッションでエラーでた apache

cakePHPでFileBinderで画像アップできないと思ったら、capistranoのshared内にディレクトリ作ってなかったり、app/tmpのパーミッションがおかしかったり、セッション保存するディレクトリのパーミッションが変だったりしたから直した。 セッション関連でこん…

Bootstrap 画面サイズ毎の表示切替

visible-md visible-lgとしても、lgでしか表示されない。 この前もそうなった気がする。 hidden-xs hidden-smとしたら出来た。

cakePHP SecurityコンポーネントのBlackhole

セキュリティ的にかなり便利なようで、javascriptでフォーム書き換えしたりbackボタン使ったりできなくなるのはいいですが、そのかわりかなりBlackholeにはまります。 参考サイト: Cakephp2.xでのBlackHoleまとめ [CakePHP2] Security Component を使って S…

PHPから自動でサブドメインつくる (cakePHP)

よくあるアカウント登録してサブドメイン名登録すると、ユーザ専用のサイトを作成できるようにしたいがやったことがない。 サーバはEC2のAmazonLinuxを使っています。ドメインはRoute53で管理してます。 Route 53のRecord Setsで、*.hoge.comとやれば、どん…

phpstorm EC2 Xdebugでリモートデバッグ

参考: With a static IP/single developer xDebug remote_connect_back not working for AWS EC2 instance phpstorm vagrantの仮想マシンをXdebugでデバッグするこれでやってもできない。 IDEが1つの場合は、xdebug.remote_hosetを設定して、複数の場合は…

FileBinderの設定

引用:CakePHPの超便利なファイルアップロードプラグイン、FileBinderプラグインの使い方をまとめてみた。 public $actsAs = array( 'Filebinder.Bindable' => array( 'model' => 'Attachment', // ファイル情報を保存するモデル名 'filePath' => WWW_ROOT .…

EC2で固定IPと独自ドメインを使う

参考サイト:Amazon Route53編~サイトを公開してみよう!パート①~ 参考サイト:Elastic IP アドレスの設定とRoute 53から独自ドメインの割当

EC2にChefでwwwグループ作成する

%w{httpd php mysql vim git}.each do |pkg| package pkg do action :install end end %w{httpd mysqld}.each do |svc| service svc do supports :status => true, :restart => true, :reload => true action [ :enable , :start ] end end group 'www' do m…

EC2にChefでPHP、MySQL、Apacheなどを入れてみる

chefでresourceというのはchefが用意している命令のことらしい。OSの種類に応じて処理を実行してくれたり、エラーの場合の処理も内部でやってくれるので、Recipeに数行のresourceを書くだけでOKになっている。 packageもResourceですよね??packageを使って…

EC2でChef使ってみる

OSはEC2のAmazonLinuxです。 Chefのインストール curl -L https://www.opscode.com/chef/install.sh | sudo bash ・Chefでは、コード化された手順書あるいは、サーバの状態をレシピと呼びます。 ・クックブックはレシピの入れ物です。 ・クックブックを含む…