はじめまして！ 株式会社MIXI デザイン本部 プロダクトデザイン室 コミュニケーションデザイングループの滝山です。 先日、ViViViT主催のイベント「ポートフォリオの法則 UIデザイン編」に登壇させていただきました。 イベントでお話した内容を当日の資料とともにお伝えしたいと思います。 自己紹介2016年に新卒デザイナーとしてミクシィ（現：MIXI）に入社し、モンスターストライク等のエンタメ事業を中心にWEBサイト制作を担当していました。2018年末から1年半ほど育休と産休を頂き、復帰後は全社横断組織のデザイン本部に所属しています。現在はWEBサイト制作のほか、新規事業のUIデザインにも携わっています。 昨年から新卒採用のポートフォリオ選考や現場面接官を担当しています。 選考官として沢山のポートフォリオを見てきた中で、良いポートフォリオの共通点や、作り方のコツをお伝えしたいと思います。

こんにちは。クックパッドのデザイナー、たまい（@tmi_1064）です。 今回は、バナー作り初心者🔰だったデザイナーが実践した、サービス内自社広告バナーのデザイン改善の手順と学び、その結果を公開してみようと思います。 当時バナー作り初心者でしたが、自分なりに工夫してみると学びが多かったです。バナー作りは単なるグラフィック作りではなく、デザインとしての伝え方すべてに繋がっていました。 chocoZAP、沢山バナー広告を出しているのに気づいて撮り貯めていたんですが、いちサービスの広告にターゲットや訴求文などを変えるだけでこれだけのデザインパターンがあって学びになる。 pic.twitter.com/iwlQPBAGdS — Tamaaai (@Tamaaai2) May 12, 2023 例えば、自分はchocoZAPのバナー検証を集めてたのですが、これだけたくさんのバナーデザインを展開して

多くの企業で、日々オンラインでの会議やプレゼンが行われている一方で、「参加者の表情が見えない」「ブレストが盛り上がらない」「対面より意思決定に時間がかかる」といった課題も聞かれます。本記事では、Udemy Business Webセミナーより、プレゼンクリエイターの前田鎌利氏による「リモートワーク時代の必須スキル～オンラインファシリテーション入門～」の模様をお届けします。前編では、オンライン会議の品質を高めるためのフレームワークやアドバイスについて語りました。 「ビジネス・教育・書」で活躍するマルチクリエイター 前田鎌利氏（以下、前田）：みなさん、おはようございます。前田と申します。今日のウェビナーには、すごくたくさんの方にお越しいただいています。限られた時間なので、バシバシお話をしていければと思います。 だいたい45分ぐらいを目途に質疑応答の時間に入れればと思っていますので、みなさん、Q

みなさんこんにちは！ デザイナーのまいまいです。 毎日花粉と低気圧が猛威を振るってますね。 今回はそんな憂鬱な気分も吹き飛ばしちゃうくらいワクワクしちゃう2024年度の採用サイトを紹介します💖！ 就活シーズン真っ只中！ 不安な気持ちを、ときめきの気持ちに変えてくれるようなそんな素敵なサイトが目白押しです！ 💡クリエイターが推薦する、採用サイト制作に強いWeb制作会社15選はこちら 心ときめく2024年度採用サイト7選 1. 2024年度定期採用｜フェリシモ https://www.felissimo.co.jp/company/recruit2024/recruit2024_cy.html もう見た瞬間からかわいい〜！ 昨年度のサイト、本当に大好きだったので見れなくなっちゃって悲しいなあ、なんて思っていたら……今年も超超最高に可愛いですね！！！！！ スマホファーストのサイトなのですが、

先日ローンチされたばかり、500種類以上のランディングページのデザインをまとめたLandingsを紹介します。 ランディングページのデザインは、テーマやカラーでフィルタリングができ、アイデアを膨らませるのに役立つと思います。 Landings Landingsは今月の初めにローンチされたばかりのランディングページのまとめサイトです。現在のところ、500種類以上のランディングページのデザインがまとめられており、これからも定期的に追加していくとのことです。 Landings Landingsの利用は簡単で、登録など面倒なことは一切不要。 ページは無限スクロールに対応しているので、そのままスクロールしてもよし、上部でテーマやカラーでフィルタリングすることもできます。 フィルタリングを見てましょう、まずはライトテーマ。 各サムネイルをクリックすると、ページ全体のキャプチャ画像とランディングページの

この記事について JavaScriptはお好きですか？ Reactなどフロンドエンドを中心に人気の言語なので、触ってる人はたくさんいると思います。 奥深くて自分も好きな言語ですが、結構なんとなくで触っていたりしませんか？ 今回は自分が後輩によく聞かれた事や、自分が引っかかった事をたくさん書いていきます。 つまり基本的には初心者向け、よくても中級者向けです。 何か一個でも知らない事があれば御の字のつもりで書いたので、ぜひ気軽に読んでください！ JavaScript編 略称はJS、Javaダメぜったい いなさそうなのに稀にいるという・・ Web開発から入ってプログラムを広く知らない場合に発生しやすい？ Javaは全く別に王者がいるので、万が一使っていたららやめましょう。 略称は JS（じぇーえす） でお願いします。 データ型、Object Objectはキーと値をいくつも持てるJSのデータ型で

