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

以前作ったサイトの修正中・・。その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

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

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

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!

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

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

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

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

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

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

ルイーダアカデミー

PHP学習記録

こんばんは!

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

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

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

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

楽しい:)

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

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

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

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

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

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

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

Laravel migrationでカラムを追加する。

PHP学習記録

こんばんは!

laravelでmigrationの所を勉強しております。

なかなか難しめです(Θ_Θ)

今だクリアならず。


明日はお休み(学校はあるけど)という事もあり、もう少しやってみようと思います。

アルバイトでは、今までで一番帰りが遅かった日でした。

突発で頼まれた仕事が入って、定時目標達成ならず!(笑)

そんなこんなな帰り道で、すれ違いざまにカップルの女性が、「21時以降サワー200円だって~!」と隣の彼氏さんに言いながら通り過ぎて行きました。

脇道のお店を見たら広告用のA4サイズのPOPが貼ってありました。

「私が作ったPOPも誰かの目に留まって、集客の役に立っていたらいいな~」

なんて思いました。

どんなPOPがお客さんの目を引きやすいのか。

今まで作って採用されたLINEやタピオカポスター。飲み放題のPOPは結果が出せたのか。

どんなデザインが一番効果が上がったのか。

知りたいなぁ。

分析して、研究して、あくまで個人の感覚とかよりお客さんに関心を持ってもらえる広告を作れるようになる事が職業としてデザイナーをやるなら必須な部分だと個人的には思っていて。

今の会社さんでそれを知ることはできないので、今後WEBのアナリスト・解析・マーケの分野でお仕事をする事に決めました。

まだまだ変化、勉強し続けていかないとな。と今日改めて思いました。

帰りの相模線の電車の中では、駅員さんが気をきかせてくれて「今日は中秋の名月です。帰り道、空を見上げていただくと美しい月を見る事ができます・・」のアナウンスをしてくれていて、ちょっと素敵だなと思いました。

それでは!

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

みなさまも一週間お疲れ様でした:)

良い連休を♪

Laravelにモデルarticleを作る。

PHP学習記録

こんばんは!

今日は暑かったですね。。

汗っかきの私は、昨日くらいの気温の方が助かります(>_<。)

が!

天気と人は変えられないので、自分が工夫して快適でいられる様にしていかないとですね:)

さて。今日もラララlaravelしました!

