motizuki-38.com 2023 著作権. 不許複製 プライバシーポリシー
人物・動物のイラストを描く時の参考になる骨格や筋肉の仕組み、動きや表情、手や足など各部位、赤ちゃんからお年寄りまで世代ごとの特徴の出し方、ネコや鳥や馬などの動きや品種や柄などの描き方を紹介します。
進化するWeb ~Progressive Web Appsの実装と応用~(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ~Progressive Web Appsの実装と応用~」というセッションを担当しました。 イベントに参加できなかった...
フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ:1 フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか? これは
お正月写真だったり、Facebookのプロフィール写真だったり、履歴書用の写真だったりと、自分の顔写真やポートレート写真を撮る機会は意外に多いものです。どんなカメラでも使える、上手にポートレート写真を撮るためのコツや、DIYトリックを今回は紹介してみたいと思います! ポートレート写真は、実は写真のカテゴリーの中でも難しい方に分類されます。人の顔というのは、その瞬間その瞬間で変わり続けるので、難しいのです。ベストショットを撮るためにはある程度の忍耐と技術が必要となりますが、基本を押さえておけば、ポートレート写真のクオリティーはぐぐっと上がります。 今回採り上げる内容の概要は下記の通り: 撮影場所の奥行きを活用し、被写体に焦点を当てながらも背景をぼかす。デジタル一眼レフをお持ちの方で50mmや85mmのプライムレンズを使っている方であれば、特にこの方法は効果的です。 写真の構成を考え、目線の方
ジェイソン・コーエン氏が6月に公開したA/Bテストに関する記事は、もっと注目を集めていいし、もっと詳しく掘り下げられるべきだ。オンラインマーケティングの世界にいる人間ならたいてい、クリックスルー率、会員登録率、コンバージョン率などを改善できるA/Bテストの威力を知っている。ページを訪問した人が望ましいアクションを起こす割合を高められるというのは、すばらしいことだ。 しかし、テストの仮説を立ててから、立案、開発、実行へと至るプロセスには、危険が満ちている。そして、いちばん目立たないが最も油断ならない落とし穴の1つが、実はテストの対象として何を選択するかなんだ。 グラフで見る「極小値」問題 ランディングページの各要素をテストするというのは確かに面白いし、やる価値がある場合もある。しかし、ランディングページや製品ができたばかりの段階では、適切でないことが多い。実際に、上の図にあるように、グラフに
検索エンジンは網羅的なガイドラインを提示するわけではない(それどころかSEOを正しく行うのに必要な要素の十分の一すら出さない)。 この記事では、SEO業界にはびこる間違った情報、それも正しいSEOの妨げとなる情報について見ていこう。この記事で取り上げた「SEOの迷信(都市伝説)」は、次の10個だ。 パーソナライズ化は検索順位にどの程度影響するのか?トップページを毎日更新しないと、検索順位は維持できないのか?相互リンクはグーグルでは効くのか?「キーワード密度」には意味があるのか?ドメイン名にハイフンを使うのはSEOで不利?検索結果でのクリック率が順位に影響する?h1要素は検索順位獲得に貢献するか?他のサイトにリンクを張ることは、順位が上がるのに役立つ?PageRankを見れば順位が予測できるのか?コンテンツがよければ、高い検索順位を得られるか? ここで挙げたものの多くは、Search Eng
コンサルの面接で「74冊読みました」と言ったら「それは何がすごいの?」と返された - ミームの死骸を待ちながら リンク先の記事はコンサルタントの採用面接の体験談らしいが、巧い質問する面接官だなーと舌を巻いた。もし自分が面接官になったら、こういう意味深な質問を繰り出したいものだ。 就職面接であれ、受験面接であれ、面接官は限られた時間のなかで、対象者が合格に値する人物なのかをスクリーニングしなければならない。“モノになりそうな奴”を合格させ、“使えそうにない奴”を足切りするという重大な作業にかかわらず、与えられる時間はたった数十分。しかも、面接官に少しでも良い印象を与えるべく、対象者はなにがしかの嘘や誇張を交えてくるという前提で面接しなければならない*1。 このため、面接官がそれなりの信頼度でチェックできる情報というのは、意外と限られているし、そういう情報は「対象者が言葉に出して喋った内容その
あなたのお店の商品写真、魅力的ですか? 成功しているサイトでは、例外なく写真も魅力的です。それはそうですよね、お客さまは写真と説明文で購入を決めているのですから。上手な写真が撮れるということは、商品の魅力をきちんと伝えられるということ。いえ、むしろ手に取ったとき以上に魅力的に見せる術を手に入れることなんです。「それには機材が?」いえいえ、きちんとした撮り方さえマスターすれば、今ある機材でも大丈夫です。このコーナーでは、最小限の機材で、驚くほど変わる商品撮影の方法をご紹介しましょう。 商品写真とひとくちに言っても、別表のように4種類あります。何となく撮るのではなく、どういう目的の写真で、何を伝えたいのか。それを明確に意識することが撮影の第1歩です。ある商品を紹介するのであれば、下記のどの写真が必要か、ということから考えてみましょう。 商品一覧ページの小さな画像は、同じような角度で比較
画像の使用目的は、大きく2つに分けられます。 そして、それぞれ、注意すべきポイントが異なるのです。 �@カタログ的な撮影 �Aイメージを優先する撮影 「商品そのものをきちんと見せつつ、更に、印象度も高める」など、ひとつの画像 に複数の目的を持たせようとする程に、高度な技術や相応の設備が必要になります。 特にオンラインショップの場合は、画像の使用目的をハッキリとさせて撮影にのぞ み、目的に応じて複数の画像を撮影して使うことが効率的であり、有効と言えます。 ■デジカメとパソコンのモニターの再現能力には限界がある 画像の精細さの限界====全体を見せつつ、細部までわかる画像→×不可 ・一般的なパソコンのモニターは、印刷物などと比較 すると再現能力がはるかに劣っています。 細部や、細かな柄などを見せるためには、思った以 上にアップで撮影しなくては、なりません。 色の再現の限
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く