現在地からお店までの経路を表示するコード

以前作ったサイトの修正中・・。その2

こんばんは!

今日はサイトの修正にあたり、

「お店までの経路をグーグルで表示するためのリンク」を追加したのですが凄く簡単なので共有します:)


saddr= 出発地、 daddr= 目的地、 dirflg= 交通手段

をそれぞれ選択して表示する事が可能です。

例えば現在地から東京駅まで車での経路を表示したい場合。

http://maps.google.com/maps?saddr=&daddr=東京駅&dirflg=d

これを<a>タグでリンク先にするだけ!

出発地のsaddrの所は何も入れなければ現在地からになります。

(出発地の住所をいれて指定も出来るらしいです。)

目的地の「東京駅」の部分は住所でもOK。

最後の交通手段の所は、w:徒歩、d:自動車、r:電車・バスとなっています。

そうすると下のようなリンクが貼れます:)

東京駅までの経路

私はイラレで作った地図の下に貼りましたが、地図かくのめんどいな・・

という方はgoogleさんの地図をそのまま貼ってしまえばOKではないでしょうか!

1、googleで住所を検索。

2、共有押す。

3、地図を埋め込むタブクリック&HTMLをコピーして挿入したい所に張り付け!

そうすると出来上がりはこんなかんじになります:)

今回参考にしたサイトさんはこちらです↓

エコページさんありがとうございます:)

今日は以上です!

祝日、体育の日でしたが、一切運動をしませんでしたw

みなさんはどんな一日でしたか?

今日もご覧いただきありがとうございました:)

台風一過。

以前作ったサイトの修正中・・。

こんばんは!

台風19号・・凄かったですね(>_<。)

いやはや。私の住んでいる地区は昨晩停電したのですが、

「今回の台風は大きいから、復旧作業も大変だろうし、台風が去ってから作業するとしても2~3日はかかるだろうな。」と思っていました。

ところが!今朝起床してダメ元でブレーカーを上げてみたら、なんと部屋に明かりがついたんです!!

あんな台風で真っ暗で風がびゅーびゅ―してる中、

自分の危険も顧みずに、深夜に作業してくださった方がいたという事に感動し、同時に頭が下がる思いでした。

本当に。本当にお疲れ様です。そしてありがとうございましたm(_ _)m

今日もスーパーで牛乳を買った時。普通にスカスカだった棚には品物が並んでいました。

「これ今朝出勤してからスーパーの人達が頑張って品出ししたんだろうな。。」と。

日常の当たり前は、それを支えるために動いている人達のお陰なのだなと。思いました。

当たり前は当たり前じゃない事を再認識する良い機会だったのかもしれません。

皆の安全の為に、早めに計画運休に踏み切った各電鉄関連の方、救急隊の方や、放送局の方、病院、介護施設の方たち、ダムの放流の現場の方とか、もう無数の名もなきヒーローたちのお陰で難を逃れた人、救われた人が沢山いると思います。

Twitterのハッシュタグで「#世界は誰かの仕事でできている。」と流れてきたけど

ほんとそうですね。

さて、デザイナーへの道ブログは、私がデザイナーになるべくやっている事をメモとしてアップするブログなので、日々の成果物を上げたいのですが、

今日は以前制作したcafeのHPを以前お世話になった会社さんで使っていただけるというお話になっていて

そのサイトで使用する地図やアイコン(ファビコン)をイラレで内容修正しました。

相手の許可なく名前を出したアイコン載せて良いかわからないので、

今日は画像などはアップしない事にしました。ご了承下さいませm(_ _)m

