「YATの日」に特報！90年代超人気NHKアニメ『飛べ！イサミ』『YAT安心！宇宙旅行』が四半世紀を経て8月26日(土) 電子コミックスでよみがえる！ 【NHK出版コミックス×コ...

2023/08/10 137 users いさみ 特報 YAT安心 主要電子書店 ＮＨＫ出版

長谷川裕一デビュー40周年＆西川伸司デビュー35周年企画として、90年代超人気NHKアニメ『飛べ！イサミ』と『YAT安心！宇宙旅行』がNHK出版の編集協力のもと、株式会社コンパスから電子コミックスが配信されることになりました。配信開始日は2023年8月26日(土)、両作品とも1～2巻を主要電子書店・アプリで同時配信の予定... 続きを読む

WordPressのテーマ開発を初めて行う人に向けての制作フロー – YATのBLOG

2017/10/13 301 users Wordpres フロー 記述 執筆時点 手順通り

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。WordPressでオリジナルのテーマを作成する際のフローをまとめました。 テーマ開発をやったことがない、それほどやってないという人でもなるべく分かるように書いていますので、手順通りにやっていただければ、テーマ開発をどうすれば良いのか？をわかってもらえると思います。 尚、執筆時点でのWordPres... 続きを読む

CSSのコーディング設計について考える事 – YATのBLOG

2017/01/19 255 users ドキュメ CSS 命名 重複 目次

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。CSSの設計は人によって様々で、これが正解というものは無いのですが、何も考えずに作っていくと命名の重複で悩んだり、定義したクラスの使い回しがしづらかったりといった悩みが多くなってきます。これらを防ぐためには、CSSの設計を考えながらコーディングすることが大切です。 目次 CSSで大切なこと ドキュメ... 続きを読む

開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました - YATのBLOG

2015/09/10 335 users Gulp 記述 学習コスト 導入コスト タスクランナー

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。0 タスクランナーの一つであるgulp（ガルプ）。使い出すとすごく便利で今ちょっと手放せない開発ツールの一つなんですが、使ってない人からすると、導入コストとか学習コストが気になって、まだ手を出してないという方もいますよね。なので、今回導入用の記事を書いたので、ちょっと気になってるという方、試してみた... 続きを読む

配色を考えやすくするための様々なルール - YATのBLOG

2014/01/20 648 users 配色 Blog ルール

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。0 色は、見た人に対して、そのものの意味を伝えることができます。そのため、色の選択を誤ると正しい意味を伝えることができません。 色とは、デザインを行う上で欠かすことのできない要素であり、プロジェクトの成功にも大きく関わっているため、デザイナーにとっては非常に気を使う要素といえます。 世の中には、何万... 続きを読む

GitHubを使ってみよう！導入と簡単な流れ、よく使うコマンドなど。 - YATのBLOG

2013/10/24 615 users Git 本腰 GitHub 記述 ソースファイル

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。0 GitHubを覚えよう覚えようと思ってなかなか手をつけてこなかったので、そろそろ本腰入れて使おうと色々やってみたのでまとめておきます。 1.GitHubとは？ 2.GitHubを使えるようにする 3.Git及びGitHubでよく使うコマンド一覧 GitHubとは？ ソースファイルのバージョン管理... 続きを読む

文章をデザインする – 段落や箇条書きをより読みやすくするために - YATのBLOG

2013/06/20 281 users 記述 一つ一つ webデザイン 知識 参考

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。文章を読み易くする為に段落を用いてレイアウトすることは非常に多く、いかに読みやすく、いかに見やすいかを考えて構成する必要がありますね。 1.段落の使い方 2.読みやすい改行位置 3.箇条書きについて 4.文章をデザインするという事 段落の使い方 このブログではある程度の長さで1段落を設定し、一つ一つ... 続きを読む

IAシンキングとは -information architecture- - YATのBLOG

2013/04/19 103 users Blog

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。サイトの設計、情報の整理、SEO、UI。Webサイトの構築時に考えるべきことはたくさんありますね。世のWebデザイナーの方やディレクターの方、インハウスの方など、色々な 役割の人がそれぞれの観点から情報を整理したり、競合サイトを調査したりと様々な事をしています。 しかしそれらを行うにあたって明確なフ... 続きを読む

AWSにApache+PHP+MySQLとphpMyAdmin,vsftpdを導入する手順 - YATのBLOG

2013/04/10 211 users teraterm SSH 備忘録 AWS ターミナル

