クックパッドマートの失敗したデータ設計 Before / After 大放出
https://cookpad.connpass.com/event/249346/ にて発表。
https://cookpad.connpass.com/event/249346/ にて発表。
デザイナーじゃなくても！見やすいスライド資料のための5つのコツ【Before／Afterあり】｜spicagraph
見やすいスライド資料は事前準備と5つのコツさえ押さえればOKクライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれません。 でも、デザイナーじゃなくても！デザインツールを使わなくても！いくつかのコツを押さえるだけで見やすいスライド資料は作れます。 この記事では、見やすいスライド資料をデザインするコツを5つの章に分けてご紹介していきます。 「レイアウト」「カラー」など、気になるところから読んでみていただいても大丈夫です。 スライド資料の作成だけでなく、バナーやチラシなど、いろんなデザインにも役立つコツをイラスト付きでわかりやすく説明しているので、今作っているデザインに悩んでいる、デザイン勉強中、という方もぜひ
gould on Twitter: "プライムデーセールが相変わらず令和最新の粗悪品で埋め尽くされているので、検索URLに「&emi=AN1VRQENFRJN5」ってクエリをつけるとマケプレ商品を一掃できるテクはもっと広がるべき ←before after→ https://t.co/HWkfW6DoZ6"
プライムデーセールが相変わらず令和最新の粗悪品で埋め尽くされているので、検索URLに「&emi=AN1VRQENFRJN5」ってクエリをつけるとマケプレ商品を一掃できるテクはもっと広がるべき ←before after→ https://t.co/HWkfW6DoZ6
みやたみほ Graphic design @miho_kivi @Jpw2N 子ども達に見せました。目をまんまるにしていました。 人が本気になることの素晴らしさや可能性が伝わったと思います。ありがとうございます！ 2021-09-20 23:09:12
デザインの原理原則とは？ 4つの「Before、After事例」で差が出るポイントを学ぶ | ウェブ解析士会議
この3行の説明のうち、「手を動かして何かを作る」というのは最後の1行のみしかない。つまり、デザインの全体のうち3分の2は手を動かして何かを作る前にやることがあるということ。これがデザインの本質だと鷹野氏は言う。 続けて、鷹野氏は自身が考えるデザインの定義を次のように説明した。 具体的な問題を解決するために情報などを【取捨選択して整理し、“スッキリ”させる作業】 具体的に「スッキリさせる作業」とは、以下の3つだ。 内容をスッキリさせる 何を盛り込む／盛り込まないべきなのか、内容を精査する 見た目をスッキリさせる スッキリした（余白が多めの）デザインがトレンド 気持ちをスッキリさせる 気持ちがスッキリしないと行動に結びつかない 初めての人と何度も経験している人では、抱えている課題が異なる。たとえば、初めての人であれば、スケジュール感、必要なもの、段取りなど、いろいろわからないことだらけだろう。
「眠り姫」のBEFORE・AFTER ～ 2020元旦（２年でここまで回復） - Friendshipは船と港 ～藤田くらら 小6でTOEIC980点までの軌跡～
（喪中の爲新年のご挨拶は控えさせていただきます） 思い返せば、昨年正月は酷い状態でした・・・ 皆様、２０２０年の新年が到来いたしました。 私達には昨年の正月は、ありませんでした… 娘が昏睡状の睡眠状態で、部屋からほとんど動くことができなかったため、物も言わぬ娘と自宅マンションで一人ぼんやり過ごしておりました。 昨年秋から春までの昏睡期の娘 新年の外の賑わいや、テレビの目出度い情報や馬鹿騒ぎに触れると心に負担がかかるため、全てシャットアウトして、耳を塞ぎ、心がこれ以上かき乱されぬように防御体制となっておりました。 そしてその春から、鉄サプリや民間治療などで、少しずつ改善し、特別支援学校の訪問授業を何とかこなせるまでになりましたが、過眠、頭痛は続き、回復の頭打ちを感じていました。 下の画像は、忘れもしない３月の後半。１５時間くらい眠った後、起こして娘の大好きな卓球選手の試合を見るために、テレビ
お客様のbefore after
こんばんは。ゆるみサロン 悟空の手です。 本日は2023/07/26のPM12：00からのお客様のbefore afterを紹介します。 本日のお客様は元々姿勢が良く品のあるお客様、本日で2度目のご来店です。 笑顔が素敵で明るくポジティブで、上品なお話をして頂けるお客様です。 透明感のあるおしゃれなお客様。 トータルビューティーコンサルタントの美サンテ様 @bi_sante 本日のコース コース 全身ハンドマッサージ 1２0分コース キャンペーン価格¥6500（税込み）😊 本日の内容 ヘッドマッサージ、首、耳 40分 ＋ 背中、腕、手、肩、腰 40分 ＋ 足、股関節、太もも、ふくらはぎ、膝、くるぶし、臀部 40分 カウンセリング 仕事柄デスクワークの時間もあり、ズームなどで、ほとんどで座りっぱなしの時間がとても長い日常を過ごされています。いつもお仕事お疲れ様です。 その為、リンパの流
読者登録、はてなスター、はてなブックマークにポチッとありがとうございます。 昨日は、仕事で残業があったので、お昼ご飯を食べたのが14時半になっていました。 今の仕事は好きなので苦ではありませんが、帰宅したらグッタリで、夕食は主人に作ってもらいました。 そんな中、一昨日作成したばかりの動画を公開しました。 私が10年以上毎日続けてきたことを1分の動画にまとめました。 ★【YouTube】楽に穏やかに暮らす Vlog #5 できたこと ★ 感謝の生活をするきっかけになった方法をご紹介していますので、どなたかの参考になれば嬉しいです。 ストック多すぎな洗面台下収納＊公開 before/after ストックが多い我が家。 理由はコロナになった当初に、ドラッグストアに行ったら欲しい物が全部売り切れていて、困ったことがあったからです。 結局、実家や義実家からの協力で、日用品（消耗品）や消毒関係の物を調
お客様のbefore after
こんばんは。ゆるみサロン 悟空の手です。 『幸せは工夫と思いやりで育てていく』事を心がけて日々生活しています。 暑い日は、たまにサーティワンのメロンシャーベットを食べています。 今回のお客様は7回ご来店下さっている、とても行動力とパワーのある素敵な笑顔のお客様です。 before afterの写真は4回目の施術前と施術後です。 姿勢改善コース 今回のお客様は、ウォーキングの大会に出場する為に、姿勢改善、パフォーマンスの向上、身体の可動域の向上を目指し、３週間で６回の施術『90分コース×３回、120分コース×３回』に来て頂きました。 お客様は、柔道整復師で、体の事を何でも知っているお客様なので、話がとてもスムーズに、たくさん深いお話もさせて頂いております。 いつまでも、若々しい身体を追求されているお客様です。 理想の体のイメージを伝えて下さるので、身体の意識の使い方、動かし方、ゆるみ方など施
読者登録、はてなスター、はてなブックマークにポチッとありがとうございます。 昨日は、朝7時半までに、夕食作り以外の家事を終わらせて、スカイプをしたり、体を休めたりして過ごしました。 コロナで変化した収納の様子 before/after 新型コロナウイルス感染症について、2月頃から騒がれ始めてから、もうすぐ半年経とうとしていますが、最初は本当に動揺しました。 今も、いつ感染するのかわからない状況で、ヒヤヒヤしますが、「withコロナ」の暮らしになる前から変化した収納の様子を書いてみます。 まず、ダイニングにある食器棚の真ん中にある棚に、消毒関係の物が増えました。 「アルコールウェットティッシュ」を入れる専用ボックスを購入して、いつでも消毒できるようにしています。 スッと開けてサッと取れるので、とても重宝で、毎日のように活躍してくれています。 I'mD (アイムディ) ウェットティッシュケース
はてなスターとはてなブックマークにポチッとありがとうございます。 昨日は、急遽、午後に2時間程zoomをしたため、それで体力消耗してしまい、zoomの後は、ただただお昼寝して、夜も早めに就寝しました。 たくさん眠ったおかげで、今日は復活しています。 救急箱を作った結果 before/after 実は、我が家には救急箱がありませんでした。 救急箱がない代わりに、救急グッズを食器棚の中にガムテープなどと一緒に収納していました。 収納場所は、矢印のところです。 詳しくは昔の記事に書いてあります↓↓↓ raku-kurashi.hatenablog.jp 中身を外に出してみると、すごくゴチャゴチャしていたものを改善しました。 before after 「救急グッズ」をなくして、「文房具」を入れました。 収納の様子も、変わりました。 before after 積み重なっていた物がなくなって、空間が広
Developers.IO 2019 in 福岡で「劇的改善？？VPC Lambda Before&After」というテーマで発表させていただきました #cmdevio | DevelopersIO
※画像はA Serverless Journey: AWS Lambda Under the Hood (SRV409-R1) - AWS re:Invent 2018より引用 こちらはre:invent2018のセッションで紹介されていたVPC Lambdaのモデルです。Lambda実行環境から顧客VPC内のENIのNAT処理はWoker内で実行されるという説明です。旧アーキテクチャのVPC Lambdaでは1つのENIに対して1つのWorkerがアタッチされ、Workerを跨いでENIを共有することができませんでした。 まとめると旧アーキテクチャでは Worlkerを跨いでENIを共有できない メモリ3GB毎にENIを消費する という特徴がありました。 VPC Lambdaが抱えていた課題 このようなモデルの旧アーキテクチャは様々な問題を抱えていました。 ENIの枯渇問題 ENI作成の
こんにちは！futaboooです。 弊社も原則在宅ワークになったことで、会社から仕事のパフォーマンスを下げないための在宅勤務手当(上限3万円)が支給されることになりました。 今回はメンバーのみなさんがどんなものを手当で購入し、自宅の仕事環境をアップデートしたのかBefore・Afterで紹介したいと思います。 futabooo Pairsエンゲージ Androidエンジニア1人目はfutaboooこと私です。 Before futabooo beforeもともと家である程度作業が可能な環境を用意していたので外部ディスプレイや昇降式デスクなどがあります。 After futabooo after手当ではビデオ会議用にマイク、スタンディング時に足腰が痛くなることがあったのでマット、ネットワークが不安定になることがあったのでLANケーブルを購入しました。特に無線から有線に変更したことで速度の改善
【チャレンジ67日目】筋トレを始めて2か月たったので、ここらでまたbefore-afterをやってみよう。【胃全摘・ボイトレ・シックスパック】 - 食べるをいかすライオン
こんにちは、胃全摘闘病ブロガーあおさん（@aosan）です。 『胃全摘したら勝手に痩せてくので、腹いせに腹筋を始めたけど、バランスが悪いので全身筋力トレーニングに徐々に変更するぞ。』のコーナーです。長ぇよ(笑) この筋トレを始めて2か月以上たちました。見た目からも一定の効果は出ているように思えますね。 今回は「2か月」たったので、始めたばかりの8月20日の時と比べてみようと思います。 それでは、週間の定期報告をご報告します。 筋トレの目的！ 筋トレメニュー！ 効果測定 今回のスペック（2020/10/17現在） 正面 横から トレーニングチェック表 週のまとめと感想 目的１『シックスパックを手に入れる』について 目的２『バチクソ渋い歌声を手に入れる』について 目的３『体力づくりの習慣化』について 筋トレの目的！ 何か月でシックスパックを手に入れられるか！ 漢のロマン『シックスパック』を手に
2枚の画像を簡単スマートに比較可能なプラグイン「Twenty20 Image Before-After」 – ワードプレステーマTCD
「Twenty20 Image Before-After」のインストール WordPressの管理画面から、新規追加をクリックして、「Twenty20 Image Before-After」と検索するか、下記ボタンよりダウンロードできます。 Twenty20 Image Before-After 「Twenty20 Image Before-After」の使い方 有効化すると、投稿の下記箇所に「Add Twenty20」というボタンが追加されています。 上記のボタンをクリックして、メディア内に保存されている画像か、新たにアップロードする画像ファイルを2枚選択し、右下の「Insert」をクリックします。 右下のInsertをクリックすると、下記画面が表示されます。 何も入力せずに「Insert Shortcode」をクリックするだけで、下記のようなショートコードが作成されます。 [twent
元々が暗めの髪色。 美容室で染めていましたが何回も染めると白髪染めは染料が濃いので徐々に蓄積されて知らず知らずのうちに暗くなりがちです。 そこから初めて『白髪をぼかす為のハイライト』を細かく入れて、白髪染めからおしゃれ染めの薬剤に変えて仕上がった状態です。 全体的に暗めですよね！ 白髪染めって感じの印象が強いと思います。 前回よりもかなり明るい印象になっています。 ハイライトの数を増やしたのと、少し太くしハイライトが目立つようにしています。 それと耳前の所にインナーカラーも入れています。 プラス夏が近くなったからですかね！ この時も根元は白髪染めを使わずに染めています。 2回の施術でかなり印象が変わってませんか？ 明るくなったのが1番ですが、ぱっと見た時に『白髪あるの？』って思うくらいじゃないですか？
DLsite comipoリリースに向けたデザインのあれこれ vol.03 - 検索結果ページのUI BEFORE/AFTER編 -｜viviON Design
「DLsite comipo」は国内最大級の二次元総合ダウンロード販売サイトを運営するDLsiteが4月からスタートした新サービスです。 noteではサービス開始に向けてデザイン側でどのような制作を行ってきたのかを第3回に分けて紹介してきました。 第1回目はDLsite comipoができるまでのロゴの制作プロセスについて 今回はDLsite comipoリリースに向けたデザインの紹介は第3回目(最終)ということで、ECサイトの要である商品陳列部分のUIについて詳しく解説していきたいと思います！ ユーザーはどこを重視して探すか？ コンテンツを探すときの表示方法は大体1列表示とタイル表示に分けられます。 説明が多く入れられる1列表示は主に「内容を重視」して探すユーザーに求められ（例：書籍(小説)のECサイト、求人サイトなど） 商品の画像がわかりやすいタイル表示では「見た目を重視」して探すユー
DLsite comipoリリースに向けたデザインのあれこれ vol.02 - UIデザインのBEFORE/AFTER -｜viviON Design
「DLsite comipo」は国内最大級の二次元総合ダウンロード販売サイトを運営するDLsiteが4月からスタートした新サービスです。 Eisys Design noteではDLsite comipoのリリースに向けたデザイン周りについてご紹介していきます。 新サービス「DLsite comipo」リリースに向けたデザインのあれこれ vol.01 ロゴ制作のプロセス vol.02 UIデザインのBEFORE/AFTER 編 vol.03 検索結果ページのUI BEFORE/AFTER 編 第1回目はロゴ制作についてお話ししました！ 気になった方はどうぞ！ サービスを作っていく上でWEBサイトのデザインも必要になってきますが、一体どんな感じで作っているのでしょうか？ 今回はWEBデザイン周りについてご紹介したいと思います。 リニューアル前のデザインを見比べてみる DLsite comipo
【CSS】実は br や img に ::before, ::after 疑似要素が入れられる（場合がある）【置換要素】
この記事で紹介するのはお遊びのようなものであり、実用を目的としていません。 後に説明する通り、ブラウザによって表示が異なるなど、動作が保証されませんのでご注意ください。 はじめに結論から br や img には通常、::before, ::after 疑似要素を追加できません。 しかし、以下の Codepen にサンプルを示した通り、br や img 自体のコンテンツを置き換えることで、疑似要素を適用できます。
ダリル・ホールのソロ活動を振り返る初の作品集 Before After / Daryl Hall - おとのほそみち
ビフォー・アフター／ダリル・ホール ビフォー・アフター アーティスト:ダリル・ホール SMJ Amazon 1970年代の後半から80年代前半にかけて、それこそ浴びるように洋楽を聴いていた。 誰をいちばん聴いていたかというと、ダントツでホール＆オーツである。 「Sara Smile」 「She's Gone」 「Rich Girl」 「Wait for Me」 「Kiss on My List」 「Private Eyes」 「I Can't Go for That (No Can Do)」 「Maneater」 「One on One」 ヒット曲の雨あられ、どれもが極上のポップミュージック。 ぶっちゃけ、いまでも全部歌える。 デュオ活動が中心ではあったけれど、二人ともソロでも活動していて、このたびダリル・ホールのソロ活動を凝縮したベスト盤が出た。 ナントカ周年とかではなく、なぜ今のタイミ
Side-by-side comparison of our "Boston Dynamics: New Robots Now Fight Back" parody video. Big ups to Xsens! Their mocap technology is DOPE: http://bit.ly/Xsens_MoCap_Suit Big ups to CLINT for GETTING BONKED and taking it like a BIG BOY! CONSIDER SUBSCRIBING ► http://bit.ly/Subscribe_Corridor_Crew Watch Season 4 From The Beginning ► https://www.youtube.com/watch?v=jgjPsbfCKFg&list=PLwVUbPpIRn1Q
【CSS】画像のbefore・afterをスライドさせて、比較できるようなUIを作ってみた。 - Qiita
概要 みなさんは、このようなUIは見たことがあるでしょうか？ この記事では、↓このようなUIをCSSだけで作成する方法とImage Compare Viewerを使う方法を紹介します。 CSSだけで実装する場合 CSSで実装する場合は、CSS プロパティのresizeを使うため、 before と afterを切り替えるためのドラックするUIが少し扱いづらいですがご了承ください。
米Google は2019年4月10日、特定の期間に公開されたコンテンツに限定して検索するための検索式 before: after: をベータ版として提供すると発表した。 Google は2007年4月以降、より鮮度の高い情報が求められている、いま人々の注目が集まっていると判断される検索クエリについて、最新のページを検索結果に表示する仕組みを導入した。これはQDF (query deserves freshness) と呼ばれている。その後、2011年には QDF を強化し、情報鮮度が関係する検索クエリ（タイムセンシティブ・クエリ[Time-sensitive query]）を判定し、リアルタイムに情勢が変化している事柄を判断して検索結果の関連性を高めるようになった。（参考：検索結果の「鮮度」が変わる、Google "QDF"アルゴリズムの仕組み、グーグル、検索アルゴリズムを変更、タイムリ
疑似要素（::before, ::after)のCSSをJavaScriptで制御する - Qiita
JSで疑似要素（::before, ::after)の操作をしたかったので調べたところ、こちらの記事を見かけたので備忘録として記録する。 「スタイルルールの追加」の概念で制御する 厳密に言うと疑似要素はJSで直接制御できない。 疑似要素にはHTML属性が無いのでstyle属性によるインラインCSSの制御もできない。 ではどうするかと言うと、スタイルルールの追加の概念で疑似要素を操作する。 JSで .class::before {width:100px} みたいな記述をドキュメントに追加してしまうという考え方になる。 スタイルルールの挿入 //ドキュメントスタイルの取得 var sheets = document.styleSheets var sheet = sheets[sheets.length - 1]; //スタイルルールの追加 sheet.insertRule( '.class:
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
凄いとしか言い様がない…このコロナ禍でCG(Blender)を勉強した人のbefore・afterに驚嘆
ストック多すぎな洗面台下収納＊公開 before/after - 楽に穏やかに暮らす
コロナで変化した収納の様子 before/after - 楽に穏やかに暮らす
救急箱を作った結果 before/after - 楽に穏やかに暮らす
在宅勤務手当が支給されたのでエウレカメンバーのBefore・Afterを集めてみました
『白髪を活かしたヘアカラー』5か月間でのbefore/after | ボブとショートのお店 eld
Fake Robot: VFX Before & After Reveal
Google検索、日付指定検索コマンド before: after: のベータ版提供開始