今、隣のおうちからはラグビー逆転の歓声が上がっていて。なんだか平和な空気。。(*´ー`*)うん。これこれ(笑)平和が一番ですね。

まだ被災されていて、大変な状況の方もいるかもしれません。

まだまだ河川の氾濫への警戒も必要ですが、

一日も早く日本全国「いつもの日常」が戻ってくる事を祈っています。

今日もご覧いただきありがとうございました。

台風の為、ここをキャンプ地とする。

PHP学習記録

こんばんは!

台風さん本気だしてきてますね~(>_<。)

家が揺れています(笑)

そして、つい先ほど停電になりました。

ランタンとローソク用意しといて良かったー!

ローソク使うと急に「おしゃれな人の生活」感がでますね。

なんか急にいい雰囲気に(笑)

さらに、キッチンでつけてる方のローソクは、郁ちゃんの結婚式の時のもので、七色に光っております:)

おーおー(笑)

この状況ですがパーティー感。。(笑)

七色に光っている感じがとても良いですね。

さて、Laravel学習ですが、今日はLaravel入門編の5、チャプター7.8の

「 お店情報にユーザー情報を追加し、 自分で投稿したお店情報だけ、更新・削除できるようにする」をやってみました!

ログイン前は編集・削除の項目は出ていません。

そしてログインすると・・

こんな感じで、自分が投稿したもののみ編集削除項目が表示されるようになりました!

同じ様にpaizaみながらアプリ作りしている方!

ブラウザでの動作確認はチャプター8の追加項目の作業を終えてからでないと

チャプター7の工程だけだとそもそもエラーが出てしまうので、お気をつけくださいませ!

これでpaizaの手順では一応完成です!

やった~!:)

でもデザインを少しいじって変えたいな・・と個人的には思っております。

話は戻りますが、

皆さんのお住まいの地域は停電や洪水は大丈夫でしょうか?

結構大きな台風なので、ほんと気を付けて下さいね。

川や山、海のそばに住んでいる場合被害を被る可能性も高まりますので

無理をせず、ラジオや友人からでも構いません、情報を上手くあつめて乗り切って下さいね。

私はこれから読書タイムに入ります:)

それでは。今日もご覧いただきありがとうございました!

みなさん、どうかご無事で!!

cafemapにアクセス制御を追加する

PHP学習記録

こんばんは!

今日は昨日の続き。cafemapで「ログインした時だけ新規投稿ができる」ように

アクセス制御を追加しました。

手順は簡単!

1、 ShopController.phpに以下コードを加える。

 
public function __construct()
{
$this->middleware('auth')->except(['index', 'show']);
}
赤丸をつけた所、except([‘index’,’show’]);は「ログインしていなくても一覧画面と詳細画面は表示するよ」という意味です。index=一覧ページ、show=詳細ページ

2、次に index.blade.phpの新しいお店リンクの所を@authと@endauthで囲んで、ログインした時だけ表示されるようにします。

 
</table>

@auth
<div>
<a href='{{ route("shop.new") }}'>新しいお店</a>
<div>
@endauth
@endsection

そうすると。。

↑ログイン前
↑ログイン後(あ、、ボタンが見えずらいからデザイン変えないとですね(>_<。))
ログインしていない状態で編集を押すとログイン画面に飛ぶ。

こんな感じの画面になります。はい:)

明日はいよいよ超大型台風がやってきますね(>_<。)

「関東全員おこもりさんデー」という事で、

仕事帰りに本屋さんに寄りました(笑)

勿論そのあとにスーパーに寄って「おこもり用食料」も少し買いました:)

本屋さんはガラガラでしたがスーパーのレジは長蛇の列! 

みなさん色々買いこんでいて商品ラックはどのゾーンもスカスカな状態でした。

ベランダの物、物干しざおは下して、飛ばないようにする。しまう。

雨戸を閉める。ランタンとお水。OK。

前回の台風の時に購入したパナソニックの手回しラジオ(スマホも一応充電できるようです)準備OK!

なんだか「これからキャンプに山へ行ってテントでゆっくり本を読む。」

みたいなワクワク感が少しだけあります(笑)

皆さんも台風に備えて何かしましたか??

とにかく大きな被害がないと良いですね。

それでは!今週もお疲れさまでした!

御覧頂きありがとうございました:)

cafemapにログイン機能を追加する。

PHP学習記録

こんばんは!

今日はpaizaのlaravel入門編5を見ながらログイン機能の追加を進めてみました。

私と同じようにpaizaでlunchmapを作っていてそれにログインを追加したいよ。

という人は入門編5のチャプター5から見た方が良いです。

何故かチャプター1はlunchmap関係なく単体でログイン機能をつける。という内容だから・・

混乱。。(´-ω-)

はい。そんな感じでなんとか出来ました:)

明日はチャプター6の 「ログインしている時だけ、お店情報を投稿・更新・削除できるようにアクセス制御をかける」をやってみたいと思います!

今日も定時で帰れる喜びをかみしめております(*´ー`*)

