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

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

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

Webサイト制作に入る前の打ち合わせで考えることとお客様と話し合うこと – YATのBLOG

2018/03/08 50 users リニューアル 記述 フリーランス 受託 最初

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。フリーランスになってお仕事を頂くお客様と直接話す機会が増えてきました。 会社員の頃は受託の仕事ではなかったので、こういった経験がないまま独立したため、最初に聞いておくべきことや確認する事が非常に多く、結構時間がかかります。 僕の場合、Webサイトを作って欲しい、リニューアルをして欲しいという要望から... 続きを読む

ロゴデザインを依頼する側と制作する側にある金額の相違について思うところ – YATのBLOG

2017/11/27 53 users 相違 記述 Blog 初日 デザイナー

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。こんにちは、YAT（ @yat8823jp ）です。つい先日ツイッターでこういったアンケートを取っていました。 ロゴデザインをデザイナーにお願いしようと思った時、いくらぐらいかかるという印象を持っていますか？ — YAT (@yat8823jp) 2017年11月23日 初日で1,600件ほど投票を... 続きを読む

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で大切なこと ドキュメ... 続きを読む

グラフィカルに伝えるインフォグラフィックの勉強に最適なデザイン参考サイト20個とツールサイトのご紹介 – YATのBLOG

2016/01/21 50 users グラフィカル インフォグラフィック Blog 勉強

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。情報を伝えるのに、文章では伝わりづらいことが多々あります。そんな時に必要とされるのがデザインの役割なのですが、中でも人が普段あまりみないような情報、専門性の高い情報などは、一層伝わりづらく、文章や数字を並べただけでそれを理解するには非常に敷居が高くなってしまいます。 そんなとき、グラフやビジュアルを... 続きを読む

開発に便利なタスクランナー「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 児童向け

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

ガーリーデザインなんかに良く合うカリグラフィーやスクリプトのフリーフォント17種類＋4種類 - YATのBLOG

2013/02/26 98 users フリーフォント フォント 商用 ライセンス カリグラフィー

フリーで使えるカリグラフィーやスクリプト（筆記体）フォントを17種類と、ライセンスが見つけられなかったけれど素敵な4種類のフォントをご紹介。フリーフォント こちらはライセンスの記載があったものになります。フリーなもの、商用が可能のものなどライセンスそのものはフォントによって異なりますので利用されるシーンに合わせてご利用ください。 続きを読む

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

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

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

ローカル環境（XAMPP）にWordPressをインストールする手順 - YATのBLOG

2013/01/29 62 users 備忘録 XAMPP Windowsベース 導入 解説

ローカル環境にWordPressをインストールする手順です。備忘録。すでに様々なサイトで紹介されていますがローカル環境へのWordPressインストール手順を記述します。解説はWindowsベースになっており環境はXAMPPを想定しています。XAMPPの導入については過去記事「WordPressをローカルで開発するためのXAMPP事始め＆WordBench神戸、大阪について」をご参照ください。 手... 続きを読む

フォントをもっと楽しめるKinetic typography（キネティック タイポグラフィ） の動画17本 - YATのBLOG

2013/01/16 78 users そうい タイポグラフィ ハードル フォント ベース

キネティック タイポグラフィからフォントを楽しく学びましょう。動画を複数ご紹介。このブログもこの記事で300記事目になりました。1周間に1記事程のペースを目標に書いていますが、1000記事を目指そうと思うとあと何年掛かるんでしょうね。考えてもあまり意味が無いので考えるのは辞めましょう。 300記事目なので何を書こうか！って考えたんですけど、考えた所で自分のハードルを挙げるだけな気もするので、そうい... 続きを読む

今さら聞けない？有名なフォント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.ランディングページまと... 続きを読む