cafemapのテーブルを増やして結合する。

SQLを使うらしい。。

こんばんは!

今日はアカデミーでわからない所を沢山質問して来ました:)

テーブル結合を成功させたお仲間にコードを共有していただいたので、

それを見ながらこれから実際にやってみようと思います。

(マキさん、ありがとうございます!!(*´ー`*))

ルイーダアカデミーはもくもく会に近い感じなので、

自分で調べて色々やってみて、

成功した仲間がいたらその方法を共有してみんなもやってみる。

そういうタイプの学校です。

そんな訳で、今日はまだ成果物がないので・・。

デザイナー勉強中!の方に共有したい情報その2という事で、

Pinterestでもデザインの勉強になるな~とよく保存させて頂いている

@masicalbananaさんのツイッターを紹介しておきます!

https://twitter.com/masicalbanana/status/1055044767245979650?s=20

何か今日は沢〇エリカさんの事件で世の中は大騒ぎみたいですけど、

実はあまり私は興味がありません。。すみません。

麻薬って合法なもの沢山あるけど、一度手を出すと強烈で他の物が薄味に感じてしまうのでしょうかね。

合法なものって別に法律ギリギリを狙ったヤツ!

とかじゃなくて。音楽とか、お酒とかスポーツとか筋トレとか、美味しい食べ物とか、猫とか、漫画とか、恋愛とか、アイドルとか。。無限に。。

人によってなんでも合法的麻薬になりうる気がします(笑)

今の所それで満足てきている単純な自分はラッキーなだけなのかもしれないです。合成何とかに出会う機会もないし(笑)

では、今日はこの辺りで!

ご覧いただきありがとうございました~(*´ー`*)

cafemap修正~つづきのつづき

お手本WEBサイトで使用されている色を調べる方法

こんばんは!

今日は寒かったですね~。帰り道に北風を肌で感じました(笑)

帰宅後暖房を速攻でオン!そしてcafemapのデザインをちょっといじっております。

私は普段、「カッコいいな」とか「見やすいな」と思うサイトを見つけて、

「この色いいな!!何色使ってるの?」という時、その色を調べる為に使っているツールがありまして、

それを共有したいと思います。

Chrome拡張機能で 「Color Picker」 カラーピッカーというものがあるのですが、

これを使うと開いているサイト内から色を採取できます:)

とっても便利です(*´ー`*)

使ってみたい方は下のリンクをどうぞ!

https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg

使い方も簡単。

拡張機能でカラーピッカーを有効にすると、右上に虹色の丸にクロスのマークが現れるので、

素敵な色を見つけたらそのマークをクリック。

色番号を調べたい所をクリック。

そうすれば右上の所に色番号が出てきます!

そのままコピーしてイラレやフォトショでスウォッチ登録しておいたり、自分のウェブサイトのデザインで使ったりできます。

はい。こんな感じです。私と同じようにwebデザイナーを目指している初心者の方や、

目の病気などで、自分の目の感覚で色選びをするとクライアントの希望の色と少しズレがでちゃって困っている、という方には結構使えるツールだと思うので

オススメしておきますね。少しでも参考になれば嬉しいです。

では、今日はこの辺りで!

皆様、今週も一週間おつかれさまでした!

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

良い週末をお過ごしくださいませ~(*´ー`*)

cafemapの修正~つづき

Bootstrapでカルーセルを入れてみた。

こんばんは!

今日もcafemapの修正をしています。

昨日調べて見つけたカルーセルをTOPのお店一覧の下に

試しに入れてみました:)

手順は、

1、 https://getbootstrap.com/docs/4.3/components/carousel/ にアクセス。

2、お好みのカルーセルの下にコードが書いてあるのでそれをコピー。

3、body内のカルーセルを設置したい所へ張り付けする。