ほんと。自分がしたい事にあてる時間があるって素晴らしい:)

御覧いただきありがとうございました!

今日も一日お疲れ様でした:)

cafemapにGooglemapを表示させる。

PHP学習記録

こんばんは!

今日はpaizaのLaravel入門編4を参考に、cafemapにGooglemapを表示させてみました。

ほぼほぼpaizaの動画の手順通り、進めて問題はないのですが、一か所変更しないと表示されない所があったので、これも情報共有しておきます:)

1. Google Developers Consoleにアクセスする

Google Developers Console
https://console.developers.google.com/

2. プロジェクトを作成を選択
3. Google APIが表示されたら、Google Maps APIから「Google Maps Embed API」を選択
4. 「有効にする」をクリック
5. 「認証情報を作成」をクリックして、「必要な認証情報」ボタンをクリック
6. 表示されたAPIキーを記録する

ここまではpaiza通りです。

そのあと、詳細画面( 私の場合、show.blade.php )に下のiframeタグで
Google API を入れ込んで地図を表示させるのですが。。

 
<iframe id='map' src='https://www.google.com/maps/embed/v1/place?key=AIzaSyCJBgcuCowQa5-V8owXaUCHhUNBN8bfMfU&q={{ $shop->address }}'
width='100%'
height='320'
frameborder='0'>
</iframe>

このpaizaのコードのままだと下のキャプチャのエラーがでてしまいました(>_<。)

そこでググりって導き出した解決策は、APIキーの後ろは「&q=」にします。

 
<iframe id='map' src='https://www.google.com/maps/embed/v1/place?key=AIzaSyCJBgcuCowQa5-V8owXaUCHhUNBN8bfMfU&amp&q={{ $shop->address }}'
width='100%'
height='320'
frameborder='0'>
</iframe>

そうすると、

こんな感じで、投稿された住所に合った地図が自動で表示されるようになりました!:)

そして背景画像を少し変えてこんな感じに。

StockSnapによるPixabayからの画像

何かの参考になれば嬉しいです♪

今週末はまた台風が迫ってきているみたいですね。

前回の台風の件もあるので、備えて、無理せず!

ですね。

大きな被害がでないといいなと思います。

台風小さくなれ!ナムナム。

今日も一日お疲れさまでした!

御覧頂きありがとうございました:)

Class ‘Form’ not found エラーの改善方法

PHP学習記録

こんばんは!

定時帰宅最高ですね:)

今日は、昨日cafemapの作成途中で出てしまった「Class ‘Form’ not found」エラーの改善方法についてブログで情報共有したいと思います!

まずは改善方法を説明します。

【改善方法】

コマンドプロンプトで以下1行ずつ実行。(cafemapの所はプロジェクト名を入れて下さい)

 cd C:\pleiades\xampp\htdocs\cafemap 
composer require laravelcollective/html

実行して以下メッセージが出れば完了です。

Package manifest generated successfully

ただ、私の場合、successfullyにならずエラーが出てしまっていました。

原因は、「Lravel」と「laravelcollective/html」のバージョンが合っていないためでした。

その場合の対処法は

1、まずlaravelのバージョンを確認する。

・コマンドプロンプトで「php artisan -V」を実行してバージョン確認。

・Laravel Framework 5.8.35 と表示された。(5.8でさえあればOKです)

2、Laravelに合わせた「laravelcollective/html」をインストールする。

・以下1行ずつ実行。

cd C:\pleiades\xampp\htdocs\cafemap
composer require "laravelcollective/html":"^5.8.1"

これで successfullyが出れば成功です。

リアル画面はこんな感じです。

エラーが改善され、新規投稿、編集用入力フォーム、ともに表示されました!!

やった:)

