WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化されたUIコンポーネント animataの使い方 Animataの特徴 Animataは、WebサイトやスマホアプリのUIに使用されるアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードを提供しています。 MITライセンスで、個人でも商用プロジェクトでも無料で利用できます。 AnimataはUIライブラリではありません。UIに動きを与えるためのコード集なので、他のUIライブラリやデザインシステムと一緒に使用できます。カ
インハウスマーケティング部の井上です。 たとえば企画や資料作成など、デスクワークをしているなかで「調べる」「まとめる」という業務はしばしば発生しがちですよね。ときには沼にはまってしまい、「時間が無限に溶けていく……」「本来やるべき業務が手につかない!」といった経験をしたことがある人も多いのではないでしょうか。 こんなときこそ生成AIの力が必要だ!ということで、今回はリサーチやまとめの効率化に役立つ「Perplexity AI」(パープレキシティ)の使い方をご紹介します。 ※本記事の情報は2024年6月4日時点のものです。 Perplexity AIとは? ▲Perplexity TOPページ ※有料プランの画面です 「Perplexity AI」(以下、Perplexity)は、元GoogleのAI研究者チームによって開発されたAI搭載の対話型検索エンジンです。 最大の特徴は、検索をベース
ブラインドライターズのスタッフは9割が視覚障害者。 先日、みんなで「どうやって服を買うか」の話になりました。 マネキンの服は見えないので、コーディネートが分からない 下着を買いたいけど、店員さんの性別が分からないので声をかけづらい ロービジョンなので黒なのか紺なのかわかりにくく、店で買いづらい などと、たくさんの悩みごとがありました。 確かに、異性の店員さんに下着の相談はしにくいですよね。 タグが読めなければ、サイズも分からない。リアルでの買い物は一人ではけっこう難しそうです。 そんなときに便利なのがECサイトです。 色もデジタル表記になっていればPCが読み上げてくれるので選びやすい 下着も人に頼まなくていいので買いやすい マネキンのコーディネートは見えないので、サイトで確認したい また「リピ買いするならサイト」という意見もありました。確かに見えていないと広い店内のどこにあるのかサッパリ分
RFP(提案依頼書)の書き方がよく分からず、お悩みではないですか? 本記事では、RFPを書く前準備から、記載すべき項目をわかりやすく説明し、事例・サンプルも掲載しています。 この記事を最後まで読めば、自分でRFPを書けるようになるでしょう。 「RFPなんてよくわからないし、うまく書けそうにない...」という方は、お気軽にご相談ください。 Web制作のプロがRFPの書き方についてアドバイス。さらにHP制作の相談から業者の紹介までサポートいたします! 【無料】プロに無料で相談する 本記事をお読みになる前に、サンプルをダウンロードしていただくと理解しやすいです。 RFPのサンプルが無料でダウンロード可能 RFP・提案依頼書 サンプル(Word形式) 「RFP(提案依頼書)の書き方」の記事でご紹介したRFPのサンプルです。ホームページ制作会社へ見積もり依頼をする際にサイトの目的・自社の課題を共有し
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか? 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している
大きなアイデアには、それを実現させるためのコラボレーションスペースが必要です。このキャンバスは、チームがコンテンツを追加し、プロジェクトを推進し、アイデアを実現するまで協力できる無限の機会を提供します。
【Git】git-flowを知ろう! 利用時のルールについて 仕事効率化 相変わらずGit勉強中です。 今回はGitを活用する上で重要となるモデル、ルールであるgit-flowについて整理していきます。 なお、弊社でもgit-flowをベースに管理を行っています。 1.git-flowとはgit-flowとはGitにおけるリポジトリの分岐モデルであり、ルールのことを指します。 それぞれのブランチを明確に定義し、複数人での開発時にそれぞれが好き勝手にブランチを作成し混乱することを防ぎます。 下図はその概念図です。 ※Vincent Driessen氏が提唱した「A successful Git branching model」を参考に横向きに焼き直したものです。 下記は一般的な各ブランチの定義です。 master: プロダクトとしてリリースする用のブランチ。リリースしたらタグ付けする。 ※こ
毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
こんにちは。クリエイティブプランナーの深谷です。 SEO対策に力を入れているお客様より、 最近Core Web Vitals(コアウェブバイタル)や、 サイトスピードについてご相談をいただくケースが増えてまいりました。 そこで今回、デザイングループの山本と一緒に、 Google PageSpeed Insights(ページスピードインサイト)を使って、 ウェブページの読み込み速度を改善したら、何点になるのかチャレンジしてみました。 Google PageSpeed Insights(ページスピードインサイト)とは? PageSpeed Insights https://pagespeed.web.dev/ Google PageSpeed Insights(ページスピードインサイト)とは、 ウェブページの読み込み速度をスコア測定(0~100)してくれるツールです。 モバイル、パソコンに対応
公開日 2021年12月15日 20:19, 更新日 2024年01月17日 17:55, 有料記事 / Web3・暗号資産 ここ数ヶ月、日本や米国などで Web3(もしくは Web3.0)という言葉が話題となっている。 著名VCのAndreessen Horowitz(a16z)でパートナーを務めるアンドリュー・チェンは、以下のように「Web3 は一時的な流行やバブルではない」として、それが巨大な潮流であることを指摘している。 2005年、オープンソース運動の著名な支持者であるティム・オライリーはブログやソーシャルメディアの台頭、Wikipediaのような集合知の発展、プラットフォームやコミュニティの広がりなどを指して、Web2.0 という概念を提唱した。この概念の明確な定義はないが、GoogleやAmazon、Apple、そして後のFacebookのような巨大テック企業(ビッグ・テック
htaccessで特定のディレクトリやページを除外して301リダイレクトする方法 Web2018年3月16日 サイト移転やリニューアルにおいてhtaccessによるリダイレクトを行うことがありますが、特定のディレクトリやページのみを除外してリダイレクトを行うことが可能です。本記事では、htaccessにて特定のディレクトリやページを除外してリダイレクト設定を行う方法をご紹介させていただきたいと思います。 こんな時におすすめ 特定のディレクトリやページだけ除外して行うリダイレクトは、以下のような場合に役立ちます。 WordPressなどの管理画面だけは見れるようにしたい 同ドメイン内で/hoge以下をリニューアルし/hoge/index.htmlに一括で301リダイレクトするが、/hoge/sample/以下だけリダイレクトから除外したい サンプルコード いくつかhtaccessのサンプルコ
Photoshopで画像を【角丸】にする方法を初心者向けに解説した記事です。「長方形選択ツール」を使った方法で角を丸くしていきます。画像を15枚使って順番に紹介しているので、実践的に学ぶことができます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 Photoshopは、選択範囲の機能を使って、写真の四隅を角丸に加工することが可能です。 今回は初心者向けに、角丸加工の方法を解説します。 目次 今回は下記の2つの方法でご紹介します。 選択範
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く