期限に追われないから、じっくり理解しながら勉強ができて良い感じです(*´ー`*)

ライティングアルバイトの方の記事を書いたりしていたら更新がギリギリになってしまいました。

うーん(´-ω-)

個人的な考えですが、ギリギリって精神的にもクオリティ的にも、その他諸々、

なんにしても良い事が無い気がしますね。(実感。。)

少しスリルを味わいたい時にはいいのかもしれません(笑)

最近、先輩が忘れていたor放置していた系の仕事を振られる事が多くて、必然的に期日が迫っているものだったりして

「余裕」について考える事が増えました。

急に入る仕事も勿論あって、それはしょうがないけど

それ以外の物は、やっぱりある程度計画とか目途たてていかないと、仕事の場合、最終的に多方面に迷惑をかけてしまう気がしました。

ディレクターの仕事はこういう調整とか、スケジュール管理や交渉する仕事で、

「ディレクタースキル、超大事だな。。」

と先輩から学びました。

もう一週間が過ぎてしまった。。

早い!!

皆様、今週も一週間お疲れさまでした:)

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

良い週末を~♪

laravelでデータベースを作成する。

PHP学習記録

こんばんは!

今日のEラーニングではlaravelで掲示板を作る際のデータベースの設定手順を学びました。

手順を備忘録でメモしておきます。

1.メニューから「phpmyadmin」を呼び出す。(結構下の方にある。スクロールして”open php”の方を選択。)

2、データベースタブをクリックし、任意のデータベース名を入力。

3、「UTF-8 general ci」を選択し「作成」をクリック。

4、bbsフォルダを右クリック、「隠しファイルを表示」して「.env」ファイルを開く。

5、下のキャプチャの黄色の所の様に、内容を変更する。

5、保存。

以上です!

同じくpaizaのEラーニングをしている方の参考になれば嬉しいです:)

もう明日は金曜日なんですね。早いなぁ。。

夜、帰宅途中の虫の声が変わったり、夕方の気温が落ち着いてきて

少し秋の気配を感じますね。

しかし!!

ラジオの情報だと、明日はまた暑いらしいです(>_<。)

私と同じく高齢の方。温度差に気を付けてくださいね。

それでは!ご覧頂きありがとうございました:)

よい夢をー♪

プロゲート13日目。

プロゲート13日目の金曜日!

こんばんは!

プロゲートでJavaScriptのⅡスタートしました:)

レベル11完了!

今週も無事に終了しましたね。

お疲れさまでした!皆様良き週末を:)☆

Photoshopでしずくを作る方法

滴でしずるの作り方練習

こんばんは!

昨日のレモネードの続きでしずる感を出す為、滴の作り方を知りました。

画面の下のミントの葉っぱに滴を付けてみました:)

滴の作り方で参考にしたサイトはコチラです!https://www.genius-web.co.jp/blog/cat-85/mizu.html

ジーニアスウェブさん、ありがとうございます!

レモネードアイキャッチの別パターンも作ってみています。

今日はこんな所で!

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

一日お疲れ様でした!

人工知能の凄さと。デザインの仕事と。

「GauGAN」デモ使ってみました。

こんばんは!

今日電車の中で、コリスの記事で興味深いものを目にしました。

こちらです。↓


そうなんです。AIはここまで来ているんだ?!とびっくりしませんか?

簡単に書いた落書きが、リアルな画像に一瞬でなってしまう。。

実際デモをいじってみました。

BEFORE
適当に書いた私のヘンテコな絵が・・・。
BEFORE
描いたのは幼稚園児ではなく私です。w

AFTER
あら不思議、雪山に!!
AFTER
木が浮いている。。マグリット風?

人口知能の発達は思った以上に早くて、正直びっくりしています。

将来、人口知能の発達が進めば、今デザイナーの仕事として扱われているものは減っていく傾向にあるんだろうな。。とはフンワリと思っていましたが。もう来てますね。

先日も「Remove.bg」がPhotoshop対応になったというツイートを見て、うわ~!便利!!!となる反面。

もしこの仕事を中心にしているアシスタントの人が居たら、どうなってしまうんだろう?
とも少し考えてしまいました。。

以前、web関連のアルバイト応募した会社の担当者さんから、

「面接は残念ながら落ちてしまったけれど、少し記事のライティングの手伝いをしてみないか」とご提案頂いたので、今日詳しくお話を伺ってきました。

そのご担当の方(凄く気さくな方)も、webデザイナーの仕事については、

「デザイナーオンリーは、長い目で見ると業界的にも厳しい。。web解析や、マーケ、ディレクターなどの力をつけておいた方が良いし、デザイン+分析が出来る=就職活動でも有利」という事を教えて下さいました。

今後の自分のスキルアップの為に必要な力は、どんどん身につけて行きたい!と思う気持ちから。。というのも勿論あるけれど、

何より、

全然。まったく。スキルツルツルの実務経験ゼロの私に色々教えて下さったり、

「やってみたら」とチャンスを与えてくれた事が本当に嬉しくて、感謝しかなくて。

(若干ビビリながらw)お話を受けて頑張ってみようと決めました:)

すぐには無理かも知れないけれど、ライティングの力や、分析の力を付けて、仕事でこの恩を返す事ができたら良いなと思っています。

よし。まずは色々読んでリサーチと準備をします。

それでは!今日も一日お疲れさまでした:)

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

和風の背景模様を使ってバナー制作

Illustraorでお正月バナー制作。

こんばんは!

もう6月なんて信じられません。

きっと気がついたら年末なんだろうな(笑)

その頃までにはWeb系で就職を決めて、仕事で毎日レベル上げの日々だといいなぁと

思っています。

そこで、今日は初売りセールのバナーを作ってみました。

背景の柄で和風を出しつつ、ゴールドと赤で祭り感を出してみました。

梅とか富士山の絵を入れるのも良いかもしれない。。

話しは変わりますが、訓練校の仲間と情報交換をすると、みんなも就職活動になかなか苦戦している様で、少し元気がなかったです。

若者達も、バリバリコードが出来て努力家で尊敬している人も、でなんだか世知辛い世の中だなぁ。と思いました。:<

こ。。これは神頼みしかない!!(笑)

そこで、寒川神社に行ってきました。

寒川神社は茅ヶ崎から近く、関東の一宮で結構有名な神社です。

鳥居をくぐった後の空気が澄んでいて、緑に包まれてヒンヤリしてとてもいい:)

私は気持ちをシャキっとさせたい時にたまにフラッと行きます。

かなり念入りに、みんなと私の就職活動の合格・成功を祈ってきました。

みんなでまた美味しいお酒を飲みたいです。

それでは。ご覧頂きありがとうございました!

おやすみなさい:)

Illustraorでバナー制作

夏のセールバナー制作をしました。

今日は「とにかく早く、シンプルなものを作る」を目標に

夏のセールバナーを制作しました。

インパクトを出したかったので赤、白、黒でコントラスト強めのバナーにしました。

こういうシンプルで、コピーも考えなくて良いものだと30分位で作れる様になってきました。写真の切り抜きも簡単だったせいかもしれない。。

気がつけばwebアナリストテスト5日前・・。もう緊張しています(笑)

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

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

Photoshopで続・そばかす補正練習

画像補正練習をしました。

こんにちは。

今日も夏みたいに暑いですね。

暑いせいか、私は最近「雪見大福」と「ゴーヤチャンプル」にハマっています。

ゴーヤはまさに今が旬!


胃腸の粘膜を保護したり食欲を増進する効果があるそうです。

さらに、神経に働きかけて、気持ちをシャキッとさせる効果もあるらしいのでお好きな方は食べるなら今です:)

ビタミンCの量は76mg。トマトやキュウリの5倍の量。あのキュウイでさえ ゴーヤにはかないません。

ゴーヤを食べて美白!!そして下の画像の様に・・・

なんちゃってw

ゴーヤだけでは画像加工した写真の様にはならないかもしれませんが、単純に美味しいのでいいです(笑)

人の他にもいろいろ画像加工の練習をしたのですが、今週はアナリスト試験の勉強に力を入れたいので、アップはこの辺で!

では!ご覧頂きありがとうございました♪

Bootstrapについて。

Bootstrapの練習

Bootstrapについて調べてみたら、とても簡単にレスポンシブ化できるとの事。

簡単なBOXを並べて練習してみました。(下のURLで画面サイズによる変化が確認できる。)

https://adjustacademy.com/d1812/d181211/Bootstrap%204/

ジワジワ画面を小さくしていくと・・・。

じわじわ。。

きゅっ!!

なんと!

Bootstrap凄い!!なんて簡単なんだ!!

これを作った人天才だな。

Bootstrap 4の使い方はコチラのサイトを参考にしました。 ↓


まろりかさんありがとうございます!

LPにも入れてみよう。

ではでは!良い一日を♪:)

Photoshopでのリボンバーの作り方

バナー制作のパーツ

今日は PhotoshopとIllustraorを使ってバナー制作をしています。

というのも、昨日派遣登録の為に初台へ行きました。

受付にアイボがいて可愛かったです。

しっぽにリボンついてる。。たまに吠えてて声も可愛かった:)

その派遣会社さんから「業務用ジェラートアイスのバナーの制作」の課題を出して頂いたのですが、その提出期限が明日という事で、先にこちらに取り掛かっています。

LPも早く完成させたいなぁ。

バナーで使う写真や完成品は著作権の関係でブログに載せる事はできませんが、

バナー制作のパーツとして作ったリボンを・・・w

参考にしたサイトはこちら。ありがとうございます!
http://tutorial.yossy-m.net/?p=823

バナー制作。現場で求められるスピードは15分~30分程なのだそうです。。

スピードを上げる為に、基礎を固めておかないとな。と思いました。

今の私は15分とかは無理なので、あせらず地道にやっていきます。

それでは!:)

LP制作 続き

おはようございます。

今日も引き続きLP制作にはげんでおります。

写真素材おおかた作り終えたので、ようやくコードを組む段階まできました。

ふぅ。。。

ただ、今回は「テンプレート」というものを使ってみようと思っています。

1から自分でコードを打つよりは楽なのかもしれません。

完成まであともうひと踏ん張り♪ がんばります:>

Illustraor スウォッチの保存

備忘録

Illustraorで気に入った色を登録してあるスウォッチを保存する方法。

画面右側のスウォッチパネル右上のメニュー>

「スウォッチライブラリを交換用として保存」クリック>

名前を変更して保存>

新規で開いた画面で同様に右上のメニューから「スウォッチライブラリを開く」の「ユーザー定義」>

保存した名前を選択で呼び出せる。

(保存先をUSBにしておけば家でも職場でも呼び出せる。)

文字をIllustraorでゴールドにする練習

おはようございます。

以前安村先生が授業で、ゴールドは文字番号で選んだ色だとなんだかイメージと違うものになるのだと教えてくださった事を思い出した。

結構豪華なイメージを出したいサイトなど(お正月とかもかな)に良く使いそうなので練習してみました。

元がこちらです。背景はわかりやすいよう黒にしました。

ゴールド感!

これはこちらのサイトを参考に作りました。:https://on-web.jp/2017/10/27/20171025ks-1/

グラデーションでゴールドを作るのですが、毎回やるのが面倒なので、つくったものは、

「window」→「グラフィックスタイル」→「画面右側のグラフィックスタイルのパネルの中にドラック&ドロップ」しておくと良いです。

それと、グラデーションの分岐点の増やし方。完全に忘れていましたw

備忘録でこれも残しておこう。グラデーション設定のゲージの下の辺りにマウスを置く、そして一回左クリック。。こんな簡単な事なのに!!!右クリックしてみたりあれこれやって無意味な時間をかけてしまった。気をつけよう。

あとは友達のサイトのロゴ案の続きも。

引っ越し祝いのプレゼントのリボンのイメージのラインをつけてみました。
凄くシンプルなバージョン。フォントも要望が丸文字とかやわらかいものがいいとの事だったので、これも試してみました。
サイトのヘッダーの色がこの濃いピンクなのでこんな感じも良いかな。。飛び出してて。


そういえば、ツイッターのつぶやきで「令和カラー」なるものが流れてきていました。
今度その色を使った何かも作りたいな。


それでは、良い一日を:)



WordPressにSNS共有ボタンを追加してみた

おはようございます。

このサイトは職業訓練校の授業のおさらいの意味でWordpressを使って作りました。

すごく簡単にサイトが作れてしまう。

とはいえ、私は色々苦労して結構時間がかかってしまいました。

とくに、ローカルからサーバーへアップする作業が手こずりました:(

カスタマイズやJqueryを使ったりも出来るようで、そこはこれから勉強して色々追加していけたらと思っています。

それから、テーマによってサイトのデザインもかなり変わるし、プラグインも沢山あるみたいでその辺りも試してみたいです。

手始めにwebサイトの下の方でよく見る、SNS追加ボタンを表示させるプラグインを入れてみました。

『AddToAny Share Buttons』というプラグインです。(インストール数やレビューからこれをチョイスしました。)

↓入れた見た目はこんな感じです。(アイコンがカラフルで、ついつい色々追加してしまったw)

今日はモノクロっぽい様な、カッコいい系(←得意じゃないやつ)のサイトのパーツを作る予定です:)