WEBデザイナー向け！はじめての「ChatGPT」で業務効率化をするヒント｜toto｜Rabee.inc
こんにちは！株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。 本日は「生成AI」はほぼ初めて！というWEBデザイナーの方が、業務で使える活用術をご紹介します。 まずは基本的な使い方の習得を目指しましょう！ 今回は主にChatGPTを使った業務の効率化方法をお伝えします。 私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね！ 1. 生成AIを使うリスクとは？はじめに、生成AIを使う上での注意点をお伝えします。 漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。 主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの
【2022】注目のWebデザイントレンド13選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おつかれさまです。デザイナーのみやです。 Webデザインのトレンドは2〜3年ごとぐらいの大きな潮流がありつつ、既存のトレンドに一工夫加えたものが流行ったりと、メジャー／マイナー問わず刻々と変化していっています。新しい時代への対応だったり、世代の移り変わりによる好みの変化などにも影響されながら変わっていくので、クリエイターとして常に追いかけていく必要があります。 2022年に入って結構経ってしまいましたが、今後直近で流行りそうなデザインを参考とともにピックアップしました。 ※最新2023年版のWebデザイントレンドは以下記事をご覧ください！ 👉注目のWebデザイントレンド10選【2023】 ※今回こちらの記事を参考にしています 22 inspiring web design trends for 2022 10 Web Design Trends To Expect in 2022 Top
Webフォント読み込み戦略（2021年） - MOL
Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典：font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという
JavaScriptでのメディアクエリ、matchMedia()の使い方を解説
メディアクエリと言えば、CSSの@mediaでスクリーンサイズに合わせて最適なスタイルを適用するものを思い浮かべる人が多いと思います。JavaScriptで実装したコンポーネント、例えば、スライダーなどをレスポンシブ対応にする際にはJavaScriptでメディアクエリを扱った方が便利です。 JavaScriptでのメディアクエリ、matchMedia()の使い方を紹介します。 Working with JavaScript Media Queries by Marko Ilic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに matchMedia()の使い方 条件の変化を継続的にチェックする方法 昔ながらの方法 まとめ はじめに メディアクエリと言われて最初に思い浮かぶのは何ですか？ おそらく、下記のようなCSSでしょ
Best Online Courses | Udemy（ユーデミー）
Expand your career opportunities with PythonTake one of Udemy’s range of Python courses and learn how to code using this incredibly useful language. Its simple syntax and readability makes Python perfect for Flask, Django, data science, and machine learning. You’ll learn how to build everything from games to sites to apps. Choose from a range of courses that will appeal to both beginners and advan
2019年12月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Webデザイン なぜ優秀なデザイナーでも酷いデザインを生み出してしまうのか？ 事前に十分なインプットが得られていない、全体のUXよりも見た目のデザインを優先してしまう など、酷いデザインが生まれる原因について書かれています。 ウェブ制作に活かすユニバーサルデザインの視点 – PRESS.mjmj ふさわしい配色とアクセシビリティなどについて。 フォント・ロゴ・GUI・ハードウェアをトレースして学ぶ｜Seiji Miyazawa｜note ワーナーブラザーズのロゴ、ガイド左側が合ってないですし黄金比とは言えない気がしますが、黄金比と言わないと偉い人が納得しないのですかね…？ 文字のデザインが苦手なので、
丁寧な「要件定義」がWebディレクターの武器になる！進め方やコツを解説
Webディレクターの毎日は、協力的でものわかりのいいクライアントとスムーズにやりとりしながら、クオリティの高い制作物を完成させていく…なんて順風満帆なことばかりではありません。むしろ「クライアントの要望がどんどん増えて困った」「言った、言わないでモメた」「炎上した」、挙句の果てに、スタッフは徹夜でボロボロ、お金も請求できなかった…そんなトラブルの数々に頭を抱えることのほうが多いかもしれません。 しかし、『失敗しないWeb制作 プロジェクト監理のタテマエと実践』（ワークスコーポレーション）の著者・みどりかわえみこさんによると、トラブルを避けながら制作物のクオリティを上げるためには、「きちんと要件定義を行う」こと重要とのこと。要件定義をしたことがない人も、してはいるけど本当に必要なのかイマイチ分からないという人も、今一度要件定義について学んでみましょう。 目次 今さら聞けない!?イロハのイ～そ
要件定義、要件定義、一体なにをどこまで定義すればいいんだ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Web事業部マネージャーのさささん（さっさん）です。 Web制作の現場ではプロジェクト開始時に「要件定義」の工程から作業を着手することが一般的です。ただし、いきなり要件を定義するわけではなく、顧客にヒアリングしたうえで課題の整理、要求の整理をおこない、要件定義として落とし込みます。 私は新卒からシステム開発の現場にいたので、要件定義に対して抵抗はありませんでしたが、Web業界で活動するようになってから要件定義がしっかりおこなわれていないプロジェクトがあることに驚きました。また、苦手というか、なにをすればいいのか分からない人たちがけっこういることに気づきました。 そこで今回は、「要件定義ってざっくりとなにをすればいいのか」をチェックリスト形式で紹介いたします。実際に要件定義が必要な場面でぜひ活用してもらえればと思います。 要件定義すべきこと 1. 制作の背景と目的 1.1. 制作
いじめ０件の学校は「検証を」 文科省、把握漏れ懸念：朝日新聞デジタル
「いじめ０件」の学校は、子どもや保護者から検証を求めて――。文部科学省は２６日付で、各都道府県教育委員会などにこんな通知を出した。いじめはどの学校でも起こる可能性があり、「０件」は実態を正確に把握していないおそれがある、という考えからだ。 ２０１６年度の文科省の調査では、全国の小中高校や特別支援学校で計３２万件余りのいじめが確認された一方、小学校の２８・２％、中学の２２・４％、高校の４６・８％は「０件」と答えた。通知ではこうした学校が、「０件」を子どもや保護者に公表し、把握漏れがないか確認することを要求。学校ごとに把握件数の差が大きい場合は、教委が調べることも求めている。 文科省は１６日に総務省から「いじめの正確な把握に向けた教委の取り組みが不十分」などとする勧告を受けていた。通知はこの勧告を踏まえて出した。（根岸拓朗）
スマホ対応！パララックスサイトの作り方 | SONICMOOV LAB
皆様おひさしゅうございます。 ラーメン女子のうさこでございます。 最近は大好きなラーメンも食べるのを控えています。 えらいことになってるんですよ・・・ 親に骨皮筋子と言われた私でも・・・！ 以前、会社の飲み会でデザイナーのユウコさんに、25 歳を超えるといくら食べても太らなかった体質も変化するから気をつけた方がいいよ！・・・というありがたい言葉をいただきました・・・ まさに今、身に染みて体感中でございます（涙 4月9日をもって Windows XP がサポート終了となりましたね！ これで IE6 との長き戦いにも終止符が打てそうですっ！やっとですよ、やっと・・・！ IE6 消え失せろ～♪ ついでに言うと、IE8 も消えちゃっていいんだぜ☆ さて・・・今回で3回目の投稿となりますっ 今回は、スマホに対応したパララックスサイトの作り方についてご紹介！ Sublime Text ネタで通してきた
なぜグノシーはパーソナライズをやめたのか？ Gunosy・竹谷氏、「マスに響かなかった…」と理由を語る
スマートフォン時代の2つの論点 福島良典氏（以下、福島）：いろいろ論点が出てきてるかと思いますが、2つ大きなものがあるんじゃないかと思っていて。1つはスマートフォンになって、そもそもトラフィックの質が変わりましたよという話なのかなと思ってます。 そして、もう1つは先ほどの発表でもお話させてもらったようにPCが前向きというか検索を中心に様々なサービスとつながっていて目的がはっきりしていたと。かつ1セッションあたりの時間がすごく長かったと。 一方、スマホでは電車の中とか余った時間で何か面白いことをしたいとか、あまり目的がない状態でそれでも入り口としてはそういう状態になっていると。だからSNSですとか、我々のニュースキュレーションサービスみたいな曖昧なおもしろいモノを集めているところに来るというか、目的がはっきりしていないんだけど、ただ欲求が満たされると。 よくスマホ時代におけるフォームってどん
日本のウェブデザインはなぜこんなにも世界と違うのか？ - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
本記事は、ブログ『RANDOMWIRE』の運営者の許可を得て、翻訳しています（元記事）。 静寂が満ちる禅庭園、美しい神社、静穏な寺、洗練された茶道。日本の伝統建築、現代建築、書籍、雑誌は世界中のデザイナーの羨望の的だ。 だが、どうしてか、こうした巧みな技術はデジタルプロダクトには生かされていないようだ。特にそれが顕著なのは、ウェブサイトだ。その多くが、1998年のスタイルから変化していないように見える。 例１：楽天市場 有名な日本のサイトの多くを見てみると、次のような傾向が見られる。（例えば、 Yahoo Japan、楽天、ニコニコ、JR東日本、読売新聞…） 隙間なく敷き詰められている文字 小さく、画質の悪い画像 数えきれないほどのカラム 色同士の調和に欠ける派手な色使い、きらきら光るバナー Flashのような、過剰に使用される時代遅れのテクノロジー 美しい俳句、質素なわび・さびとはかけ離
globe-project.jp - このウェブサイトは販売用です！ - globe project リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで簡単に実装できるクールなアニメーションドロワーメニュー10選【上下左右・階層・スライドメニュー・ハンバーガーメニュー】
【最新＆完全版】Google Analytics指標＆ディメンションチートシート | Life Design Edit
UI・UXデザインの学習ならオンライン動画授業・講座のSchoo（スクー）
要件定義とは？ Webサイトリニューアル成功のカギを握る「要件定義」の目的と作り方を紹介 | 【レポート】Web担当者Forumミーティング 2018 Autumn
Webサイトリニューアルの7ステップと、よりよいサイトを作るための「要件定義」の勘所 | 【レポート】Web担当者Forumミーティング 2018 Spring | Web担当者Forum
Wantedly（ウォンテッドリー）はたらくを面白くするビジネスSNS
Flipsblog.jp
