こんにちわ！Noob Web Designer（@NoobWebDesigner）です！ 今回は軽量かつカスタマイズも簡単なjQueryタブの作り方をご紹介します。 このjQueryタブはvisibility:hiddenを使用するため、タブ内に読み込みの遅いものがある場合や、外部ファイル読み込みにも…

3月13日よりSSL対応しました。 SSL化する以前から様々な対応をして待っていたのですが、 SSL化してからも色々大変でしたので、ちょっとまとめました。

こんにちわ！Noob Web Designer（@NoobWebDesigner）です！ 今回は、はてなブログのテンプレートカスタマイズ開発環境の作り方をご紹介します。 はてなブログ公式が公開している「Hatena-Blog-Theme-Boilerplate」を利用して、開発環境を整えます。 こちらの…

こんにちわ！Noob Web Designer（@NoobWebDesigner）です！ Web制作で欠かせなくなってきましたNode.jsのターミナルを使ったインストール方法をご紹介します。 パッケージでインストールをしても良いのですが、バージョン管理ができないのと、アンインストー…

こんにちわ！Noob Web Designer（@NoobWebDesigner）です！ はてなブログでは、はてな記法モード・Markdownモード・見たままモードの三種類のブログの書き方があります。 今までずっとはてな記法で書いてきたのですが、思い切ってMarkdownモードに切り替えま…

Icon made by Freepik from www.flaticon.com こんにちわ！Noob Web Designer（@NoobWebDesigner）です！今回はXHTMLからHTML5に移行するときにやっておくべき作業内容を備忘録。 ホームページのSSL化が著しくなった近年、サイトによってはHTML5化をしなけれ…

こんにちわ！Noob Web Designer（@NoobWebDesigner）です！今回は、display: inline-block で要素を横並びにした際にできてしまう隙間を、なくす方法を紹介します。Flexbox とか Grid とか便利なCSSプロパティが出ていますが、IE9の対応をする以上 display: …

Photoshopを使った、段落前のアキ／段落後のアキの使用方法。 Photoshopを使った仕事をし始めて早3年経ちますが、今日初めてこの機能をしりましたので備忘録。

みなさま、お久しぶりです。私です。 長らく更新していなかったこのブログですが、この度再開することにしました。 なぜブログを再開したのか？ 最近、仕事にも慣れてきたのか自分の能力に行き詰まってきていました。デザイナーとして会社に所属していますが…

Unityでゲーム制作・アプリケーション制作｜株式会社 ZinossoftUnityでゲーム制作・アプリケーション制作の、株式会社 Zinossoftです。Unityでゲーム制作・アプリケーション制作の株式会社 Zinossoftは、「高品質」なコンテンツをお客様に提供します。Unity…

ブログを最後に書いたのがいつだったろうなと思いながら書いていきます。 今までのブログではなるべく自分を出さないように書いてきましたが、今更ブログで技術的なことを書いていこうという気持ちはあんまりないんだけど、とりあえず職業訓練の締めとして書…

DELETE文でデータを消去します。書き方： DELETE FROM 'テーブル名' WHERE 例： DELETE FROM aaa WHERE code =0 上記はテーブルaaa のcode 0 の行データをすべて削除します。

UPDATE文を使い、データを修正・上書きをすることができます。書き方： UPDATE テーブル名 SET カラム名1 = 値 WHERE WHERE は必須です。設定しなければ、一括でデータ修正が起きます。例： UPDATE aaa SET bbb = 'しーしーしー' WHERE code=0 上記は、aaaテ…

INSERT文を使い、挿入を行います。書き方： INSERT INTO テーブル名(カラム名) VALUES(値); 例： INSERT INTO aaa(bbb) VALUES('ccc'); 上記では、aaaテーブルの bbbカラムに ccc を挿入すると言う意味です。すると code 0 に ccc というデータが挿入されて…

SQL文を使い、データベースを操作してみます。SQL文には以下のようなものがあります。 SELECT文 INSERT文 DELETE文 UPDATE文 データベースを選択し呼び出すSELECT文を使い、データベースを呼び出します。書き方： SELECT カラム名 FROM `テーブル名` WHERE 1…

今年は初めはデータベースからやっていきます。ローカルサーバーを作るために必須ツールの「xampp」ってどういう意味かxamppはX(Cross Platform) Apache MySQL PHP Perl（もしくは Python）の頭文字を取ったものです。 これはもともと LAMP というものでした…

引き続きメールフォームを作っていきます。今回も引き続きセキュリティ面を強化していきます。 今回は、index.php にデータが入力された時以外に、check.php、thanks.php に直接アクセスできないようにします。

引き続きメールフォームを作っていきます。今回も引き続きセキュリティ面を強化していきます。 今回は、フォームに入力された内容にエラーを見つけた場合に、入力フォーム画面にエラーを返します。【PHP】 メールフォームを作る⑤ - PCゲーマーのWebデザイン…

引き続きメールフォームを作っていきます。今回も引き続きセキュリティ面を強化していきます。 今回は、フォームに入力された字数制限・必須文字などの判定をしていきます。【PHP】 メールフォームを作る④ - PCゲーマーのWebデザイン備忘録

引き続きメールフォームを作っていきます。今回も引き続きセキュリティ面を強化していきます。 今回は、メールを送信した後のセキュリティを編集していきます。【PHP】 メールフォームの作り方③ - PCゲーマーのWebデザイン備忘録

引き続きメールフォームを作っていきます。今回はセキュリティ面を強化していきます。【PHP】 メールフォームの作り方② - PCゲーマーのWebデザイン備忘録

引き続きメールフォームを作っていきます。今回はフォームで受け取ったデータを再び別ページへ送り、メールを送信します。【PHP】 メールフォームの作り方① - PCゲーマーのWebデザイン備忘録

PHPでメールフォームを作ります。まずはフォームに書かれたテキストを受け取るところまでやります。

SerifSerif 文字についたヒゲのような飾りのことであるが、もともとは昔の人が石版にノミを使って文字を刻んでいた形からきている。例へを言うと、モーセの十戒の石版 モーセの十戒 - Wikipediaその輪郭に沿って、中を塗りつぶしたものが Timesになる。 font…

breakbreak は繰り返し処理中に強制的に処理を終わらせる命令です。 for文を使って、break させる。 '; if($i===3){ break; } } print '$iが'.$i.'になったので、処理終了！'; ?> 結果は 1 2 3 $iが3になったので、処理終了！です。continuecontinue は繰り…

Foreach文で繰り返し処理Foreach文は配列の全要素対して繰り返し処理をすることが出来ます。書き方としては以下のようになります。 // 基本形構文 foreach( 配列 as 要素の値を格納する変数 ）{ 繰り返したい処理 } // 拡張形構文 foreach( 配列 as 要素の添…

While文を勉強します。While文は For文と同じように値が false になるまで繰り返し処理が行われます。For文でも同じ内容を書くことができますが、while文の場合、必ず変数に値が入っていることが必要になります。

以下のテキストを使い、レスポンシブウェブデザインの固定＋可変レイアウトの演習を行いました。スマートフォンサイトのためのHTML5+CSS3 (Web Designing BOOKS)作者: エ・ビスコム・テック・ラボ出版社/メーカー: マイナビ発売日: 2012/08/31メディア: 単行…

以下のテキストを使い、レスポンシブウェブデザインの固定レイアウトの演習を行いました。スマートフォンサイトのためのHTML5+CSS3 (Web Designing BOOKS)作者: エ・ビスコム・テック・ラボ出版社/メーカー: マイナビ発売日: 2012/08/31メディア: 単行本（ソ…

For文を利用して、繰り返し処理について学びます。