スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

cakephp3でcontorollerでelementを使う

cakephp3でcontorollerでelementを取得して、出力する方法をメモ。
$this->autoRender = false;
$this->response->type('json');
$view = new View();
$content = $view->element('my-element', $params);
$results =[
'status' => 'ok',
'html' => $content
];
$this->response->body(json_encode($results));
return $this->response;


参考サイト
CakePHPでHTMLの入ったJSONを返すAPIを作ってみた
CakePHP: How to use a view element inside of a controller
Can't access controller from element
スポンサーサイト

vagrantでjsやcssなどのファイルが更新されない

vagrantでjsやcssなどのファイルが更新されない事があったので対象方法のメモ。
共有ファイルのソース自体はゲスト側もホスト側も更新がされているのに、それがブラウザのソースを見たりすると反映がされていなかった。
また、ソースの一番最後の行がUTF-8の文字化けの時みたいなやつが羅列されていた。

これは、apache側の設定のようで
<Directory /path/to/public_html>
EnableMMAP Off
EnableSendfile Off
</Directory>
をhttpd.confに追記すればOKでした。


参考サイト
VagrantでマウントしたJavascriptファイルが文字化けする問題の対処法
VagrantやVirtualBoxの共有フォルダ機能で静的ファイルが更新されない

既存のディレクトリに git clone する方法

レンタルサーバーとかで既にドキュメントルートでpublic_htmlとかが出来ちゃってて、自分で変更出来ない場合に、そこでgit cloneすると、一つ無駄なディレクトリが出来てしまう。
mod_rewriteとかすれば良いけど、ちゃんと方法があったのでメモ。

  1. git clone したいディレクトリで git init する。
  2. git remote add origin https://github.com/(ユーザ名)/(リポジトリ名).git でリモートリポジトリを設定
  3. git fetch origin でローカルリポジトリを更新
    ※ ココで git branch -a でブランチを確認すると、remotes/origin/master のみが存在している
  4. git merge origin/master でマージ

これでOK。

その状態でgit pullしたら、こんなエラーが出てきてpull出来なかったので。
There is no tracking information for the current branch.
Please specify which branch you want to merge with.
See git-pull(1) for details

git pull <remote> <branch>

If you wish to set tracking information for this branch you can do so with:

git branch --set-upstream-to=origin/<branch> branch_name

下記で設定すればOK
git branch --set-upstream-to=origin/master master


参考サイト
既存のディレクトリに git clone するには
git pull を --set-upstream-to で引数無しで実行可能にする

position:absoluteした時のdivの高さを可変にする

グリッドデザインのような横幅可変なサイトで、画像をとかを横幅に合わせて伸縮させたい場合がある。
imgタグであれば、width:100%; だけ指定しておけばOKだが、divとかで、position; absolute;した時など、高さが指定されていないのでうまくいかない。
そんなときの対処法。

■HTML
<div class="box ratio-1_1">
<div class="inner">
<p>1 : 1</p>
</div>
</div>
■css
.box {
    position: relative;
    width: 50%;
    height: auto;
    background: #444;
}
.ratio-1_1:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
}
.inner {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}


参考サイト
CSS のみで高さを可変にして要素の比率を維持するテクニック

プロフィール

U2K

Author:U2K
いろいろプログラムに関しての覚え書きをちょくちょくと書いていきます。

オススメ










オススメ

忍者AdMax

u2k on Twitter

最近の記事


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。