マガジンのカバー画像

Web開発日記

118
Webサービスを作るにあたっての個人的メモ
運営しているクリエイター

2019年9月の記事一覧

LaravelでSocialiteを利用しFacebookログインを実装する方法

LaravelでSocialiteを利用しFacebookログインを実装する方法を記載します。 前提前提として、下記のnoteを参考にSocialiteを利用しtwitterログインができるようにしておいてください。SocialiteのLaravelへの導入等はこちらの記事で行なっています。 それでは始めます。 Facebook for Developersにアプリ登録をするFacebook for Developersにアプリ登録を行います。Facebookにログイン

Laravelのbladeで改行する方法

Laravelのbladeで改行する方法を記載します。 nl2brを利用する 下記でOKです。 {!! nl2br(e( $texts )) !!} これで改行されるようになります。 nl2brについて nl2br — 改行文字の前に HTML の改行タグを挿入する 参考:nl2br

Laravel 6.0でページネーションの設定方法

Laravel 6.0でページネーションを設定する方法を記載します。 ページネーションは、一覧ページを作成する際に表示件数が多い場合に利用します。 (下記のようなやつですね。) Controllerの設定まずはControllerに記載します。 $posts = Post::paginate(15);return view('posts', [ 'posts' => $posts,]); paginateメソッドを利用します。下記箇所ですが pagenate(

Laravel 6.0 で「make:auth」が利用できなくなったので、対応方法記載します。

先日Laravel 6.0がリリースされましたね。 早速インストールしてみました。 問題なくインストール完了 Laravle6.0では「make:Auth」が利用できない。インストール後、いつも通りログイン認証機能を作成しようと下記コマンドを実行したところ php artisan make:auth 下記のようなエラーが表示されました。 調べてみると、Laravel 6.0では「make:auth」が利用できないようです。 今回はこちらの対応方法を記載します。

書評 『WordPressのやさしい教科書。』

最近仕事でWordPressを使用する機会が増えました。 WordPressやってて思うのは、本当に解説サイトや書籍が多くて助かるということですね。 動画、ネット記事、書籍などなど様々なツールで学習しましたが、今回はその中でも最初に読んでとても良かった本、『WordPressのやさしい教科書。』を紹介致します。 おすすめしたい読者層まずこの本をおすすめしたい読者層なのですが、下記のような方かなと。 ・なんとなくWordPressを知っているが、実際にどういうものなのか

WordPressをインストールしたら最初にやることリスト

WordPressをインストールしたら最初にやっておいた方が良さそうなことをまとめました。 インストールしたら『すぐ記事を書いてサイト公開だ!』という気持ちもわかりますが、一旦落ち着いて下記の設定を確認してみてください。 ローカライズご自分の環境に応じて言語等をローカライズします。今回はすべて日本表記にするように設定します。 「Settings」→「General」をクリックします。 下記を設定します。 Site Language:日本語 Timezone:Toky

WordPressで固定ページに投稿記事一覧を表示する方法

WorpPressで固定ページに投稿した記事の一覧を表示する方法を説明します。今回は独自のテンプレートを作成し、そこにコードを記述することで対応するようにしました。 固定ページ作成まずは固定ページを作成します。 WordPressのダッシュボードより「固定ページ」→「新規追加」をクリック。 「bloglist」という名前で固定ページを作成します。 その際、スラッグも「bloglist」としてください。 テンプレート「page-bloglist.php」を作成次にテン

テンプレートモンスターで購入したテンプレートをWordPressに反映する方法

テンプレートモンスターというテンプレート販売のサイトがあります。 良いクオリティのテンプレートがそれなりのお値段で購入できるサイトです。 今回はテンプレートモンスターで購入したWordPress用のテーマを、WordPressに反映する方法をまとめます。 テンプレートモンスターでテンプレート購入テンプレートモンスターでテンプレート購入します。かなりの数のテンプレートがあるので、「WordPress」で検索すると良いかと思います。 http://www.template

お名前.comのドメインの認証を忘れていたため突然自分のサイトが見れなくなったが、解決した。

先日リリースした私のポートフォリオサイトなのですが、昨日アクセスしてみたところなんと表示されなくなってしまいました。 こういう時に冷静さを失ってはいけないということを私たちはARMS主人公のお父さんから学んでいます。 (ARMS1巻より引用) ということでまずは冷静に確認してみましょう。 まず確認しようまずは自分の環境の確認です。私の場合は下記環境を利用しています。 ・サーバ:Netlify ・ドメイン:お名前.com おそらくこちらのどちらかが悪さをしているはず

次世代画像フォーマット「WebP」を試してみた。

PageSpeed Insightsというサイトがあります。 これはGoogleが提供しているサービスで、Webページを解析し、改善点を提案してくれるツールです。 先日ポートフォリオサイトを作ったので試しにやってみたところ、、、 なんと98点という高得点をたたき出しました。 そもそもコンテンツが少ないからというのもありますが、さすがNuxtといったところかもしれません。 で、こうなってくると欲が出てきて100点を目指したくなるもの。ということで改善点を見てみたところ

Nuxt.js + Contentful + Netlifyでポートフォリオサイト 作りました。

こんにちは。長野県松本市のWebデベロッパー、賀川と申します。Web制作を中心にWeb周りのお仕事をコツコツとやっております。 最近周りのフロントエンドエンジニアと話していると、必ずNuxt.jsの話になるんですよね。 私も昨年末くらいにNuxt.jsをちょっと触っていたのですが、他の案件に追われていたため途中で学習をストップしていました。 ↓こんなマガジンを作ったりしていた。 そんなこんなでNuxt.jsから離れていたのですが、先月から少しずつ時間が取れるようになっ

WordPressをロリポップ!に構築する方法

今回はWordPressをさくらのレンタルサーバーに構築する方法を記載します。 前提:ロリポップでレンタルサーバー契約していること それでは始めます。 PHPの設定2019年8月31日時点でのWordPressの最新版は WordPress 5.2.2です。 この場合 PHP バージョン5.6.20以上が必要になりますので、ロリポップの管理画面よりPHPのバージョンを設定します。 「サーバーの管理・設定」→「PHP設定」をクリックします。 対象ドメインのバージョン