KAEDE Hack blog

Vimと可愛いUIを愛する英文学生の技術ブログです. お仕事ください > , <

cake php useful settings

cake php useful settings

bg

私が使ってる時短テクを紹介しよう

ln -s

  • cakeではこれらのfileをよく編集する
src/Controller/YourappsController.php
src/Template/Yourapps/
webroot/css/
src/Template/Element/
  • なのでこれらをHOMEからなるべく浅い位置にln -sでlinkしておいて 簡単にアクセスできるようにしておこう

CakePHP Elementで.ctpを使い回し!!

CakePHP Elementで.ctpを使い回し!!

bg

今までaddやeditに同じようなctp fileの記述があっても「仕方ないか〜」と何回か書いていましたが, Elementを使えばそれを呼び出すだけでなんども記述する必要がないこと知りました!!

ctpはhtmlの拡張系ですし,いわばhtmlを変数としてあつかえるわけですね!!画期的〜〜!!

参考

qiita.com

src/Template/Element/ にhogehoge.ctpと作成して,いつもviewに書いているように $this->hoge->huga....と書いて....

src/Template/AppName/yours.ctp

<?= $this->element('hogehoge'); ?>

とかけばオッケーです!!

f:id:kei_s_lifehack:20191110025656p:plain

アルェ????single quotationがない!!!!

f:id:kei_s_lifehack:20191110025756p:plain

ヨシ!!!!

今は素のリンクだけですが,この技術でしっかりしたheader,navを作って適用して, どんどん完成度上げていこうと思います!!!

headerにつけるもの,TOPとFinderしか思いつかないけどね!!!!

春のインターン,技術力的に行ける気が全くしないですけど作品できるだけ育てます!! 最近コミットが途絶えてたし頑張るぞ〜〜〜

css button-like link

bg

cakephpで生成したリンクにpaddingを足してbuttonのように文字以外をクリックしてもlink(action)に飛べるようにしたかったが,なかなかlinkのpaddingのクリックを有効化できなかった.

solved

  • CSSaに当てた
  • 今までは要素自体に当てて,リンクのaに当てていなかったからダメだったようだ.

before

.new {
  text-decoration: none;
  background: #aaa;
  color: #000;
  padding: 10px 40px;
}

f:id:kei_s_lifehack:20191107004335p:plain

after

.new a {
  text-decoration: none;
  background: #aaa;
  color: #000;
  padding: 10px 40px;
}

f:id:kei_s_lifehack:20191107004441p:plain

https://codepen.io/KAEDE0902/pen/jOOYmRd

Updated Pocket Wifi

Wimax w04 to w05

もともと30W未満では充電不可の端末


f:id:kei_s_lifehack:20191103080613j:image

1日は持たないので職場や学校では着いたら電源OFFにする必要があった

勉強会の会場のビル内や神奈川大学20号館ではこの電波は届かない

Setup


f:id:kei_s_lifehack:20191103080710j:image

SAGAWAから届いた。Boxに投函してくれなかったので仕事の後に直接手で受け取る必要があった


f:id:kei_s_lifehack:20191103081017j:image

赤い箱に


f:id:kei_s_lifehack:20191103081900j:image

赤い端末、w04と同じauのSIM


f:id:kei_s_lifehack:20191103082005j:image

別梱包のバッテリーとSIMを正しい向きでセットし(フラグ)


f:id:kei_s_lifehack:20191103082047j:image

起動!!!


f:id:kei_s_lifehack:20191103082102j:image

正しいpassword入れても繋がらん!!不良端末だ!!返品じゃー!!(ふて寝)

 


f:id:kei_s_lifehack:20191103082215j:image

起きてから「もしやセーフモードの解除をしてない…?」と思ってよく取説を見たらSIMの向きを間違えてました。欠けてる所が上ね…

 


f:id:kei_s_lifehack:20191103082325j:image

外観はこんな感じ。時間が見やすくなった!

速度も
f:id:kei_s_lifehack:20191103082607j:image

DL: 27.6MB, UP: 10.5MB で良好である

無事使えてよかった。