AWSを使ってApache+PHP+MySQLを構築する備忘録。phpMyAdmin,vsftpdも構築。インスタンスが立ち上がったらSSHでサーバーにログインし、パッケージをインストールしていきます。SSHでログインするにはMacなら標準で搭載のターミナル、WindowsならTeraTermのようなフリーソフトを利用します。 まずはサーバーへ接続しましょう ssh -i （鍵のパス) ec2-u... 続きを読む

とりあえずJavaScriptを記述して動作を確認したいって時はFireFoxに搭載のスクラッチパッドが断然便利 - YATのBLOG

2013/04/05 232 users Firefox エディタ 沢山 記述 Blog

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。JavaScriptを記述出来るエディタは沢山あるんですが、「とりあえずソースを書いて試したい」って時はFireFoxに標準で付属しているScratchpad（スクラッチパッド）を使っています。 Scratchpad（スクラッチパッド） FireFox 6で搭載されたスクラッチパッド。使ってる人は結... 続きを読む

レイアウトが考えやすくなるデザインのルール - YATのBLOG

2013/03/27 746 users 沢山 デザイナー 記述 ルー webデザイン

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルー... 続きを読む

ECサイトにおける考えるべきユーザビリティ9ヶ条 - YATのBLOG

2013/03/14 118 users コンバージョン ユーザビリティ 直帰率 たくさん サイト設計

ECサイト、ネットショップに置いて考えておくべきユーザビリティをまとめました。ECサイト、ネットショップにおいて考えておくべきユーザビリティを9つピックアップしました。もちろんこれが全てではありませんし、サイト設計の上ではもっともっと細かく考えることはたくさんあります。今回はコンバージョンを下げない、直帰率を下げないために施策する場合に何をするか？を簡潔にまとめています。他のネットショップを運営さ... 続きを読む

女性の可愛らしさが詰まったガーリーデザインの特徴。（基礎知識〜フリー素材） - YATのBLOG

2013/03/05 160 users ガーリー 切り口 メイ Blog 児童向け

女性らしさ、可愛らしさがめいいっぱい詰まったガーリーデザイン。その魅力と特徴をまとめました。デザインで何を注意するのか？といったことを記述しています。デザインのタイプは非常に多く、切り分けるにしても男性らしさ、女性らしさ、児童向け、年配者向など様々な切り口で分けることができます。 ガーリーはそういった中の女性に好まれるデザインに該当し、「少女らしさ」や「可愛らしさ」などを指します。ガーリースタイル... 続きを読む

デザイナーでも使うと便利なバージョン管理システムGitの勉強会に参加しました - YATのBLOG

2013/02/05 262 users Git msysGit 用語解説 ファイル タイミング

バージョン管理システムGitの初歩的な使い方を解説していますこの週末にGitの勉強会を開いてもらって基礎的なところから教えてもらいました。これまで興味はあったけど全く何も知らなかったので、いろいろ詳しく教えて頂きました。 1.Gitとは？ 2.用語解説 3.実際に使ってみる。msysgit 4.参考文献 Gitとは？ 分散型バージョン管理システムの一つです。ファイルの更新状態を好きなタイミングで保... 続きを読む

今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について - YATのBLOG

2013/01/09 875 users 当初 新年 ベース 目標 自身

自身が利用している有名なフォントや、フォントの基礎知識を紹介しています。新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いしま... 続きを読む

高速にWordPressを動作させる網元を使うべくAWSにブログを移転しました。その手順を備忘録として残します。 - YATのBlog

2012/12/06 442 users メリッ ロリポップ 前々 網元 備忘録

AWSにブログを移転しました。その手順を備忘録として残します。このブログをAWS(Amazon Web Services)で提供しているEC2に変更しました。前々からロリポップに対しての限界点がある程度見えていて、いずれ変更することになるけども、それならもうやっておこうかなと言う思いで変えちゃいました。今回はその備忘録として記事にしたいと思います。 1.AWSとは？EC2って？ 2.AWSのメリッ... 続きを読む

使ってわずか10分でメインエディタを変えてしまったSublime Text （ST2）がめちゃめちゃ使いやすい件 - YATのBlog

2012/11/21 1297 users エディタ メインエディタ あたり プラグイン ショートカット

Sublime Textの使い方からプラグイン、カスタマイズ方法までを解説しています。最近流行ってるSublime Textというエディタですが僕も試しに使って10分ぐらいでメインエディタにしてしまいました。なんせ使いやすいです。 個人的にショートカットで作業効率がガンガン上がっていくのが非常に嬉しいですね。ちょっとそのあたりを紹介したいなと思います。 1.Sublime Textとは 2.作業効... 続きを読む

コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利 - YATのBlog

2012/10/31 437 users ベンダープレフィックス コーディング CSS SCSS 記述

