laravelで検索機能を実装する
Laravelde検索機能を実装します。イメージは下記の動画の感じ。タイトル、タグ、本文に対してあいまい検索を行なっています。 実装開始 ①inputタグを作る まずはformのinputタグを作って見た目の部分を整えます。今回はbootstrapを使っているので、classが見にくいかもしれません。 ポイントは ・formのactionを入れない事。・inputのvalueをvalue=”{{request(‘search’)}}”にする事(入力すると値がURLに反映されます)。 辺りかなと。 ②controllerに検索処理を書く 検索機能のポイントは ・whereでLIKEを使う事であいまい検索にしている・orWhereを使う事で、タイトル、タグ、本文今違って検索している 辺りです。 ついでにページネーション入れる ページネーションはこれですね。検索結果や一覧ページをページに分けて表示するやつです。 Laravelに基本的な機能が備わっているので、秒で作れます！！ まずcontrollerにpaginateを記述します。今回は8投稿でページ遷移します。 次にパージネーションを設置したい所にこちらを記述します。 少し見た目を変えたいので、ファイルを変更します。 コマンドラインで下記を打ちます。 …
Laravelのfactoryでダミーデータを生成する！
テスト用にダミーデータが欲しいときの方法を記します。Laravelにあるfactoryを使えば、このようにダミーデータを50件直ぐに用意することが可能です。 一覧画面 内容 手順 前提 DBが既にある前提でダミーデータを生成していきます。今回は投稿を複製したいので、postテーブルを使います。 構造はこんな感じ ①factoryを生成 こちらのコマンドでfactoryが database/factories配下に作成されます。 ②PostFactory.phpにコールバック関数を定義する ダミーデータとして登録したい内容は「title」「tag」「body」なので、それらをコールバック関数として定義します。 の様に$fakerを使うとランダムで値を取得できます。fakerで取得できるデータはこんな感じ。 https://qiita.com/Sa2Knight/items/fb82be7551cc84764267 ③tinkerで作成できるか試してみる tinkerはお手軽にコマンドを試したりデバックができるツールです。簡単な概要はこちら https://qiita.com/juve_534/items/96dc6e7e0652dced1428 早速作ったfactoryを試していきます。 …
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になるので、理解が難しい人は完全コピペでも動かせます。 …
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などの要素を足していく事で、メールの細かい設定が可能です。 以上 …
wordpressのデバッグモードを使いこなす
デバッグモードとは デバッグモードをオンにする事で、警告やエラー文を吐き出してくれます。 phpでいうvar_dumpやJavaScriptでいうconsole.log()の様な役割ですね！ 実際にwordpressに支障が出ている時の開発には必須になってきます。 デバッグモードの使い方 wp-config.phpを編集します。 サーバーから弄っても良いですし、手元に落としてきて編集しても良いです。 コードとしては下記の部分を見ます。 開発者へ: WordPress デバッグモード * * この値を true にすると、開発中に注意 (notice) を表示します。 …
Laravelのslot機能でボタンの文言を変えて使い回す！
はじめに Laravelのbladeでhtmlのコーディングを行っていると、「Vueのコンポーネントの様に中身だけ変えて使い回したい！って場面が多々出てくると思います。 そんな時にLaravelに元々あったsectionとは別にslotという機能がめちゃくちゃ感覚的に使えて良かったので説明していきます。 slot機能とは まず、プロダクトの中で使い回すパーツをコンポーネントと呼びます。 例えば、こんな感じのボタンですかね。 これをslot機能を使う事で、中の文言だけ変えて色々なところで使い回していきます。 slotの使い方 コンポーネント作成 まずコンポーネントを作っていきます。 変えていきたい部分を {{$slot}} としておきます。 ちなみにボタンのscssはこんな感じですでに定義しています。 これにてボタンのコンポーネントはできました。 コンポーネントを呼び出す 先ほど作ったコンポーネントを呼び出していきます。 この様に('button')の部分にコンポーネント名。 …
wordpressの「データベース接続確立エラー」の対処法
こんにちは、てりーです。 最近、友人の会社のコーポレートサイトをwordpressで作っていうのですが、如何せんエラーに打ち当たることが多いです。 wordpressの中でも単純にダッシュボードをいじってどうにかなるなら、感覚でいじっていても解決することもあります。 しかし、サーバーやドメイン周り、子テーマなどを使ったカスタマイズになるとちゃんと周辺知識も必要だなーと思います。 今回はデータベース接続確立エラーについてまとめました。 データベース接続確立エラー wordpressのサイトを開いた時に「データ接続確立エラー」というエラー文が表示された特の対処法です。 1番オーソドックスなのがwp-config.php訂正！ wp-config.phpでは ・データベース名 ・データベースのユーザー名 ・データベースのパスワード名 ・データベースのホスト名 が正しく記入されている必要があります。 そして結構ココの入力ミスでデータベースに繋がらないパターンが多いです。 上記の情報はデータベース作成時に作っていると思うので、大事にメモっておきましょう！ wordpressをアンインストール→インストール 先ほどのwp-config.phpを正しく記入してもエラーが収まらない際にはwordpressをアンインストールする事で解決することが多々あります。 …
さくらインターネットでec-cubeをインストールする方法！
こんにちは、てりーです。 今回はec-cubeをさくらインターネットのサーバーでインストールする方法をまとめて行きます。 参考記事 help.sakura.ad.jp 基本的に上の記事に沿って進めていきました。 １ 事前にデータベースを作っておく 「データベースの確認」から見れる。 確認してなければ作る！ パスワード系は忘れない様にメモる事。 2 ec-cubeのインストール 指示に従って進めていく。 この時にメモったデータベースのパスワードが必要。 インストール先に迷ったが、さくらのファイルマネージャーからディレクトリを確認すれば、どこに保存すれば良いか分かる。 テーブルの接頭語についてはよく分からなかったのでテキトーに付けた。 3 アプリケーショ,サイトの設定を行う …
独自ドメインをec-cubeに組み込む(前編)
こんにちは、てりーです。 8月頭に開発系の案件としては初めてのec-cube案件を頂きました。 そこで今週はec-cubeでの独自ドメインの取得にチャレンジしています。 ec-cubeでの独自ドメイン取得までのガイドライン 公式文献 https://docs.google.com/presentation/d/1j6KTbUdVbO2enaKjbWeSYkTxJ9duvIyCq0bMvN5IK9Y/mobilepresent?slide=id.g5dd293eb9c_0_41 この手順に沿って行っていきました。 独自ドメインは持ち込みです。 はさくらインターネットにて取得していました。 ドメイン取得のパターンは2種類 持ち込みは5000円払い切り。 ドメイン取得までのec-cubeにお願いすると5000円/月です。 持ち込みの方が、ドメインの料金を考えても割安なので、ドメイン取得について理解できそうなら持ち込みの方がお得かなーと思います。 DNSレコードの設定 参考サイト https://e-yota.com/infrastructure/sakurainternet_dns_zone_setup/ ｢ゾーン設定｣ ゾーン設定とは …
