Webサイト制作をどれくらいの粒度で分解してタスク化するか｜重松佑 / Shhh inc.｜note

2021/07/06 598 users 重松佑 タスク化 粒度

プロジェクトが始まるときにかなり初期の段階でWBSを作ることは多いとおもいます。そのWBSの作成、プロマネやディレクターに任せっぱなしになっていないでしょうか。WBSはスケジュールをガントチャートで表したものを指していると思われがちですが、実はスケジュールだけでなく見積もりやアサインを精度高く行うためにも... 続きを読む

Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは | アンドエンジニア

2020/06/16 515 users インタラクション アンドエンジニア デザイナー えん 分業体制

Webサイト制作では通常、「デザイナーの作ったデザインをエンジニアが実装する」という分業体制が一般的。 しかし、今回なめサンは、サイトの見た目・動きのデザインから開発まで、すべてひとりで行っている。 優れたアニメーションやインタラクション（ユーザー操作へのフィードバック）をデザインし、自ら実装するエン... 続きを読む

拝啓、お客様。Webサイト制作のコストはここにかかります。 | 東京上野のWeb制作会社LIG

2019/05/09 1646 users 拝啓 Web制作会社LIG コスト 東京上野 お客様

令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしです... 続きを読む

Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ - paiza開発日誌

2016/02/09 834 users 0310lan paiza開発日誌 クオリティ まさとらん

2016 - 02 - 09 Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ 開発ネタ Webサービス紹介 Webデザイン どうも、まさとらん（ @0310lan ）です。 みなさんは、「 JavaScript ライブラリ 」を活用しているでしょうか？ Webサイト制作 はもちろんのこと、さまざまな Webアプリやサービスなどを開発 する時に、 大幅な時間短... 続きを読む

今どきのWebサイト制作が楽になる！すごい無料HTMLテンプレート素材25個まとめ - Photoshop VIP

2015/02/04 777 users 今どき Photoshop Vip

ウェブサイトはこれまで以上に手軽に制作できるようになってきています。ゼロからすべて作成せずに、完成したデザインテンプレートを活用することで、制作スピードを格段にアップさせることができます。 流行中のデザイントレンドを取り入れ、モダンで今どきのWebサイトを楽に制作できる、新作HTMLテンプレート素材をまとめています。もちろんどれも無料ダウンロード可能となっています。 多くのテンプレートでは人気フレ... 続きを読む

Bootstrapを利用した、ダッシュボード向け無料HTMLテンプレート素材15個まとめPhotoshopVIP |

2014/05/17 547 users Bootstrap フレームワーク エントリー 使い勝手 時間

Twitter謹製フレームワークとしても有名なBootstrap。規則正しくスタイリングされた、使い勝手の良いコンポーネントは、Webサイト制作にかかる時間を大幅に短縮してくれるようになりました。 海外デザインブログSpeckyBoy Design Magazineで、Bootstrapをフレームワークに作成された、ダッシュボード向け無料HTMLテンプレート素材を15個まとめたエントリー「15 F... 続きを読む

富士通、色覚障がい者のための診断ソフトウェア無償提供8月20日をもって終了：「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。 - ＠IT

2013/08/16 924 users 富士通 色覚障がい者 視覚障がい者 ツール オープンソース

オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば... 続きを読む

「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」 | 56docブログ

2013/03/13 661 users Hue 素養 DESIGN 配色 ゴロドクさん

「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」 【Design】 wrote on 2013/03/13 http://blog.56doc.net/Entry/553/「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」 Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基... 続きを読む

『CSS』の基礎知識・テクニックが参考になるWEBサイトまとめ - NAVER まとめ

2012/12/29 729 users NAVER 解釈 CSS ウェブサイト テクニック

Webサイト制作をする上で必須となるCSS。なんとなく理解しているつもりでも、解釈を勘違いしていたり、上手く使用できないことも多いです。今回はCSSの基礎知識やテクニックが参考になるウェブサイト・記事をまとめました。 更新日: 2012年12月28日RSS 続きを読む

Webサイト制作で低予算のクライアントに提案する6つのポイント | Webクリエイターボックス

2012/12/04 662 users クライアント 前提 Webクリエイターボックス 予算 相場

Webサイト制作の依頼を受ける上で、クライアントの中には相場が分からず、必要最低額を遥かに下回る予算を提示する方もいます。多くの場合は必要な作業内容やかかる時間を説明すれば納得して頂けますが、時々「タダでできて当たり前」を前提とする方もいます…。うむむ。タダ…はちょっと行き過ぎですが、なるべく低予算のクライアントにも満足してもらいたいですよね。予算にあわせてできることがないか、考えてみました。 1... 続きを読む

PhotoshopでWebサイトのデザインをしよう | Webクリエイターボックス

2012/10/09 787 users Photoshop 実寸 グラフィックツール 連載 ツール

2012年10月09日 Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまった... 続きを読む

Webサイト制作をスムーズに進めるためのヒアリングシートまとめ4つ - コメンター

2012/10/03 557 users コメンター Facebookページ クリエイター シェア

コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 Facebookページ 2012年8月にオープンしたコメンターのFacebookページでは、クリエイター向けの最新Web/IT情報をどこよりも... 続きを読む

ECサイトの動作テストに使える、クレジットカードのテスト番号一覧 | Webクリエイターボックス

2012/09/10 1916 users Webクリエイターボックス 動作テスト ECサイト デス 過去

2012年09月10日 Webサイト制作 オンラインショップで最も使われている決済方法がクレジットカード決済。しかし、過去にオンラインショップを制作したことのあるWeb屋さんは、決済時の動作テスト方法にとまどった事はありませんか？動作確認に自分のクレジットカードを使っていたという人が多いかと思います。私もそうやってテストしていました…が、実は各種メジャークレジットカードではオンライン決算時用のテス... 続きを読む

Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice

2012/09/04 1012 users 解像度 Design Spice ppi dpi ディスプレイ

スマホやRetinaディスプレイが出てきてから、サイト制作の時に解像度に関することで時々混乱することがあるので整理してみました。 解像度とppiとdpi 解像度はビットマップ画像における画像密度のことで、一般に1インチ(25.4mm)をいくつに分けるかによって数字で表します。 単位はdpi、またはppiを用いられることが多いです。 よくディスプレイの解像度を1024×768ピクセルという総画素数で... 続きを読む

Webサイト制作の見積書を作るときに予め読んでおきたい記事まとめ13個 - コメンター

2012/08/28 579 users テンプレート Maka-veli.com 勘所 コメンター

見積書の勘所が分かりやすくまとまっています。テンプレートが配布されているので、まずは参考に使うとよさそう。 maka-veli.com → 続きを読む

Webサイト制作の一連の流れをまとめてみました | Arch

2012/05/28 1985 users コンセプト 手順 クライアント 目次 クライアント向け

Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。 なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いおります。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。 目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントの... 続きを読む

Web制作における文章の可読性について考える - YATのBlog

2011/10/12 539 users 行間 ばつ 段落 フォント YAT

WEBサイト制作における文章の可読性について。ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは？ 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは？ 当たり前なことですが文章の可読性とはつ... 続きを読む

海外Webサイト・海外Web屋の特徴 | Webクリエイターボックス

2011/03/01 1171 users Webクリエイターボックス 海外Web屋 特徴 WEB業界

以前「日本向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ？」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います！海外Webサイトの特徴URLを直接入力日本ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド... 続きを読む

Webサイト制作でよく出てくるコンテンツとそれによく使うディレクトリ・ファイル名の一覧 - btmup Blog

2010/08/02 1487 users ディレクトリ メンド コンテンツ ファイル名 単語

ディレクトリ名とかファイル名って、ちゃんとしようとすると意外に時間がかかるもの。 ページタイトルを直訳すれば良いってもんでもなく、いくつかある候補から内容に一番合った単語を見付けてこないといけない。 いちいち英語を調べるのもメンドいし、かといって「gaiyo」とかじゃ気持ち悪いし、どうしたもんかねー、とずっと思っていました。 で、今回、勢いでざっくりとまとめてみたのでついでに公開します。 本当にざ... 続きを読む

初心者さんのためのWebサイト制作に役立つリンク集 | Webクリエイターボックス

2010/05/25 1776 users Webクリエイターボックス リンク集 初心者さん コメント欄

「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄に... 続きを読む

国産限定・Web制作時に覚えておくと便利な14のフリーのWebサービス - かちびと.net

2009/10/05 1865 users net WEBサービス 一役 国産 純国産

最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出... 続きを読む