PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

[jQuery]軽量でカスタマイズも簡単なjQueryタブの作り方

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

[はてなブログ]SSL対応しました(3/15 17時追加情報)

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

[はてなブログ]ブログテーマカスタマイズ開発環境の作り方

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

[Node.js]ターミナルを使ったインストール方法

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

[はてなブログ]はてなブログを書くならMarkdownモードで書くべき3つの理由

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

[HTML]XHTMLからHTML5に移行するときにやっておくべき作業内容

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

[HTML/CSS]display: inline-block で横並びにした際にできる隙間をなくす方法

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

[Photoshop]段落前のアキ/段落後のアキの使用方法。

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

ブログ、再開しました。

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

iOS11でFeedlyのSNSシェアが使えなくなった時の対処方法

iOS11で FeedlyのSNSシェアが使えなくなった時の対処方法を紹介します。 (左がTwitterで、右がFacebookでシェアしようとした時の状況です。) iOS10まではOSのほうでSNSのアカウント管理ができていたのですが、iOS11からは個々のSNSアプリで管理するように…

ROOM710GAMES

ROOM710GAMES – Official website 夫婦ゲンカマルチプレイ「Need For Drink」の公式サイトです。

はてなブログのはてな記法、Markdown記法で画像にリンクをつける方法(2017/11/10更新)

はてなブログではてな記法、Markdown記法で画像にリンクをつける方法を探しても見つからなかったので備忘録。 (2017/11/10…はてな記法、Markdown記法それぞれのちゃんとした記述方法があったので追記)

Tango Gameworks

Tango Gameworks サイコブレイクシリーズのデベロッパー「Tango Gameworks」の公式サイト

FORGOTTEN KEY

FORGOTTEN KEY 探索型アドベンチャーゲーム「ARE」のデベロッパーサイトです。 ==== 良いところ: 画像をそこまで使っていないので軽い ページデザインを簡素化することによって、自然とYoutubeのトレイラーに目がいく 淡くて独特な色使いなので、ゲームの雰…

マリオの原型「笑われてもビジョンを」 母校で任天堂・宮本氏|気になるニュース

マリオの原型「笑われてもビジョンを」 母校で任天堂・宮本氏 : 京都新聞 「夢は持たなくてもいい。ビジョンを持とう」 今、自分の夢がすべてかなった感じでいたので、少しどんよりしていたところだったのですが、 この記事を読んで、ビジョンを持つことの大…

Unityでゲーム制作・アプリケーション制作|株式会社 Zinossoft

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

Webデザイナーのたまごになってから4ヶ月経った感想

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

DELETE文

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

UPDATE文

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

INSERT文

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

SELECT文

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

データベース

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

【PHP】 メールフォームを作る⑦

PHP

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

【PHP】 メールフォームを作る⑥

PHP

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

【PHP】 メールフォームを作る⑤

PHP

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

【PHP】 メールフォームを作る④

PHP

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

【PHP】 メールフォームの作り方③

PHP

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

【PHP】 メールフォームの作り方②

PHP

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

【PHP】 メールフォームの作り方①

PHP

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

【デザイン】 フォントの話

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