クニヤ先生ありがとうございます!人柄もひっくるめ神!(*´ー`*)

同じような状況でエラーが出ちゃって困っている方の参考になれば嬉しいです。

今日も一日お疲れ様でした:)

ご覧いただきありがとうございました♪

作ってみたものの。

「 Class ‘Form’ not found」エラー

こんばんは!

昨日一行掲示板を作ってみました!

が、出来上がりが簡素すぎる。。↓

ということで、今日は入門編4のlunchmapアプリを真似て、動画を見ながらcafemapアプリを作ってみました。

なんとか進めてはみたものの。。

新規投稿や編集画面に遷移しようとすると下記エラーが。。

「 Class ‘Form’ not found 」

なんとなく、「フォームが見つからないよ!」のエラーな感じはしますね。

ググってみた時もLaravelのバージョン違いを使っている方で同じ様なエラーが出ていて解決方法はあったのですが、それをやってみても改善せず(>_<。)

途方に暮れた所で、先生にチャットで質問を飛ばしてみました。

これが出来たらレイアウトやデザインも手を加えて来週のアカデミーの時には提出したい!

外は雨が降ってきていますね。

明日のお昼過ぎには止むそうですよ:)

今日も一日お疲れ様でした!

御覧頂きありがとうございました:)

Laravel 1行掲示板まとめ

PHP学習記録

こんばんは!

今日は来週中なにかしらの成果物を作れるように、paizaの入門編1のチャプターを全て通して⇒ノートに纏めてみました。

paizaの入門編1の内容は、1行掲示板の作成手順になるのですが、

大まかな流れは。。

1、データベースを作る。

2、モデル、マイグレーション、コントローラ、カラムを作成。

3、ルーティングの設定をする。

4、コントローラーとviewの内容を作る。

5、記事一覧作成。

6、詳細画面作成。

です。

さっき作業用ノートをまとめ終わった所なので、

ノートを元にこれからちょっと作ってみます!

皆さんはどんな休日でしたか?

好きな事をして過ごせる時間ってやっぱり良いですね:)

それでは、今日もご覧頂きありがとうございました!

ルイーダアカデミー

PHP学習記録

こんばんは!

今日はルイーダアカデミーでLaravelを使ったログイン画面制作の続き。

ページを1ページ増やしてみました。

皆レベルが高くて、教えて貰ってばかりですが、お陰でページを増やす事ができました:)

この後自宅に帰ったら、増やしたページのデザインをもうちょっとマシにしたいと思います!

楽しい:)

今日はまたアカデミーでの新しい仲間が増えたのですが、その方も私より色々理解されていて、カンペの共有をしていただいたり・・。

アカデミーのお仲間の皆さん。私より断然レベルも知識も高くて、「Macはコマンド+Zで一つ前に戻れる」位しか提供できる情報がなかった。。(笑)

なんだか申し訳ない感じになりますけど、

自分が周りより出来ていない環境にいる方が成長できる気がして、恵まれているなと凄く思います。

来週中に何か成果物を作って提出できるように頑張ります。

それでは、一旦今日はこの辺りで。

御覧頂きありがとうございました!

Laravel 共通テンプレートにBootstrapを導入しよう

PHP学習記録

こんばんは!

今日のLaravel学習はBootstrapを導入する手順を学びました:)

Bootstrapの所はすんなり入ってきました。しめしめ。:)

そう。

全くの未経験からWEBデザイナーを目指している方。

あなたに伝えたい事があります。

私は居酒屋店のデザイナーアシスタントのアルバイトをさせて頂く前は、

「イラレとフォトショを使ってデザインをしている時間が好きだから、どんなデザインでもいいから仕事としてデザイナーできればいいな」

なんてちょっと思っていました。

そして、実際に現場で仕事をした事で 、「自分のしたいデザイン」についてより具体的に見えてきた事が2つあります。

それは

①もっと売り上げや、イメージアップ、集客、会社にとって何等かの利益に繋がる効果的なデザインが出来るようになりたい。そういう発想や知識、技術力がもっと欲しい」

②「女性向け」「シンプル」「やわらかい」「カジュアル」なイメージのデザインは得意な傾向。すぐに思い浮かぶし手が動く。

という事です。

人間って欲張りですね・・(笑)

もうちょっと遠回りして必要な力を1つ1つ、つけて行きたいと思います:)

3年後の自分に期待!(笑)

もし、このブログを見て下さっている方で私と同じ様に全くの未経験からWEBデザイナーの仕事を目指している方がいらっしゃるようでしたら、

紙媒体でも、まず実際にデザインが出来るアルバイトから手を動かせる環境に身を置くのは、発見が多いし良い経験になるのではないかと思います!(クラウドワークスでも良いかも)

あぁ・・今日はもう眠くてたまらないのでこの辺りで!

御覧いただきありがとうございました:)

おやすみなさい・・(´-ω-)zZZ

Laravel お店の一覧ページを作る

PHP学習記録

こんばんは!

今日のpaizaのLaravel=Eラーニングは「お店の一覧ページを作る」方法を勉強しました。

クリア!(*´ー`*)