Sass、Scssのフレームワーク「Compass」に関しての記事です。ベンダープレフィックスの記述が不要など、コーディングのスピードアップに最適なその秘密を紹介しています。CSSのメタ言語Sass（Scss）。これ使うと凄く便利でコーディングスピードが上がるんですが、これをより便利に使えるようにしたフレームワークのCompassがもの凄く便利なので記事にしました。赤い彗星みたいなタイトルになって... 続きを読む

食品系ECサイトのランディングページ最適化について、6つのサイト紹介とランディングページまとめサイト4つのご紹介。 - YATのBlog

2012/10/19 268 users 解説 少し ブックマーク 飲食関係 食品関係

飲食関係のランディングページ最適化についての解説と、それに関する6サイトの紹介です。また、ランディングページまとめ系サイトも4つ紹介しています。飲食関係のランディングページを運用しないといけないので色々見ています。ブックマークにも少し溜まってきてるのでちょっとだけブログの方にも書いておこうと記事にしました。 1.ランディングページとは？ 2.食品関係のランディングページ 3.ランディングページまと... 続きを読む

Webサイトの情報構造を表す5つのサイトストラクチャパターンを実際のサイトと照らしあわせて考える - YATのBlog

2012/08/24 113 users パターン 構造 設計 目的 サイト設計

Webサイトの情報構造を表す5つのサイトストラクチャパターン,サイト設計を行う上で知っておくべきサイトの構造。よく使われる5つのパターンを参考サイトを元に見ていきます。サイトストラクチャとはWebサイトの構造のことです。サイトストラクチャを考える際には、作るサイトの目的に合わせた設計が必要なのは言うまでもありません。では、その目的に合わせた設計とはどういうものでしょうか？それを考えていきたいと思い... 続きを読む

さくらVPSで使うSSHコマンドリストとサーバーの初期設定 - YATのBlog

2012/07/20 323 users コマンドリスト SSH さくらVPS サーバー Blog

さくらVPSで主に使いそうなSSHのコマンドリストと、さくらVPSを契約してまず行う初期設定の手順書です。ユーザーの追加から認証方法の変更、システムの更新等を解説。さくらVPSを契約して色々サーバーを弄ってるんですが、今までSSHに触れて来なかったのでまずそこで四苦八苦してました。軽く覚えるためにもコマンドリストを作ったので公開しておきます。これで自分の見たい時に見れるし編集出来て便利ですね。 あ... 続きを読む

Webサイト構築における、「情報の分類とコンテンツの理解」をECサイトで考えてみる。-IA シンキング- - YATのBlog

2012/07/10 107 users 商品 ユーザー 部分 Webサイト 要望

Webサイトを制作していて非常に気を使う部分になる情報の分類。例えば商品やコンテンツの分類についてなど、あまりに関係ない分類をしてしまうとユーザーはそれを見つけにくくなり、本来であればユーザーの要望にマッチしたものを提供出来るのにユーザーを逃す事になってしまいます。そうならない為にもWebサイトにおWebサイトを制作していて非常に気を使う部分になる情報の分類。例えば商品やコンテンツの分類で、あまり... 続きを読む

和紙のテクスチャやパターン113種類。商用OKのフリー素材。 - YATのBlog

2012/07/04 791 users ニュアンス パターン 規約 仕事 テクスチャ

和紙のテクスチャやパターンを商用OKのもののみ集めました。仕事で使う事が増えてきそうなので商用OKな和紙のテクスチャをまとめました。規約のニュアンスで使えなかったりもありえますので、念のためご自身で確認してからご利用下さいね。基本的にロイヤリティーフリーなものを掲載しています。 続きを読む

フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 - YATのBlog

2012/04/20 1492 users Blog 商用利用OK 著作権表示 無料

商用利用可能で、著作権表記が出来るだけ不要のものをご紹介。フリー素材イラスト。CSS CSS HappyLife CSS Lecture CSS-EBLOG Design Dribble クリエイティブメモメモ EC関連 ドロップシッピング劇場 FLASH にゃあプロジェクト SEO・アクセス解析 GA フォーラム I love ブラックハットSEO SEMリサーチ SEO JAPAN SEOテン... 続きを読む

デザインする上で要素を目立たせるという事 - YATのBlog

2012/04/05 489 users 要素 Blog

デザインやコンテンツ制作の打ち合わせをしていると必ず出てくる「目立たせる」という行為。人によって「赤くして」とか「大きくして」と言った抽象的な言葉で表現されますが、我々はその言葉をそのままの意味で捉えるわけには行けません。CSS CSS HappyLife CSS Lecture CSS-EBLOG Design Dribble クリエイティブメモメモ EC関連 ドロップシッピング劇場 FLASH... 続きを読む