2022年10月25日、ショーケースは同社が提供する複数のサービスが不正アクセスを受けたため、サービスを利用する企業のWebサイトを通じて入力された情報が外部へ流出した可能性があると公表しました。ここでは関連する情報をまとめます。 フォーム入力支援やサイト最適化サービス改ざんで複数社に影響波及 www.showcase-tv.com 不正アクセスによりショーケースが提供するサービスのソースコードの改ざんが行われた。対象サービスが稼働するシステムの一部で脆弱性を悪用されたことが原因。 被害に遭ったのは「フォームアシスト」「サイト・パーソナライザ」「スマートフォン・コンバータ」の3つ。フォームの入力支援やサイト表示最適化を行うサービスで利用企業は同社が公開するJavaScript (formassist.jp、navicast.jp上で公開)を自社サイトより読み込むことで利用する。 改ざん被害

正規表現は文字列の検索や置換を行うための強力で便利なツールです。基本をマスターすれば開発から日常の事務作業までさまざまな場面でラクをできる魔法の道具ですが、見た目がちょっと分かりづらいので、避けている方もいるのではないでしょうか？　筆者の個人的観測ですが、とりわけフロントエンドのエンジニアには正規表現に苦手意識を感じている方が多いようです。 この記事では正規表現の基本と、正規表現がどこで使えてどれだけ便利になるのかを紹介します。 正規表現の基本：正規表現ってそもそも何？ 正規表現（regular expression）は、ごく簡単にいえば「さまざまな文字列のバリエーションをひとつの文字列で表現したもの」です。たとえば、郵便番号の7桁の数字には（実際に使われていないものも含めれば）一千万通りのバリエーションがありますが、正規表現を使えば次のようにひとつの文字列で表現できます。 ▼「7桁の数字

建築家やデザイナー・イラストレーター向けにさまざまな建築素材のテクスチャ素材を配布しているサイトを紹介します。 ダウンロードできるテクスチャ素材のフォーマットは高解像度の.jpgで、CADのソフトウェアをはじめ、Photoshopやクリスタなどでも使用できます。 しかもテクスチャ素材はオンラインでカスタマイズも可能で、材質を変更したり、カラーを変更したり、サイズを変更したりもできます。 Architextures Architexturesはスコットランドの建築家Ryan Canning氏によって運営されているサイトです。テクスチャ素材は個人および教育目的での使用は無料となっており、商用の場合はProアカウントが必要です。 Proアカウントは645円（2022年9月現在）から登録でき、より高解像度で.patなどもダウンロードできます。詳しくは、Proアカウントをご覧ください。 個人および教

コンポーネントを作るときや開発チーム、クライアントと話をするときに名称が一致していないと何の話をしているんだか、、？となってしまします。 忘れっぽい自分は毎回名前をうろ覚えでつけてしまっていますが、戒めとして記事を書くことでしっかり覚えていきたいと思います。 ※色んなところから引っ張ってきているので正式名称ではない（複数呼び名がある）ものがあるかもしれませんが、ご了承ください。 UIパーツ見づらくてすみませんが、エクセルのシートを画像にしたものを貼り付けていきます Onscreen keyboards画面上にキーボードの図形や文字を表示し、マウスあるいはペンなどのポインティングデバイスや、指先によるタッチ、あるいは十字キーなどで各キーを指定して文字入力を行うもの Onscreen keyboards (iOS) SegmentedControliOS独自のUIで水平方向に配置された複数のボ

パーティクルやラインアニメーションなど、ウェブページにちょっと見栄えのする表現を加えてみたくなることはありませんか？　ICS MEDIAのトップページや弊社採用サイトでもこうした表現を実装していますが、思った通りの演出をコードで表現するのはなかなか難しいものです。技術は分かっても「自分にはセンスがないから……」と諦めてしまっている人もいるかもしれません。 この記事では、簡単なパーティクル表現を題材に、効果的なアニメーション表現のためのテクニックを紹介します。サンプルコードはブラウザー標準のWeb Animations APIを使用して実装していますが、CSSアニメーションやGSAP等のライブラリを用いても同様の実装は可能です。 基本のパーティクル 例題とする基本のパーティクルを見てみましょう。クリックすると中央の星からパーティクルが放射状に広がるアニメーションが再生されます。 デモを別画面

ゲームグラフィックの逆進化「粗ドット」が無料で使い放題！前田デザイン室が手掛けた素材ダウンロードサイト「DOTOWN（ドッタウン）」が2月1日よりオープン。 約700点の粗ドット素材が完全無料・商用可で使い放題です！ 株式会社NASU（本社：大阪市浪速区）代表の前田高志が運営するオンラインサロン「前田デザイン室」は、粗いドット絵（通称「粗ドット」）素材をダウンロードできるサイト「DOTOWN（ドッタウン）」を公開したことをお知らせいたします。粗ドット素材は、誰でも無料でダウンロード可能、商用としてもご利用いただけます。2月2日は2（ピースサイン、平和）が二つ並びます。「おもろ！たのし！いいな！」を掲げる前田デザイン室より、「デザインでみんなが楽しく笑顔に平和に！」を願って発信します。ダウンロードは、こちらから 「DOTOWN（ドッタウン）」は、粗ドット素材をPNG形式でダウンロードできるW

