美容師の要求管理の方法と開発プロセス | DevelopersIO
こんにちは！おおはしりきたけです。異業種の方々から要求管理の手法や、開発プロセスなど学べる事って沢山ありますよね。今日は、美容師さんにスポットを当てて、要求管理の方法を解説できればと思います。 はじめに 私は、頻繁に髪を切る方ではないのですが、毎回違う美容室や床屋などにいきます。1000円カットで切ることもあれば、おしゃれなカットサロンに行くこともあります。 美容師とは 美容師（びようし、英: beautician、hairdresser）は、厚生労働大臣の免許を受けてパーマネントウエーブ、結髪、化粧等の方法により、容姿を美しくする者をいう。 Wikipediaから抜粋(http://ja.wikipedia.org/wiki/美容師) 顧客の要求 美容室に行く顧客の要求は以下になります。 髪をカットしたい パーマをかけたい カラーリングをしたい 大きく分けるとこの3つだと思います。カット
触りながら覚えるスマホ向け企業サイト設計の基礎知識
触りながら覚えるスマホ向け企業サイト設計の基礎知識：jQuery Mobileでスマホ向け企業サイト構築（2）（1/3 ページ） まだjQuery Mobileを触ったことのないWeb制作者向けに、基本的な利用方法を学びながら、jQuery Mobileを使った簡単な企業サイトの構築の仕方を解説していきます。第2回は、簡単なスマホ向け企業サイトを設計するための基本事項を解説し、HTML5＋jQuery Mobileでの構築の手順を紹介します HTML5＋jQuery Mobileのサイト構築を触りながら作ろう 前回の連載第1回「スマホ対応初心者に送るjQuery Mobileの使い方“超”入門」はjQuery Mobileの概要や役立つ開発ツール、使い方、構造の基礎を紹介しました。 第2回はベーシックな企業サイトの構成を基にシンプルなサイト作成を紹介していきます。また、作成する中で登場する
css3とjavascriptを利用する際に頻繁使用 webkitAnimationEndとwebkitTransitionEnd
css3ではアニメーションを設定することが可能となっております。 アニメーションの設定の方法はkeyframeを設定したアニメ、transitionを設定したアニメなどがございます。 transitionアニメーションに関しては以下の記事を参照してください。 css3 transitionアニメーション https://www.webcyou.com/?p=1937 これらをJavascriptと連携させることによって様々な表現をすることが可能になってきます。 その際、良く利用するのが、webkitAnimationEndとwebkitTransitionEndのイベントとなっております。 webkitAnimationEndとwebkitTransitionEndは、それぞれアニメーションとトランジションが終わった時に起きるイベントで 以下の様にして取得することができます。 elemen
CSS Animations with only one keyframe • Lea Verou
This is a very quick tip, about a pet peeve of mine in almost every CSS animation I see. As you may know, I’m a sucker for reducing the amount of code (as long as it remains human readable of course). I demonstrated a very similar example in my “CSS in the 4th dimension” talk, but I recently realized I never blogged about it (or seen anyone else do so). Lets assume you have a simple animation of a
Canvas-driven background images | Blog | Chrome for Developers
Programmatically animating background images There are two primary ways people animate background images: Use CSS sprites to update a background-position in JS . Hacks with .toDataURL() . The first works great if you have the image ahead of time, but what if your source needs to be programmatically generated, say, by a <canvas>? The solution to #1 is to use .toDataURL() on the canvas and set the b
Takazudolog - OOCSSとSass
CSS Preprocessor Advent Calendar 2012の10日目、@Takazudoです。 僕はSassが好きです。なぜならSassにはextendがあるからです。その理由を、社内勉強会で発表した、以下のスライドで話したことを補足しつつ、書きます。 OOCSS + Sass OOCSSってなんぞ まず、Sassのextendが素敵な点を紹介する前に、OOCSSについて簡単に紹介します。 OOCSSというのは、Nicole Sullivanという人が言い出した考え方です。そのプレゼン資料やビデオなどは、本人が発表したものが、slideshare等にアップされています。 Object-oriented CSS Object Oriented CSS by Nicole Sullivan · Fronteers The Cascade, Grids, Headings, an
Sassオレオレリファレンス
このリファレンスについて 元は社内提出用に書いたレポートです。 レポートは１ページに全内容が入っていてだいぶ見辛いので、リファレンスらしい感じに作りなおしました。 （ついでにかなり加筆修正しています） 内容はSass公式サイトのリファレンスを忠実に翻訳したものではなく、構成などを再編集したオレオレ仕様になっております。 もし内容に間違いなどありましたらご一報お願い致します。 おことわり 筆者が重度のChromerなので古いブラウザには全く媚びない悪びれない仕様です。新しいブラウザで御覧ください。
コマンドでみるSassの基本と出力スタイル
CSS Preprocessor Advent Calendar 2012の14日目の記事です。 Sassを自分の関わるいろいろな案件で取り入れ始めて数ヶ月たちました。ただ未だにうまくいかないところもありつつ、日々使い方を模索しつつ構成をかんがえてやっている状況です。構成の基本は、CSS Preprocessor Advent Calendar 2012の10日目に@Takazudoさんが書いているように、OOCSSを念頭におきつつ構成しようと取り組んでいます。 さて今回は使っている内容あれこれとかも考えましたが、簡単に基本的なところを。コマンド叩いてコンパイルのところを書いていこうと思います。 Sassの構造模索中 今日の本題に入る前に余談から。 一人やOOCSSを理解する人でプロジェクトを進める場合はOOCSSで構成していくのは問題ないのですが、CSSが苦手な人と複数が同時に進めるよう
コーディングの必須ツールになりそう。ステキなCSSスタイルガイドを生成する｢styleDocco｣の導入とgrunt.jsでの自動化のメモ | Mnemoniqs Web Designer Blog
プロジェクトでコーディングする時に、複数の作業者がいる場合にスタイルガイドはとても重要です。 特にスマートフォン向けのサービスでは、モジュールの共通化や画像のスプライト化がもろにページ表示速度に影響するため、より精度が高く細かいアップデートに耐えうるCSSスタイルガイドが必要になります。これをExcelやPowerPointで管理していると、細かい変更の反映が大変だし、なにより見にくい。 そんな時、こちらの記事「CSSプリプロセッサでスタイルガイド」 inkdesignの中で、 スタイルガイドは”生きている”ドキュメントでなければいけない というシビレるキャッチで紹介されていた「styleDocco」というスタイルガイドジェネレータを発見。 これはなんだか良さそうだ！とプロジェクトに取り入れてみることにしたので、導入とか設定とかをメモ。 「styleDocco」ってなに？ 「style
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Roots.cx – Crypto is our world!