基本料金は3750から4010に上がったが(›´-`‹ )

How to Manage CSS of CakePHP

How to Manage CSS of CakePHP

remove default style

  • cakeはdefaultでformをいい感じにdbから作ってくれる

f:id:kei_s_lifehack:20191022001459j:plain

  • これを無効化するためには,layoutをfalseにしよう
  • Controllerに書き込む
<?php
$this->layout = false;
  • これで素のHTMLで表示されるようになりました

f:id:kei_s_lifehack:20191022001512p:plain

add your css

  • make css file at webroot/css/hoge.css
  • そしてViewのctpにこの文章を追加すると読み込む.
<?= $this->Html->css('hoge'); ?>

change title

  • layoutをfalseにしておくとtitleも変えられます

f:id:kei_s_lifehack:20191110045339p:plain

add class to ctp

www.searchlight8.com

  • cake template file .ctp is different from html file
  • looks difficut to add class, but it is very easy
  • just add class => className like placeholder.

Add class to input

<?php
echo $this->Form->control('column_name',[
    'class' => 'hoge',
    'placeholder' => 'name',
    'label' => __('NAME'),[
        'class' => 'hoge',
    ],
]);
  • this enables adding class to input

f:id:kei_s_lifehack:20191022001602p:plain

Add class to label

  • to enable add class to label
<?php
'label' => __('NAME'),[
    'class' => 'BBBBB',
],
  • this cause BBBBB => BBBBB, holy shit!!!

  • Write both text and class

<?php
'label' => [
    'text' => 'NAME HERE',
    'class' => 'BBBBB',
],
  • success !!! Different Name input and label!!!

f:id:kei_s_lifehack:20191022001547p:plain

  • You can add css by class now.

リモートの職場の歓迎会に参加しました!

職場の歓迎会に参加しました!

  • remoteでやってたので暫くぶりに行った.大学終わった後に 17:00に出て渋谷の奥に行ったが,通勤時間でめっちゃ腰が 痛くなった.18:30についてPMに頼まれたテスト業務してSS送って 19:00から酒入れて歓迎会(四月からメンバー)が始まった!!

f:id:kei_s_lifehack:20191019010128j:plain

f:id:kei_s_lifehack:20191019010144j:plain

  • 私の好きなstrong系はなかったが,5本くらい飲んでお持ち帰りも した.満足.魚介系のタンパク質とPizzaもいただきました!!! Veegan向けの大豆唐揚げはスポンジでした!!wwww

f:id:kei_s_lifehack:20191019010158j:plain

同僚

東大,早稲田,慶応,の新人が多かった,コミュニティがあるらしい?
機械学習系の人が多かった

PM

PMが来たときに真っ先に声をかけて「いやーすみません!」 「なんか質問しても質問になってねぇって言われそうで 尻込みしちゃったんすよね〜〜すみません!!」ってすぐ 謝った.和解した.多分.

その後に日本酒の会をしているところに潜入した. 玄人っぽい反応する時と何もわかんない素人っぽい 反応する時の落差が激しいと言われた. 独学メインでやってるから知識の偏りが激しいんだろう. CS専攻しとけばよかったなぁ( 死んだ目 )

NW man, India woman

NW, Indiaから来て正社員でやっている機械学習チームの方と話した. NWから来た数学専攻のAmericanにはNWではInternShipの競争率が クッソ高いから,このいい会社に入れることに感謝して 羨ましいぜ,俺が大学生のときにこんな環境はなかったと 言われた.
また,何もわからないProjectにJoinするのは怖いことではなく, 新しいことを学ぶChanceだと言われた.Kennyにも横浜駅で 同じこと言われたな... C++ Open CVを進められた. コードを実行して画像のneg,pos反転や向きの調整ができる ところは便利だと感じたが,ほかはわかんない!!!

Hindiの人には鬼滅の刃の話をされて,Weekly Jumpを進めて NarutoがIndiaで流行っててみんなencourageされてるって 聞いた.私はとっくに飽きていたが影響大きいんだ...

あとやはり「正社員」の概念がどうしても通じない. アルバイトでも8h * 5 in week働けばFull timeだが, 正社員はそういうことではないし,ここは毎回伝えられないな.

elimanate paper のcakephp github projectはいっぱい褒めて 貰えた,あとスタイルいいイケメンで最高だった

redditでの話題checkを勧められてみてみた. 頻繁にphpのthread checkするようにしよう

ICU Girl

ICU 4th grade. Paper title is not decided.
Previous title was 漫画村とpublisherの影響.
限界オタクだったので話が盛り上がってしまった 家が近いから受けたらしい.Twitter紹介... そこでPMが結構Twitterで仕事なくなった人を勧誘 してると聞いてしまった,PM怖いってTweetしてるし 本当に気をつけなければ...(flag)

経営学が主専攻で,Double MajorにCSを選んだらしい. 新宿のホラーなんとかでタンクトップ全裸のキャラが でるらしくて進められた.

Infra man

コードを最近描き始めた,PMに誘われたInfra Engineer 日本酒が好き

f:id:kei_s_lifehack:20191019010223j:plain

このお酒を頂いたが,日本酒なのに辛くなくて確かに 美味しかった.日本酒は辛いという印象が払拭された. 色々掘り下げて聞こうとしたが,Dockerしか わかんなかった!!!インフラ一番難しい!!!

conclude

わからなかったこと,わかったこと学んだことを明確にして, 自らの糧にしていこうと思う. あと日本人はUSと比べた自虐が好きで,私にもそれは 当てはまるが,今回{{name}}に聞いたように こちらでは倍率が高くない(私が入れてるんだからそれはそう) のを活かせるように勇気を持ってこの会社の案件頑張ろうと 思う.今回はProductiveな時間だった.参加してよかった!

f:id:kei_s_lifehack:20191019010449p:plain

Automate module install by Package.json

package.json is what

bg

In remote work, I have a chance to touch node js work.
That means I have to use npm model.
Yeah, chance, that is the point. I had to use that,
but this, taught me. How to use and understand this.
Thanks to the P.M.
I got this error for just installing modules by npm.

f:id:kei_s_lifehack:20191017231123p:plain

what is the package.json

  • It is modules list, for example: (crypto, node-rsa,)
  • It shows dependencies and Dev dependecies.

qiita.com

dif between README.md

For just modules list, we have a README.md.
How about writing modules here, instead of using package.json?
No. That json file does much more.

Auto writing modules list

when installing another modules in need, appeding --save
After npm inti and return return return return return......

techacademy.jp

npm install --save pbkdf2
{
  "name": "ls",
  "version": "1.0.0",
  "description": "## pushing test",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "pbkdf2": "^3.0.17"
  }
}

It writes module dependencies list in json!!!
And this enable install everything on this list
by just npm --install.

Conclusion

  • In Node, npm, package.json is useful.
  • It written automatically, adding --save when install modules.
  • And it enable install everything in the json just npm install

Use package.json