いつも帰りの電車の中や電車待ちの時に座ってこのEラーニングをやっているのですが、

今日は30分の残業だけで帰れたのでいつもより人が多かった。

電車で座れなかったから立って片手でpaizaやりながら帰りました。

必死か(笑)

なぜかというと。

ルイーダの社長(勇者)社長になる前。

会社員時代、歩きながら勉強したり、本を読んだりしていたと言っていた事を思い出したからです。 「時間は作るもの」と。

(今は全部タクシー移動だそうです!羨ましい(*´ー`*))

尊敬している人の影響は素直に受ける方なので、私もそういう心持ちで色々工夫してやっていこうと思っています。

皆さんの会社にも、「愚痴や不満、嫌み、悪口、妬み、八つ当たり」等をいつも散布している人いませんか?

社長曰く、そういう愚痴や不満を言っている人との時間も出来るだけ減らした方が良いそうです。

色々な人がいますからね・・(>_<。)

先日、先輩が自分の失敗を、私の失敗にして部長さんに報告している文章を見てしまい、かなり引きました(Θ_Θ)

私もミスするけど、嘘ついてまで人のせいにした事ないよ。。

まぁ。でも、中にはそういう人も居ます(・・超悔しかったけど!怒w)。

人は変えられない。

環境は変えられる。:)

たぶん本人は気付いていないのかもしれないけど。心理学的にそうしないと自分を保てない人もいるらしいので、スルー&リリースが一番ですね。

TEDで植松努さんが言っていた事にも通じます。良いスピーチなので良かったら是非!

私は「どうせ」ではなく、「だったらこうしてみたら?」と言える人で居たいな。

影響を受ける人はしっかり選んでいこうと思います。:)

それでは!

なんか最近日記みたいになってますけど(笑)

御覧頂きありがとうございました!

今日も一日お疲れ様でした:)

Laravel お店とカテゴリのテーブルを関連付ける

PHP学習記録

こんばんは!

最近半袖だと朝晩寒くて、長袖だと昼間暑くて、どんな服を着て良いかわからず、

コーディネート迷子になりますね(Θ_Θ)

皆さんはどうしていますか?

私は汗っかきなので、なんだかんだ半袖を貫いています。

朝の通勤時や、帰り道に出会うワンコたちは年中毛皮着てますけど、

あれはどうなっているんでしょうね・・夏とか・・

基本冷え性なのかな?と眺めてしまいます。

さて、今日も日課Laravelです。

はい。なんとか。ギリギリクリア!

今日のチャプターでは、ランチマップのお店をカテゴリ(中華とか和食とか)と紐図ける方法について学びました。

まだすっすっと手順を進められるわけではないのでノートに纏めて、来週か再来週に、一回一気にアプリ作りをしてみようと思います。

上手くいったらブログで手順を共有しようと思います!

それでは。今日も一日お疲れ様でした:)

ご覧いただきありがとうございました♪

Laravel モデルとコントローラーを用意する。

PHP学習記録

こんばんは!

今日も日課のEラーニング。Laravel入門編4でモデルとコントローラーを設置する手順を学びました!

なんとかクリア:)

今日は早めに寝てリフレッシュ!!します:)

皆様も一日お疲れ様でした:)

ご覧いただきありがとうございました♪