[B! list] yomogiのブックマーク

ひとりでWeb制作できた！Webデザインの勉強にもなる独学「スライド」総まとめ

作成‥2014/02/24 更新‥2016/06/30 Webデザイン > デザインの流れや基本的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。エンジニア速報は Twitter の@commteで配信しています。

yomogi 2014/02/27

web
list

リンク

Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ

TL;DR 受注前、制作フロー、安定収益源の保守方法まで﹁作って終わりにしない﹂Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。オリエンテーション／受注前1．書類テンプレート一式オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類︵ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書︶など一式まとめてますので、書類系のテンプレートは以下で。企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３２．見積もりの目安と計算方法例えば項目を作るとき1．項目／2．内容／3．設計(人日)／4．製造(人

yomogi 2014/01/21

web
list

リンク

【リンク集】ソーシャル全盛時代に改めて考える！　今こそ個人ブログを始めよう

yomogi 2014/01/10

blog
list

リンク

効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ

作成‥2014/01/6 更新‥2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。エンジニア速報は Twitter の@commteで配信しています。もくじアートディレクター1．アクセシビリティ2．ユーザビリティ3．UX︵ユーザーエクスペリエンス︶4．IA︵情報アーキテクチャ︶5．画面設計︵ワイヤーフレーム︶6．進行管理 Webデザイナー7．レイアウト・フォントの知識8．配色9．Illustratorの使い方10．Photoshopの使い方11．バナー作成12．ボタン作成フロントエンドエンジニア13．HTML5 １４．CSS3／Sass １５．javascript16．jQuery １７．WordPressテー

yomogi 2014/01/08

web
list

リンク

自分でWebサイトやブログを作って収益化を図る際に参考になる10冊の書籍の紹介

あけましておめでとうございます。2014年！ WP-Limeこと、星野邦敏です。持ち回りで月に1回コンスタントにブログ記事を書いて、1回目の記事は、2012年8月に、案件の価格決めをどうしているのよ？2回目の記事は、2012年9月に、 IT勉強会を自分で主催するメリット・デメリットと、それらを有料or無料で開く判断。3回目の記事は、2012年10月に、支払サイト＆入金サイトについて考える。4回目の記事は、2012年11月に、 Twitter Bootstrapを使って短時間でWordPressテーマを作る。5回目の記事は、2012年12月に、寡兵︵少ない兵力︶で負けない戦を展開する方法まで書いて、 2013年は、なんとWP-Dでは1記事も書いていませんでした。 2013年、主に何をしていたかと言うと、生まれ育った地元の埼玉県さいたま市の大宮駅近くで、コワーキングスペース

yomogi 2014/01/06

リンク

2013年厳選版！フロントエンドエンジニアがオススメするWEB系の技術書・指南書 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。今まではデザイナーという肩書きだったのですが、最近会社の偉い人たちが﹁フロントエンドエンジニアがほしいなあー。︵チラッ︶﹂﹁そうだねー。ほしいねー。誰かやってくれないかなー︵チラッ︶﹂という会話を僕の聞こえるところでよくするので、空気を読んでジョブ・チェンジした次第であります。さて、今年も残すところあとわずかということで、今年僕が読んでタメになったWEB系の技術書やら指南書やらをご紹介いたします。WEB系の仕事をされている方、今後する予定のある方はぜひ参考にしてみてください。もくじ 1.Webサービスのつくり方 ~﹁新しい﹂を生み出すための33のエッセイ 2.スマートフォンサイトデザインブック仕事で絶対に使うプロのテクニック 3.レスポンシブWebデザインテクニックブックプロが教えるマルチ

yomogi 2013/12/28

リンク

Flipsblog.jp

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

yomogi 2013/10/12

リンク

日本語Webフォントを使った一味違うWebサイトまとめ

ここ数年で日本語Webフォントの導入もかなり進ん... / 日本語Webフォントを導入したWebサイト / DENSUKE他...全15件ここ数年で日本語Webフォントの導入もかなり進んできました。マイナビ主催の「Webフォントデザインアワード」などでも年々注目度が増してきています。そこで、ここではいち早く日本語Webフォントを導入しているWebサイト事例をご紹介します。 Webフォントデザインアワード 2013 - 応募締め切りは9月30日（月）まで http://book.mycom.co.jp/wd/webfont/2013/

yomogi 2013/09/03

リンク

スパイク・リー監督がNYU映画学科の学生に配布する「見るべき映画86本」 : 映画ニュース - 映画.com

「バッド・ルーテナント刑事とドラッグとキリスト」写真提供:アマナイメージズ［映画.com ニュース］　自身も学んだニューヨーク大学ティッシュ・スクール・オブ・アーツの映画学科で教鞭をとっているスパイク・リー監督が、毎年最初の授業で学生たちに配布する「映画監督（志望者）が見るべき映画」のリストを一般に公開した。 86本は以下の通り（リー監督のリスト順）。 ▽「バッド・ルーテナント刑事とドラッグとキリスト」（1992／アベル・フェラーラ） ▽「羅生門」（1950／黒澤明） ▽「用心棒」（1961／黒澤明） ▽「乱」（1985／黒澤明） ▽「裏窓」（1954／アルフレッド・ヒッチコック） ▽「めまい」（1958／アルフレッド・ヒッチコック） ▽「北北西に進路を取れ」（1959／アルフレッド・ヒッチコック） ▽「俺たちに明日はない」（1967／アーサー・ペン） ▽「暗殺の森」（1970／ベル

yomogi 2013/08/05

ToDo
list

リンク

日本語フリーフォントまとめ63個 – 2013年7月｜男子ハック

@JUNP_Nです。自分用のために日本語で使えるフリーフォントをまとめてみました。こうやってみると結構な数がありますね。何かのお役に是非どうぞ。

yomogi 2013/07/21

リンク

サービス終了のお知らせ

サービス終了のお知らせいつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。お客様がアクセスされたサービスは本日までにサービスを終了いたしました。今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

yomogi 2013/07/20

travel
list

リンク

渋谷、500円ランチリスト - Time Out Tokyo (タイムアウト東京)

飲食店が無数にある渋谷地区。チェーン店やファストフード以外にも、たった500円でしっかりとしたランチメニューを提供している店が存在する。ボリュームはもちろん、味にも納得できるワンコインランチを渋谷で探した。宇田川町上海食堂渋谷店﹃エビ入りチャーハン﹄︵500円︶ボリューム満点のワンコインランチで知られる、渋谷センター街に店を構える中華料理店。昼時には多くのビジネスマンで賑わい、毎日5種類前後の500円メニューを提供している。メニューも、飯物、麺物、おかずものと、その日の腹の空き具合によって選べるのがうれしい。チャーハンはプリプリの海老とレタスが入っていて脂っこ過ぎない味。麻婆豆腐とスープ付きで、ザーサイは食べ放題。ガッツリと食べたい時にはおすすめの一軒。﹃上海食堂渋谷店﹄の詳しい情報はこちらぱっぷHOUSE ﹃サーロインステーキセット﹄︵500円︶セルリアンタワー

yomogi 2013/07/10

gourmet
list

リンク

すごい便利！WordPressでブログをリニューアルするときに役立つ３０

作成‥2013/06/17 更新‥2014/11/01 WordPress > 先日コムテブログをひっそりとリニューアルしたわけですがカスタマイズしたい部分を調べるだけで膨大な時間がかかってしまいました。今回はWordPressでブログをリニューアルしたり新たに立ち上げたりするときに参考にすると助かるサイトをまとめさせていただきました。既存のサイトをレスポンシブ化したり、スムーススクロール、タブ、ロールオーバーを簡単に実装したり、高速化にセキュリティ対策。やらなきゃいけないことをしっかりメモ。リニューアルのおかげでアクセスも1.3倍ほど上がったので、集客効果もあり。是非お試しを！エンジニア速報は Twitter の@commteで配信しています。もくじレスポンシブに対応させる1．レスポンシブ対応なCSSの書き方2．Adsenseタグを改変してレスポンシブ対応させる3

yomogi 2013/06/25

リンク

【デザイナー厳選】バナーデザインの参考ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

みなさんこんにちは！ Webデザイナーのえびちゃんです。バナーデザインを作成していると「レイアウトが上手くいかない」「バナーの参考を上手く探せない、ギャラリーサイトも古いのばかり」「最近のトレンドってどんな感じなんだろう？」……などなど、デザインの悩みってたくさん出てきますよね。そこで今回は、そんなあなたに現役デザイナーがおすすめするバナーデザインの参考サイトをジャンル別に分類して紹介します！後半では実際に効果の高かった広告バナーのデザインも紹介しているので、ぜひ参考にしてください。「ググってわからないこと」が一瞬で解決するかも？ Webの知識を効率的に学びたい、未経験からWeb業界への転職・就職を目指している、誰かに教えてもらいたい……という方へ。LIGが運営のWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」では実践的なカリキュラムで最短6ヶ月でWe

yomogi 2013/06/19

リンク

東京、かき氷 15選 - Time Out Tokyo (タイムアウト東京)

かき氷といえば、祭りや海で売られている、カップ入りの氷を思い浮かべる人も多いだろう。しかし、氷にシロップをかけるだけと思われがちなかき氷にも、奥深さがある。蒸し暑さを感じる時期ともなれば、甘味処、喫茶店などで、実にさまざまな氷を楽しむことができるのだ。その味も千差万別。氷そのものにこだわる店もあれば、氷の“かき方”にこだわる店もあり、シロップ、トッピング、盛りつけ方などにも店のこだわりが溢れている。かき氷はその店の本気がつまった夏の芸術品だ。ここでは、それぞれに特色のあるかき氷を提供している東京都内の15店舗を紹介。この季節にしか味わえない冷たい美味しさを楽しんで欲しい。根津芋甚﹃氷牛乳﹄︵450円︶大正元年創業の根津にある甘味処で味わえるのは、ふんわりと盛られた氷の下にレモン風味の甘い牛乳が添えられたさっぱりとした一品。氷を牛乳と混ぜながら食べ進め、最後は残った冷たい牛乳をストロ

yomogi 2013/06/19

gourmet
list

リンク

ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup

競合に負けないWebサービスをつくるため、UI︵User Interface︶、UX︵UserExperience、ユーザー体験︶にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！目次基礎知識1．UXのためのUIデザイン2．UX is not UI3．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス‥前編応用編︵Webサイト︶4．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス‥後編5．コンテンツで改善する UIデザインの極意応用編︵スマホアプリ︶6．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX!応用編︵タブレットアプリ︶7．ニコニコ超デザイン-

yomogi 2013/06/14

リンク

手遅れになる前に！Webディレクターがプログラミングを学ぶ時に使いたいサイト10選

プログラミングを﹁本気﹂で勉強するのに役立つサイト10選とその解説 | 今年はWebディレクターもコードを書こう！﹃Webディレクターは、コードを書く必要はない？？﹄もちろん本業のエンジニアと同等のコードを書く必要はありません。しかし、プログラムの全容や工数を把握し機能の優先順位を付けたり、技術面でエンジニアとのコミュニケーションをする上で、プログラミングを覚えることはプラスになります。さらに、﹁こんな実装が出来るなんて凄い！﹂といった実感を伴った一つ一つのコミュニケーションが、エンジニアからの信頼を獲得する助けになるのです。どうやってプログラミングを覚えるか？プログラミングは、毎日のちょっとした勉強の積み重ねで学習する事もできます。今回はスタートアップで働くWebディレクターの方々に向けて、プログラミングを学べるサイトを10連発でまとめました。このエントリーでは、

yomogi 2013/05/24

リンク

これだけは講読したい！デザイナー向け海外ブログ厳選20本+α | 素材系・ノウハウ系 etc.

使える資金が少なく、宣伝広告にリソースを割けないスタートアップ。ユーザを増やし、サービスを使ってもらうための有力な施策の一つは、良いデザインを採用することです。先日、日本発のOrigamiがスタートアップ界隈で有名になりましたが、優れたデザインが高く評価されたことは記憶に新しいでしょう︵記事‥出資元のKDDIがデザインセンスを高く評価、5億円を出資︶。スタートアップといえども、デザインを軽視することはできないのです。 Webデザインだけでなく、最近ではアプリのUIなど、デザイナーの仕事は広がっていくばかり。忙しさを理由に、日々の情報収集を日本語のブログだけで済ませていませんか？良いデザインを誰よりもいち早くキャッチアップしサービスに活かすため、海外ブログの購読はもはや常識と言っても過言ではありません。このエントリーで取り上げるブログのカテゴリは以下の通りです。 ● デザイン方法論系

yomogi 2013/05/23

リンク

30代独身男子が読むべき結婚マンガベスト5 | ダ・ヴィンチWeb

﹁婚活女子﹂という言葉が定着し、様々なメディアで20代～30代の未婚女性の生き方にスポットが当てられている一方、男性の方はまだ遊んでいたい！という願望があったり、結婚以前に出会いも無い…と諦めていたりと、結婚に距離を置いているような気がするラコ〜。しかし、いつまでもそのような状況でいる訳にもいかないのが現実ラコよ！というコトで今回は、大人が読むマンガに詳しく、自身の運営するマンガレビューサイト“ネルヤ”で30代だけで1冊のマンガを語り合う﹁アラサー座談会﹂も開催する、ライターの小林聖さんに、30代独身男子が読むべき結婚マンガを選んでもらったラコ。小林聖マンガレビューサイト“ネルヤ”管理人。ネルヤサイト上にて一冊の漫画を30代だけで語り合う﹁アラサー座談会﹂や、街角の書店を調査する﹁書店ぶらり旅﹂といった企画を連載している。現在、ライターとして多方面で活躍中。

yomogi 2013/05/07

book
list

リンク

はてなブックマーク

タグ

関連タグで絞り込む (62)

listに関するyomogiのブックマーク (169)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第5週）

今週のはてなブックマーク数ランキング（2024年6月第4週）

今週のはてなブックマーク数ランキング（2024年6月第3週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス