Webサイト制作の要件定義書の確認項目｜重松佑 / Shhh inc.

2023/07/13 394 users 要件 重松佑 最小限 メモ プロジェクト進行

プロジェクトのキックオフ前後に作成する要件定義書。確認の抜け漏れを最小限に抑えるには、どのようなことを記載しておくべきか。そして、メンバーへのスムーズな共有と、その後の円滑なプロジェクト進行のための、良い要件定義書とはどのようなものだろう。自分たち用のメモも兼ねて「Webサイト制作プロジェクトの要件... 続きを読む

jQuery使いのエンジニアがReactとNext.jsでWebサイト制作するために最低限押さえておきたいコード（基礎編）

2023/01/23 357 users jQuery React Svelte Vue 構文

なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ず... 続きを読む

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

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

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

Web制作が捗るChrome拡張機能12選 – おすすめの拡張機能を集めてみた | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介

2021/06/17 228 users 依存性 初見 Pulp Note Tips 12個

Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。今回は私がよく利用しているChrome拡張機能を12個紹介します。初見のものがありました... 続きを読む

あなたのWeb制作をサポートしてくれるオンラインツール10選 | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介

2021/06/01 309 users Pulp Note Tips transform 現場 あなた

Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 CSS 3D Transform Examples CSS 3D Transfor... 続きを読む

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

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

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

SVG形式のファビコンを設置しよう | Webクリエイターボックス

2020/02/12 137 users ファビコン SVG PNG SVG形式 画質

2020年2月13日 SVG, Webサイト制作 つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要は... 続きを読む

CSSで見出し固定＋レスポンシブ対応の表を作成 | Webクリエイターボックス

2019/10/16 345 users CSS Webクリエイターボックス 作成 レスポンシブ対応

2019年10月17日 CSS, HTML5, Webサイト制作 料金表やサービスプランの比較、タイムテーブルなどなど、使う場面が多い割には制限も多く、初心者には少しとっつきにくいと思われがちな表。今回はあると便利な表の見出し固定やレスポンシブ対応の方法を紹介します。 見出しの行を固定する 表の中の行が増えてくると、スクロ... 続きを読む

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

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

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

Adobe XDでシンプルなワイヤーフレームを作ろう！便利なUIキットいろいろ | Webクリエイターボックス

2018/07/02 124 users ワイヤーフレーム デザインテンプレート UIキット 前段階

2018年7月2日 Webサイト制作, XD 新たなデザインツールとして浸透してきているAdobe XD。Webクリエイターボックスでも何度か紹介してきました。Adobe XDはデザインを作り込むだけではなく、その前段階であるワイヤーフレーム制作にもおすすめです。様々なUIキットと呼ばれるデザインテンプレートが配布されていますが、... 続きを読む

クリエイティブなファビコンを設置しよう | Webクリエイターボックス

2017/09/22 431 users ファビコン favicon Favourite ICON タブ

2015年4月23日 Webサイト制作 , 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているの... 続きを読む

Webサイト制作におけるフロントエンドの必須スキル＆開発環境はこれで決まり！ - North-Geek

2016/04/22 428 users North-Geek Git Sass Gulp Emmet

最近フロントエンドの流行がどうのこうのという記事をよく目にしますが、実際に現場で 必要となるスキルと開発環境 を紹介していきます。これくらい知っていると全く問題ない。といったことですね。 主にWebサイトを制作のスキルは、 HTML・CSS、CSS3、Sass、SublimeText、Emmet、gulp、Git についてのスキルがあれば開発がしやすく流行の開発環境ではないかと思います。 さて、そ... 続きを読む

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

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

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

Webサイト制作や勉強をする際に役立つ便利なツール・サイトまとめ 100 | NxWorld

2015/12/14 134 users NxWorld 勉強

画像の軽量化やコード圧縮といったツールをはじめ、各種リファレンスサイト、利用している人が多いエディタやデザインツールのショートカット一覧など、Web制作時に便利だと思うツール・サイト・チートシートを自分のブックマークがかなり乱雑化してきたのでその整理も兼ねて一気にまとめてみました。もちろん他にもこういった便利なものは沢山ありますし、自分も普段からここで紹介しているもの全てを利用しているというわけで... 続きを読む

Illustrator実践デザイン！無料ダウンロードできるすごいベクター素材27個まとめ - Photoshop VIP

2015/02/25 130 users Photoshop Vip Illustrator 無料

Illustratorの基礎を学びながら、デザインをたのしむことができるベクター素材を活用してみませんか。Webサイト制作など実践的に使える素材から、自由にカスタマイズできるデザインアイテムまで幅広いセレクションを揃えました。もちろんどれも無料でダウンロード可能となっています。 詳細は以下から。 気軽にはじめるIllustrator！無料ダウンロードできるすごいベクター素材まとめ Round Wa... 続きを読む

schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [schoo]

