EC-CUBE4.0の新着商品を自動で取得する
久々にEC-CUBEについてです。半年前に制作したECの回収券の案件が入ったので、備忘録がてらまとめていきます。 なぜ新着商品の自動取得が必要なのか 最初にインストールした直後のEC-CUBEだと新着商品のブロックは手動での記述を行う仕様になっています。 アイスクリームが3つぐらい書いてあるここですね！！ なので、この場所は新商品が更新されるたびに、コードを書き換える必要が出てきます！！ですので、ECサイト制作者の方は自動で新着商品が変わる様にしてあげると、クライアントさんに喜ばれやすいかなーと思います。 具体的な手順 手順は以下の通りです。 /app/Customize/Twig/Extension/TwigExtension.phpを作成する TwigExtension.phpに新着商品を表示するためのコードを記述 コンテンツ管理のブロック管理から新着商品のコードを書き換える css管理からcssでスタイリング 1つずつ詳しく見ていきましょう！！ 1 TwigExtension.phpを作成 /app/Customize/Twig/Extension/TwigExtension.phpを作成します。 ファイルのパスを間違えない様に作りましょう！！ 2.TwigExtension.phpにコード記述 さてTwigExtension.phpを作成していきます。コード内容はphpになるので、理解が難しい人は完全コピペでも動かせます。 …
web制作の実案件で僕が受けたフィードバック箇所を重要度でレベル分けして見た
久々にqiita方に書きました。案件でもらったフィードバックなどは、こうやってちょくちょくまとめておきたいと感じますね！！ https://qiita.com/terry_6518/items/3eb87111daaa57ebddd7 …
Laravel Debugbarを使ってサクサクデバッグしよう！
Laravel Debugbarとは？ こんな感じでブラウザの下に出てくるデベロッパーツールのようなものです。みたことある人も多いはず！ まずは導入方法です。 Laravel Debugbarの導入方法 この記事通りに進めていけば、問題なく導入できるはずです。 https://larapet.hinaloe.net/2017/03/07/%E9%96%8B%E7%99%BA%E3%81%AB%E6%AC%A0%E3%81%8B%E3%81%9B%E3%81%AA%E3%81%84-laravel-debugbar-%E3%81%AE%E5%B0%8E%E5%85%A5/ config/app.phpへの記述部分が少し迷うかもしれませんので、参考にコードを載せておきます。(Laravel Debugbar用と書いてある所が追記部分です。) Laravel Debugbarの使い方 Laravel debugbarには様々な機能がありますが、その中で僕が主に使っている機能を載せておきます。 変数やオブジェクトの出力(var_dump) phpでの動作確認では欠かせないvar_dump。javaScriptで言うところのconsole.log()ですね、、 これをLaravel Debugbar上で行えます。 …
LaravelのMail::sendでメール送信機能を実装する
はじめに Laravelを用いたサービスでお問い合わせ機能や、その返信にbcc、replyを実装する方法についてまとめます。要はLaravelでメール送信を行う機能の実装です。 Laravelでメール送信を行う方法はいくつかありますが、今回は特に実装が簡単なMail::sendを用いた実装方法について見ていきましょう。 controrollerの作成 メールの送信動作は、各自のルーティングでweb.phpに記載してください。実際のメール処理はMailSendControllerにて行います。 例えば以下のようなcontrollerだとabcde@exampleにテストメールという件名のメールが飛びます。 ここの->subjectの部分にbccやれplyToなどの要素を足していく事で、メールの細かい設定が可能です。 以上 …
[WIP]Vue.jsのSSG「Gridsome」がサクサクで快適だった
久々にVue.jsよりの投稿です。最近流行のSSGが気になり、自分の得意なVue.jsでもいじれないかと思い、Gridsomeを触り始めたので、感想をまとめます。 Gridsomeとは SSG、いわゆる静的サイトジェネレーターと言われるフレームワークです。React.jsだとGatsbyが有名ですが、Vue.JsだとGridsomeが王道です。 Gridsomeの特徴 フロントはVue.js、データ取得はGraphQL GridsomeはGraphQLにてAPIやjson、ローカルファイルなどをやり取りし、Vue.jsのコンポーネントにて実装しています。 Vue.jsが使えれば、Gridsomeではサクサク実装できるイメージです。 特にAPI周りはプラグインによって簡単に構築できます。 ルーティングの設定が簡単で、すぐ開発できる Nuxt.jsの様にサーバー側の複雑なルーティングを使わず、簡単に扱うことができます。 ホットリロードでブラウザチェックがサクサク ホットリロードが常に効いているので、ブラウザでのデザインのチェックが楽々できます。これは本当に嬉しくて、細かい環境構築が入らない点がおお気に入りです。 Nuxt.jsとの棲み分け …