この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ

ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを解説します。 Layout patterns 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 モダンCSSで実装するレイアウト アスペクト比が維持される画像カード 最大値と最小値を決め、伸縮するカード コンテナに合わせて最適化されるカード スペースに合わせて伸縮するパンケーキ 聖杯レイアウト ラインナップ 積み重なるパンケーキ RAM (Repeat, Auto, Minmax) メディアクエリなしのサイドバー これからの

ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。

はじめまして、飯野登起子と申します。私は「盛り付けデザイナー」という仕事をしています。初めて聞く肩書きだと思いますが、この「盛り付けデザイン」という言葉自体、私が考案した造語です。 料理のおいしさは、味はもちろんですが、視覚も重要です。人が情報処理をするときに使われる五感の割合は、視覚が80％以上と言われています。 そのため、魅せ方や盛り付け次第で、料理の美しさやおいしさは何倍にもなって伝達されます。盛り付けデザイナーとは、料理や素材そのものの良さを感じ、盛り付けを通して、美しく魅せるデザイナーなのです。 畑で収穫したトマトのスタイリング 例えば、上記の写真のような新鮮な素材の盛り付けも仕事のひとつ。デパートや展示会で見るようなものも含め、食全般の盛り付けそのものをデザインしていると思っていただくと分かりやすいでしょうか。 デパートなどでは、こういった魅せる盛り付けによって、売上アップに貢

Adobe Fontsで使用できる日本語フォントが一覧できるPDFが、アップデートされたので紹介します。 現在使用できる日本語フォントすべての書体見本がまとめられており、先日追加された「ヒグミン」「黒⿓爽」「⼼⿓爽」「秀英にじみ初号明朝」「秀英にじみ明朝」も収録されています。 Adobe Fontsにアドビオリジナル日本語フォント「ヒグミン」や、昭和書体など、魅力溢れるフォントが多数追加 Adobe Fontsの今年の追加分がすごいですね！ これまでの分は、下記の記事をご覧ください。 2021/10: Adobe Fontsに昭和書体の鬼滅フォント「黒龍」「心龍」が追加 2021/9: Adobe Fontsにフォントワークスの人気フォントが追加 2021/4: Adobe Fontsにキリギリスや味明やルイカなどが追加 2021/1: Adobe Fontsに砧書体制作所のフォント39種

うちは普通のサラリーマン家庭なのですが、父方の祖母は、占い師か拝み屋みたいなことをしていました。とはいえ、謝礼にお金はもらっておらず、食べものばかりだったようです。それも手をつけることはなく、近所のお稲荷さんにお供えしていました。 私が大学の時、先輩と出会いました。先輩はゼミのＯＧで、就活の相談で知り合いました。色白で、黙って座っていたら良家のお嬢さんという印象です。しかしどこか掴みどころがない人でした。 祖母が先輩と会ったのは、相談の時に私が忘れ物をしたのがきっかけでした。 春先だったか梅雨だったか、よく覚えていないのですが、雨が続く時期だったと思います。 友だちからもらった、ディズニーのお土産のタオルハンカチでした。大事なものだったので、同じ沿線だから駅まで持っていって渡そうか、という先輩の言葉に甘えました。 出掛けに、祖母も駅前へ花を買いに行くというので、一緒に向かいました。 先輩を

anond:20210904101034 登場人物 わい　・・・　嫁とは5年セックスレス オタク君　・・・　二次元にしか興味なし。推しは艦これの鹿島らしい 総務部長　・・・　パワハラ・セクハラの常習者 セクシー　・・・　スカートもいつもピチピチしたのをはいている 「部長、わかりました、ちょっと時間をください」 わいとオタク君は翌日、セクシーを会議室に呼び出した。 もちろん部長がいない時間を狙ってである。 わい「本番環境で開発したいってことなんだけど・・・」 セクシー「何か変なんですか？」 オタク君「あなたは知らないかもしれないが、普通はテスト用のコンテナで開発して、同じ環境を作ってから移行するんです」 セクシー「え、それって二度手間で非効率じゃないですか？」 わい「社内システムが止まったらまずいのはわかるよね？」 セクシー「それは私が信用されてないってことですか？」 わい「いや、そういうわ

リンク yuru-to.net ゆる～と - 全国日帰り温泉・銭湯マップ ゆる～とは、全国の日帰り温泉・銭湯マップです。日帰り入浴可能な施設（日帰り温泉や銭湯、温泉宿、足湯など）が、15,000件以上登録されています。一番近い銭湯を探したり、温泉地マップを表示したり、料金などの条件で検索することができます。Googleに登録された100万件以上のクチコミと100万枚以上の写真にアクセスできます。 42 users 540