2017-01-01から1年間の記事一覧

vee validate まとめ

Qiitaにドロップしました。初投稿です! qiita.com

Nuxt.jsでOGPをSSRする。

バックエンドJavaでフロントがVue.jsのSPAなコンテンツを作っている時に、 APIで取ってきた値でOGPの値をバインドしてもSNSでクロールできず悲しい問題にあたってしまった。 ※こちらの記事でとてもわかりやすく現象がまとめられていた。 cly7796.net 色々な…

Vue-infinite-loadingがとても便利だった話

ウェッブフロントではありがちなスクロールして無限にコンテンツを読み込んでいくアレを作る時にあっというまに実現できたのでメモ。 ReactjsやろうやろうとしてたらVuejsになっていました(?) peachscript.github.io 導入 npm install vue-infinite-loadi…

Vue.jsでボタン制御

Vue.js memo computedに無限の可能性を感じている今日。

vue.js 試し書き

シンプルに取得したベーコン画像をバインドする。 spanタグとかで作られた枠内に表示するって時に:style="hogehoge として、 computedで'background-image': `url(${this.image})`を返すのもできた。

Riot.js(v3.6.0)でtableタグと格闘したmemo。

仕事でRiot.js、家ではReactというjavascriptにまみれてます。 Riot.jsのカスタムタグを使ってHTMLに動的な表示を実現させる稼業で今後も使いそうなのでmemo. 序 HTML側ではデータを元にtableを使ってこんな感じに表示させたい。 至って普通のテーブルですが…

Javascriptで配列内の要素をキーに分割するmemo

レスポンスを自分で変更できないので、javascript側でレスポンスデータをブレイクしたmemo. データ before [ { id:1 venue:AAAA name: - date: - staff: - }, { id:2 venue:AAAA name: - date: - staff: - }, { id:3 venue:CCCC name: - date: - staff: - } …

cookieの有効期限を今日中でsetする。

js-cookie使って当日有効のcookieをセットするmemo. var now = new Date(); var limit = new Date( now.getFullYear(), now.getMonth(), now.getDate()+1); now.setTime(now.getTime() + (limit - now)); Cookies.set(‘yomei’, '今日で私の命も尽きるでしょ…

Laravel5.3でプロキシサーバー経由のアクセスの送信元IPを取得する。

Heroku+Laravel5.3の環境で、送信元IPの取得するミッション。 Heroku経由のRequestに対して、 $request->ip() をしてもRequest毎に違うIPが返ってきてしまい、 herokuでアプリケーション側でIPフィルタリング的な処理ができないの…? と一瞬悩んだのでメモ。…

react-pwa-reference でPWA体験

自分サーバーサイドエンジニアっす!と言って入社したものの、受託開発従事者なので案件によってはフロントを触ることが多い最近。 実のところ「チクショウ、サーバーサイドがやりたいぜ」と思うこともあまりないので、しっかり勉強していきたい所存。 最近…

Laravel+Cloudinaryで画像アップロードする

背景 herokuで運用しているWebサービスに画像のアップロード機能を追加するというミッションが課せられたので「とりあえずS3でいっか!」とする前に、herokuアドオンにあったClodinaryを調査を兼ねて試用してみました。 環境 laravel5.3 (PHP7.1.2) インスト…

Laravel5.3でWindows ExcelにもやさしいCSV出力

管理画面がないサイトだったりすると、 なんだかんだExcelで見るのは便利で、エンジニアではない方からデータのcsv出力は結構求められますよね。 (主に文字コード面で)Macなら見れるのに〜と言わないためのメモ。 いや自戒。 あぁ自戒。 環境 * Heroku * L…

メモる

会社のPCのセットアップでローカルに色々追加していってるから備忘的なもの。