花田香@HTML/CSS/PHPコーディング

LP案件の受注に向け、延々勉強しております。 #駆け出しエンジニアと繋がりたい html/css/jQuery/javascript/php/wordpress
github:

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

ついにポートフォリオサイトができたぞ！
以下のリンクをクリックだ！

https://t.co/6VBz7K2J5N

感想、改善点…ビシバシ送ってくれ！待ってるぜ！
#ウェブカツ
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

@howstep_hikaru
FF外から突然のツイートで申し訳ありません。
underscore TERRACEに関してDMで相談したいことがあるのですがよろしいでしょうか？

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「youtubeの埋め込み初級編」
youtubeの動画を埋め込むときには、埋め込みたい動画のページへ行って、「共有」をクリック。
次に「埋め込む」をクリックすればコードが表示されるので、これをHTMLに貼り付けよう。
これが基本だ。
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「『電話番号かどうか？』なら正規表現・その4」

正規表現を用いたパターン判別は条件式と組み合わせることで真価を発揮する。
電話番号意外にも「メールアドレスかどうか」なども調べられるようになり、「お問い合わせフォーム」の機能を作るときも役に立つぞ。

#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「『電話番号かどうか？』なら正規表現」
電話番号の形式(例:XXX-XXXX-XXXX)かどうか調べたいなら、preg_matchの出番だ。
preg_match("/パターン/",調べたい文字列);
のように入力するぞ。
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「『電話番号かどうか？』なら正規表現・その3」
ちなみに意味を大まかに説明すると、

「0から9までの数字([0-9])が3つ({3})、ハイフン(-)が0から1個({0-1})。
0から9までの数字([0-9])が4つ({3})、ハイフン(-)が0から1個({0-1})。
以下同文」

ということになる。
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

#KROWL
参加いたしました！
ただし訳あって早帰りです。

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「超巨大変数には連結演算子(.=)を」
一つの変数に、長文テキストなどの複数行に渡る値を代入したい場合には、変数の2行目から連結演算子を使うといい。
メールフォームなどを作るのに役に立ちそうだ。
#PHP7
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

@KROWL_JP 了解しました。
フォローが完了したのでこちらからもフォローいただけるでしょうか。

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

@KROWL_JP
夜分遅く申し訳ありません。
11/28日のKROWL勉強会に参加した者です。
突然で申し訳ないのですが、会社内にクリアファイルの忘れ物はないでしょうか？
現金が挟まったものであればそれが忘れたものです。
どうかよろしくお願いいたします。

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「PHPをネット上に公開」
ポートフォリオサイトやwordpressサイトを、実際にインターネットでアクセスできるようにするには、大きく
1.サーバーを借りる
2.ドメインを取得
3.サーバーの情報を頼りに、FTPソフトを使ってアップロード
の3つに分けられるかも。
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「透明度はopacity」
opacityプロパティでは、透明度を設定することができるぞ。1が最大、0を最低として設定するのが基本だ。
応用すれば、:hoverと併用することで「マウスオンで半透明になるボタン」が作れるようになる。
その代わり、ボタンの文字も透明になってしまうので注意だ。

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「投稿機能のきほんの一つ」
headerを使ったリダイレクトを使ったコンタクトフォームを作るときはセッションは必須だ。
その場合、formのaction属性は空白にしよう。
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「HP下の空白対策」
内容が少ないホームページを作る時、フッターの下に空白ができることがある。
作りたくないときは、html,body要素と主要コンテンツのheightを100%にして、min-heightを定めよう。
min-heightがないとフッターと主要コンテンツが重複するぞ。
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「フォームの入力をリセットするボタン」
form内に、type属性が「reset」のbuttonタグを作ると、「フォームの入力がリセットされるボタン」を作れるぞ。
ただし、タグはinputではなくbuttonである必要があるようだ。inputではクリックができない。
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「placeholderの色を変えたい時は？」
フォームの未入力状態時に表示する文字「placeholder」の文字。
この色を変えるときは、フォームのクラス名に「::placeholder」をつけて隣の{}内にパラメータを入力しよう。
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「mb_check_encoding()とは？(PHP)」
mb_check_encoding()は、「文字列が、指定したエンコーディングで有効なものかどうか」をチェックする関数だ。
ちなみに「エンコーでぃんぐ」は文字化けを防ぐ作業のこと。HTMLでいうcharset=utf-8のようなものだな。
#駆け出しエンジニアと繋がりたい

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

@KounaOekaki よろしければ、いつか「さぎょいぷ」できる中になれることを願っております！
どうぞよろしくお願いします！

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

@KounaOekaki
少し遅くの挨拶になりますが、一昨日はありがとうございました！
フォローさせていただきます！

[花田香@HTML/CSS/PHPコーディング @dr_0sera]

「余談・『太字はctrl+B』で変わるword」
wordなどのドキュメント系ソフトで文書を作成する時、「文字を太字にしたい」時などにマウスに持ち替えていては面倒だ。
「太字はctrl+B」。これだけ覚えておくだけで、今までの文書作成に革命が起きる！
#駆け出しエンジニアとつながりたい