4、画像のフォルダの場所と表示したい画像名を指定する。だけ!(何てラクチンなの(*´ー`*))

背景画像もとの物から変えないと、デザイン的にうるさくなってしまうので

明日はその辺りを少し変えてみようかな。

PHPの課題のcafemapのデザイン変更の為にBootstrapを触り始めたけれど、

最近プログラム、コード、Eラーニングばっかりで、サイトのデザインとか全くやっていなかったから

HTMLとかCSSおさらいと,Bootstrapでどんな事ができるか色々試してみるのも良いかなと思っています。

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

明日は金曜日ですね。今週ももう一息!

今日も一日お疲れさまでした!(*´ー`*)

cafemapの修正

bootstrapで背景画像を画面いっぱいに表示する。

はい!こんばんは:)

今日は以前作ったcafemapの修正をやっております。

前回、背景画像を配置した時、<style>タグを使って、background: url~

で指定していたのですが、このPHPで作ったcafemapはbootstrapを使用しているので、

その場合、「Jambotron(ジャンボトロン) を使うように。」と訓練校の猛者から教えて貰いました。

今日やっとそこに着手したのですが。。

まだまだ時間がかかりそうです(笑)

というのも、bootstrapのコンポーネントを色々見ていたら、

カルーセルも使えるみたいで、(よくwebサイトで、何枚かのトップ画像が「シュッシュッシュ!」と入れ替わるヤツ見ますよね。アレです。)

これは使いたいぞ。

となりまして。現在色々いじってますです:)

https://getbootstrap.com/docs/4.3/components/carousel/

いや~楽しいですね~(*´ー`*)

やっぱり!(笑)

Jambotron(ジャンボトロン) を使う事の他にも修正点があり、

stylesheetをPHPでも使うみたいなのですが、

PHPの場合どうやるのか。。その辺りも調べて変更せねば。ふむ。

これから毎日、少しづつ進めていこうと思います。

今日はJambotronの使い方について分かりやすく説明してくれていたサイトさんを見つけたので、共有しておきますね!

http://jyoko.hatenablog.com/entry/2017/01/29/Bootstrap%EF%BC%88Jambotron/%E3%82%B8%E3%83%A3%E3%83%B3%E3%83%9C%E3%83%88%E3%83%AD%E3%83%B3%EF%BC%89%E3%81%A7%E7%94%BB%E9%9D%A2%E3%81%84%E3%81%A3%E3%81%B1%E3%81%84%E3%81%AB%E7%94%BB%E5%83%8F%E3%82%92

横口さん、ありがとうございます!
クリーブさんのサイトを見ながらポートフォリオサイト作り直そうと思いました。ありがとうございます!
こちらのサイトでは、background-attachment: fixed; のあるなしで全然印象が変わるのですが、サンプルをつけてくれていて解りやすいです! EC Tips さん、ありがとうございます:)

それでは、この辺りで失礼します!

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

週の折り返し水曜日!皆様、お疲れさまでした~(*´ー`*)

サーバー引っ越ししました。