2015/02/11 183 users schoo アイコン デザイナー 授業 開講中

まずは無料会員登録！デザインスキルや知識を得られる授業をオンラインで開講中。最新のWeb制作スキルを身につけましょう。 Webサイトやアプリの制作の際に欠かせないものの１つに”アイコン”があります。しかし、 「自分で作るのは大変…。」 「お金をかけたくない！」 「プロは、どうしてるのかな…？」 こんな悩みを抱えている人も多いはず。そこで今回はschooのデザインを手がけているデザイナーが実際に使っ... 続きを読む

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

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

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

Webサイト制作を大幅短縮！すごい無料UIコンポーネント＆PSDページレイアウトまとめ - Photoshop VIP

2015/02/03 134 users VIP

Webサイトをデザインするときに活用することで、今っぽいデザインを手軽に完成させることができるPhotoshop用UIコンポーネントやWebページテンプレートPSD素材をご紹介します。 フルスクリーン背景イメージや、マテリアル・デザイン、ゴーストボタン、ハンバーガー型ナビメニュー、カード状レイアウトなど2015年のデザイントレンドを取り込んだアイテムが揃っており、気軽にスタイリッシュなデザインをた... 続きを読む

2015年のWebサイトの作り方 at 67ws

2015/01/22 451 users Webサイト 作り方 時流 gumroad.com スライド

2015年1月21日銀座GATにて開催されたイベントのスライドです（http://event.67.org/2015/web）。 電子書籍「Development Environments for Web Designers 〜Webサイト制作の時流に乗り遅れないために、覚えておきたい開発環境の作り方」はこちらで販売しております。 https://gumroad.com/l/GFXe/ 続きを読む

必見！見積の参考になるフリーランスのWebサイト制作の料金表まとめ 2014年 | 無料の請求書・見積書・納品書管理サービス Misoca（みそか）

2014/09/11 237 users 納期 Webデザイナー 目安 misoca 料金表

フリーランスのWebデザイナーの方が公開しているWebサイト制作の料金表を20件以上調べてまとめました。見積作成時の参考にしてみてください。 ※掲載価格は目安であり内容や納期、その他の理由により変動することがあります ※掲載価格は調査時のものであり、変動する可能性があります 続きを読む

レストラン等、飲食店Webサイトの制作Tipsと実例まとめ | Webクリエイターボックス

2014/07/08 184 users 居酒屋 要素 Webクリエイターボックス スポット 実例まとめ

レストラン、居酒屋、カフェ、バーなどなど、国内だけでも数えきれないほどの飲食店が存在します。そのため、飲食店のWebサイト制作を経験したことのある、またはこれから制作予定のデザイナーさんも多いのではないでしょうか？そこで今回は特にレストランにスポットをあてて、必要な要素や制作ポイントを考えてみようと思います。 おいしそうな写真が命！ ユーザーがお店に入る前にチェックしておきたいのは、そのお店でどん... 続きを読む

エンジニアから飛んでくるマサカリを受け止める心得

2014/05/17 332 users まさかり ジェダイ Creators Meetup 恵比寿

エンジニアから飛んでくるマサカリを受け止める心得 Presentation Transcript エンジニアから飛んでくるマサカリを 受け止める心得 2014/5/17 第16回 Creators MeetUp 千葉礼美(てぃば)@rechiba3 千葉礼美(てぃば) @rechiba3 恵比寿にあるWeb制作会社で、TiDD精神とジェダイの教え のもとに、Webサイト制作とかスマートフォンア... 続きを読む

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

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

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

手軽にアイコンフォントを作成できる、無料オンラインジェネレーター9個まとめPhotoshopVIP |

2014/04/18 146 users アイコンフォント ジェネレーター 配色 速度 エントリー

Webサイト制作で最近よく利用されているアイコンフォントは、配色を変更できたり、Retinaディスプレイ表示に対応したり、ページ読み込み速度が上がったりとメリットがたくさんあります。あなただけの特製アイコンフォントを作成しませんか。 海外デザインブログSmashing Appsで、オンライン上でアイコンフォントを手軽に無料で作成できるジェネレーターまとめたエントリー「Free Icon Font ... 続きを読む

雰囲気のある無料写真増えてます！ロイヤリティフリー素材公開サイトUnsplashPhotoshopVIP |

2014/02/05 358 users 用途 オシャレ サムネイル画像 背景デザイン 高画質

以前ご紹介した、高画質な無料写真素材を公開しているサイトUnsplashでは、10日におきに10枚の新しいフリー写真素材が追加されます。Webサイト制作などさまざまな用途に活用したい、味わいのある雰囲気のイメージ写真素材が増えていたので、特に印象的なアイテムをまとめて今回はご紹介します。 サムネイル画像や背景デザインに利用するだけで、オシャレに魅せることができるので重宝しますよ。 詳細は以下から。... 続きを読む