2013年 02月 05日 デザイナーでも使うと便利なバージョン管理システムGitの勉強会に参加しました カテゴリ： Git タグ：Git この週末にGitの勉強会を開いてもらって基礎的なところから教えてもらいました。これまで興味はあったけど全く何も知らなかったので、いろいろ詳しく教えて頂きました。 1.Gitとは？ 2.用語解説 3.実際に使ってみる。msysgit 4.参考文献 Gitとは？ 分散型バージョン管理システムの一つです。ファイルの更新状態を好きなタイミングで保存しておくことが出来、好きなタイミングで保存している状態へ戻したり、編集した箇所の差分を表示したりする事が出来ます。 また、プロジェクトを複数人で進行している場合に起こりうる、古いファイルでの最新ファイルの上書きといったトラブルについても、Gitを利用すればエラーが帰ってくるため避けやすくなります。 尚、Gitと聞くと
2013年 01月 09日 今さら聞けない？有名なフォント12種類の紹介とフォントの基礎知識について カテゴリ： Font タグ：Font 新年明けましておめでとうございます。今年も色々と挑戦する年にしたいのですが、一先ずブログをしっかり書くというのをベースにがんばります。 早いもので、このブログも気がついたら3年が過ぎ4年目に突入していました。立ちあげ当初は辞めないことを目標にしていましたが、続けることが大事だなと今でも思っています。皆様本年もよろしくお願いします。 今回は自分がよく使っているフォントをまとめました。他にも使っているフォントはもちろんあるんですが、基本的なフォントやWebベースで使えるフォントあたりを紹介しています。 1.フォントリスト 2.フォントの基本 3.考察 フォントリスト 欧文フォント 1.Arial 2.GEORGIA 3.Myriad 4.Verdana 5
2012年 10月 31日 コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利 カテゴリ： Sass タグ：CodingSassScssコーディング効率化 \ CSSのメタ言語Sass（Scss）。これ使うと凄く便利でコーディングスピードが上がるんですが、これをより便利に使えるようにしたフレームワークのCompassがもの凄く便利なので記事にしました。赤い彗星みたいなタイトルになってますが、使いこなせばかなり早くなります。 1.Compassとは 2.インストール 3.初期設定 4.Sass（Scss）ファイルをCSSファイルに 5.実際に作る 6.参考文献 compassとは オープンソースのCSSオーサリングフレームワークです。Sassがベースになっており、mixinで予めベンダープレフィックスが定義されていたりと、Sassをより便利に使え
2012年 10月 19日 食品系ECサイトのランディングページ最適化について、6つのサイト紹介とランディングページまとめサイト4つのご紹介。 カテゴリ： Webサイト紹介 タグ：ECLPOまとめランディングページ 飲食関係のランディングページを運用しないといけないので色々見ています。ブックマークにも少し溜まってきてるのでちょっとだけブログの方にも書いておこうと記事にしました。 1.ランディングページとは？ 2.食品関係のランディングページ 3.ランディングページまとめサイト ランディングページとは？ ランディングページと言うのはリスティング広告といったWeb広告や、グーグルやヤフーなどの検索エンジンから遷移してくるページを指します。 このページに対して、ユーザーが求める情報を正しく伝えられるよう最適化することをLPO（Landing PageOptimization・・・ランディングペー
僕は甘いもの、特にケーキが好きなんですが、最近Webサイトが凄く独創的なショップサイトを目にすることが多く、行ってみたいと思うお店が多くてやばいです。 販売しているケーキ屋やスイーツが美味しいのは当然として、Webサイトやお店にストーリーだったり、特出したデザインだったりといったものが見えると、どうしても行ってみたい！って強く思ってしまうんですよね。 素敵なサイトの紹介 1.素敵なサイトの紹介 今回はそんな素敵なサイトをまとめて紹介したいと思います。ツイッターで流れてたり、有名なお店だったりするので、知っているサイトが殆どかもしれませんが、まとめとしてストックしておきます。他にもあったら是非教えて下さい！ ANTIQUE -アンティーク- パンを販売していますが、ドーナツも販売しているのでスイーツというカテゴリに入れちゃいました。スイーツのサイトで一番気に入っているサイトです。大阪にも店舗
デザインやコンテンツ制作の打ち合わせをしていると必ず出てくる「目立たせる」という行為。 人によって「赤くして」とか「大きくして」と言った抽象的な言葉で表現されますが、僕ら制作者はその言葉をそのままの意味で捉えるわけには行けません。 何故なら、依頼者が何か目的があってそこを赤くする必要がある、大きくする必要があるならばそれを取り入れば良いです。ですが、その目的がその要素を目立たせたいという場合では話が変わってきます。 そうなると、本来の目的は「目立たせること」であって、決して赤くすることや大きくすることが目的では無いため、実際に赤くしたり、要素を大きくしても目立たなければ目的が達成されず満足されることは無いでしょう。 赤くして欲しい、大きくして欲しいと言うのは、依頼した人の中にある目立たせる事に直結したイメージである場合が多いので、実際に何を望んでいるのかを読み取ることが大事です。 1.要所
2012年 02月 21日 WordPressをローカルで開発するためのXAMPP事始め＆WordBench神戸、大阪について カテゴリ： WordPress 交流 タグ：WordBenchWordPressXAMPP WordBench神戸のブレンさん（@bren_boss）に声をかけていただき、勉強会に参加してきました。 今回はWordPressだけでなく、HTML5-WEST.jpとWeb CAT Studioの共催という事もあり、html5やJavaScriptの事、またCSS3アニメーションの活用など多岐に渡った話を聞くことができました。 今回のタイムテーブルは下記の通りです。WordPressに関しては初心者の方向けな内容になっていて、これから触ろうという人にぴったりな内容でした。 13:00～13:30 受付 13:30～13:35 はじめに 13:35～14:05 「PHP
2012年 01月 12日 コーディングのスピードアップに最適なSassを使ってみた。環境構築から基礎的な記述までを紹介します。 カテゴリ： Sass タグ：CodingSassコーディング効率化 CSSのメタ言語として登場したSass。去年から認知はしていたのですが中々手を出しておらず、年が開けて「やってみよう！」と思い起こして使って見ました。 Index 1.Sassとは 2.インストール 3.SassファイルをCSSファイルに 4.実際に作る 5.参考文献 1.Sassとは Sassがなんなのか知らない人も居ると思うので簡単に説明すると、CSSファイルを作成するために扱うプログラムのようなもので、直接CSSファイルを作成するのではなく、CSSよりもシンプル且つ構造化した記述でSCSSというファイルを作成し、そのファイルからCSSファイルに変換（コンパイル）します。 コンパイルされたフ
インターネット上には沢山のECサイトが存在します。その中には当然「売れるサイト」と言われるサイトがありますし、サイトを立ち上げるなら無論皆さんはこれを目指すと思います。 では、売れるサイトを作るにはどうすればいいのでしょうか？ Index 1.売れるサイトに必要なこと 2.他のサイトとの差別化 3.最も大事なこと 1.売れるサイトに必要なこと そもそも売れるサイトとはどういうことでしょう？アクセス数が沢山あって、月に数千万円売れれば売れるサイトでしょうか？それは確かに売れるサイトと呼べるかもしれませんが、もしかするとそのサイトは運営側にとって離脱率や直帰率がまだまだ高く、また、数千万円売れていても赤字で売れるサイトととは呼べないかもしれません。 僕自身が考える売れるサイトとはユーザーが買いたくなるサイトを指すのではないか？と考えます。訪問者数が少なくても「買いたい」と思うユーザーが沢山入れ
2011年 12月 06日 ブログを書くということ。これまでの経緯とこれから。あとオススメのブログ紹介 カテゴリ： SEO タグ：SEOアクセスアップ 「ブログを書く」と一言で言ってもそれぞれの書き手や、使い手によってブログのあり方ってそれぞれですよね。日記みたいに使う人もいれば、その瞬間思ったこと書く人もいるし、自分の仕事に関係する技術やノウハウの蓄積に使ったり。 今回はそんなブログを僕自身がどう思って活用しているかを書き留めておこうと思います。 Index 1.ブログを書こうと思ったきっかけ 2.岐路 3.心境の変化 4.これから 5.オススメブログ 1.ブログを書こうと思ったきっかけ そもそものきっかけというのは全然大した目的があったわけでもなく、ただ単純にブログっていうものがどういうものか分からないのでやってみようという所からでした。ただ、やるにあたってこれは絶対というのが2点あり
最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門（1日目）：Stocker.jp [連載]Webデザイン入門（2:スケッチしよう）：Stocker.jp [連載]Webデザイン入門（3:光とボタン）：Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。：MAKA-VELI.COM W
ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは？ 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは？ 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか？ 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど
2011年 09月 06日 女性らしいデザインに使える、エレガントな植物のphotoshopブラシ。つるを中心に花など70種・1141本。 カテゴリ： ブラシ タグ：Photoshopswirlブラシ花 植物のつるをメインにしたデザインを良く見かけるんですが、個人的にも好きでブラシを集めてみました。それに関連して花も少し。 はじめの頃「つる」って検索しても「弦」って検索してもなかなか検索出来なかったんですけど、「swirl」ってやれば検索できるって非常に感動した覚えがあります。 これらを利用したデザインはエレガントさ、女性らしさを表現するのに最適ではないでしょうか？一般的には化粧品や美容室、ファッションサイトなどの女性向けのサイトで特に活用されるかと思います。 Photoshop ブラシ
SEO業者の方々とやり取りをする際や、クライアントへの説明が必要な際に知っておくべき用語をピックアップして意味を調べました。どの技術が有効で何がブラックなのかというのは基本的に記述していません。あくまで専門用語の解説として活用してください。関連する情報を解説しているサイトのリンクも付けていますので、詳しく知りたい方はリンク先のサイト等を参照してください。 ホワイトハットSEO 検索エンジンのルールに従いサイト制作を行うことです。 White Hat SEO （ホワイトハットSEO）とは – 海外SEO情報ブログ ブラックハットSEO SEOにおいて悪質な手法を駆使して検索上位に表示させる手法・技術のことです。上記ホワイトハットSEOと対極の言葉でもあります。 ブラックハットSEO – IT用語辞典バイナリ サテライトサイト SEO対策や集客を目的として本サイトとは別に作られたサイトのこと。
2011年 07月 11日 HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識～活用まで カテゴリ： CSS3 HTML HTMLとCSS タグ：CodingCSS3ジェネレーター作成支援ツール 現状HTML5とCSS3を利用したサイトの構築は自分の仕事上では出てきそうにないのですが、そうは言っても何も情報を収集しないわけにも行かないのでブックマークは当然しています。しかし、ただ単に貯めてるだけだといざという時活用出来ないので、一度ブログに書き留めておこうと思います。 html5 現状深く調べておらずリファレンスやタグ辞典的なものを収集しています。最近友人のクロ（@CROO1379）が色々情報を収集してサイトを構築しており、リファレンス的な意味ではかなり拾えそうな感じになっています。
2011年 06月 22日 和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 ＋ ブラシファイルの中身が見れるアプリケーション カテゴリ： テクスチャ ブラシ タグ：Photoshopパターンブラシ作成支援ツール
2011年 06月 09日 おしゃれな街神戸からデザインのインスピレーションを受ける28個のwebサイト カテゴリ： Webデザイン タグ：インスピレーションデザイン おしゃれな街「神戸」というキーワードをもとにWEBサイトを集めたのでポストしたいと思います。私自身神戸には6年ほど住んでいましたので非常に思い入れのある街です。 神戸の色彩 神戸の色彩としては青や白をイメージする人が多いのではないでしょうか？おそらくそれは海や港などのイメージが強いところから来ていると考えられます。 他にも山のイメージから緑を連想したり、主張にもなっているポートタワーの赤を連想する人も居るかと思います。 主なイメージカラーとしては以下になるのではないでしょうか？ これらは主にベースからに置かれることが多いため、これらにあった背景色やアクセントカラーを合わせる事が多いです。 ただしホワイトに関してはやはり背景色
2011年 06月 01日 407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト カテゴリ： フリー素材 タグ：アイコン作成支援ツール サイトにおけるアイコンですが、自作するのも良いですがハイクオリティなアイコンもpsdなどの状態でフリーでダウンロード出来る物などもあるのでこちらを使うのも有りだと思います。（但しライセンスに関してはリンク先等をご確認の上でご使用下さい。） 今回はwebデザイナーやデベロッパーズ向けのものを集めました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く