便利なプラグイン(*´ー`*)

こんばんは!

今日はさすがに半袖では無理な肌寒さでしたね~。

もう本格的に秋。。

そしてすぐに冬がやってくるんでしょうね。…お布団出します。

さて、今までブログのデータアップは学校のサーバーを使用していたのですが、

使用期限が今月までなので、新たに「ロリポップ」でサーバーを契約⇒ブログ移転をしました。

「サーバーの使い勝手が悪い」とか、「速度の問題」などで、wordpressで作ったサイトをそのまま移転したいよという方、

「All-in-One WP Migration」というプラグインを使ったらとても楽ちんでしたよ!

移設の際に参考にしたサイトさんはこちらです↓:)

TechAcademy さん、ありがとうございます!

この記事の プラグインを使用する方法で進めていくと、途中で 512MB に達していないのにエラーが出ました。(別途、 All-in-One WP Migration importのサイトで容量を上げるための操作が必要でしたので注意。)

ここでファイルのダウンロードをしてwordpressのプラグインの所からファイルをアップロードすればOKです。

以前のURLから自動で新しいURLに接続するようにしてくれる「リダイレクト」設定のプラグインは「 Redirection 」を使用しました!

こちらも詳しく説明してくれているサイトさんがありました。

詳しくはこちら↓をご覧くださいませ:)

TCDさん、ありがとうございます!

そんな感じで、独自ドメイン取ってSSL化(しないと”保護されていない通信”とでちゃう)もしなければですが、今日はここまで。

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

皆様、連休明けお疲れさまでした:)

台風一過。

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

こんばんは!

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

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

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

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

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

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

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

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

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

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

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

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

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

ほんとそうですね。

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

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

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

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

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

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

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

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

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

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

Portfolioサイト制作

blogとは別にPortfolioサイトをもう一つ作りました。

こんばんは!今日も夏みたいでしたね。

今日は以前アドバイスで、「ポートフォリオサイトはタイル型のサイトの方が良い」と教えて頂いたので、ワードプレスでもう一つサイトを作ってみました。

超シンプルです(笑)。私はホッコリ系とかカラフル系のデザインが好きなのですが、

就職活動でお見せするものはあまり偏っていない方が良いのかなと。

前に、紙のポートフォリオで「冒険の書風」で作ったら、先生にあっさり却下wされたので、シンプルイズベストでサイトの方も行こうと思います。

使用したテーマは「GK portfolio」です。

最近一日が過ぎるのが早すぎで怖いです!(笑)

それでは!今日はこの辺で。。

良い週末を~:)

そういえば。

以前PHPの授業で、選択式のゲーム作りをした時、私はネコを拾うゲームをつくったけど、本当はドラゴンの赤ちゃんを拾うゲームを作りたかったんです。

というのも、over arm throwというバンドの「ZINNIA」という曲が大好きで、その歌は「聴く童話」みたいな感じでお話仕立てなんですが、凄く良い曲なんだけれど、最後がとても悲しくて。

結末を変えたくて作ろうと思った私ですが、ドラゴンのイラストをそろえるのが難しくて断念。。(笑)猫ゲームに変更したんです。音楽に発想の源をもらうって事もあるんですね。

その曲がこちら↓

学校で動画撮影の授業もあって、みんなで力を出し合って一つのものを作るって事が、凄く楽しかった。出来上がったものもなかなか良くて達成感が凄かったし嬉しかったな。

機会があったらプライベートでも動画作成にチャレンジしようと学校の仲間と話していたのですが、私は何か音楽のPVみたいなものを作れたら嬉しいな。

ZINNIAはドラゴンいないから無理かな。。w

今日の空とかもろもろ

空がとても綺麗でした:)

サイトを作ってみた時、画像の著作権を確認したり、探したり、素敵なものがあっても加工不可だったりと色々ある事を初めて知りました。

これから綺麗なものや、可愛いもの。カッコいいものとか、なんか気になるものなども個人的にチョコチョコ撮り貯めていこうと思います:)

令和から。

令和がスタートしましたね。世の中は年末年始のような賑わいで、予報では雨だった天気も、先ほどは雲間から青空が顔を見せていました。


私は先日、平成31年4月26日にwebデザイナー・ディレクターの職業訓練校を卒業しました。

絶賛就職活動中なのですが、 一般企業はお休みのゴールデンウィーク中という事もあって、大掃除と復習と作品作りに励む事にしました。

そして、新しい元号のスタートと共に、今日から日々の記録と練習のために、ブログというか・・メモの様なものを始めてみる事にしました。

学校の課題で制作したものや、今の私の力量で作る作品はどれも人様にお見せできるようなものではないのですが、 目標としているデザイナー職につけるように。まずは質より数!ソフトに触れる時間を増やしたい!と思い 今後の成長記録として残していく事にしました。

初めに言っておくと、私は自分の内側にある事を表現するのがあまり上手ではありません。

さらに普通の人の普通の日常なので、刺激的な事や、面白い事はかけないかもしれませんが、 私の独り言とメモが、どこかしら私と共通する部分をお持ちの方の、何かの参考になれば、嬉しいです。

そういえば、5月1日はフランスではスズランの日なんだそうです。スズランの花言葉は「幸せの再来」大切な人や家族にスズランを送る習慣があって、送られた人は幸せになれるといわれているそうです。

振ったら音が鳴りそうでかわいいw
dae jeung kimによるPixabayからの画像

スズランモチーフの何かを今日は作ってみようかな:)