ブランド・ジャパン2024、Googleが総合力ランキングで6年振りの首位に【日経BPC調べ】 | Web担当者Forum
これはすごい便利！ WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata
WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。 Animata Animata -GitHub Animataの特徴 Animata化されたUIコンポーネント animataの使い方 Animataの特徴 Animataは、WebサイトやスマホアプリのUIに使用されるアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードを提供しています。 MITライセンスで、個人でも商用プロジェクトでも無料で利用できます。 AnimataはUIライブラリではありません。UIに動きを与えるためのコード集なので、他のUIライブラリやデザインシステムと一緒に使用できます。カ
リサーチ＆まとめを効率化!「Perplexity AI」の使い方を解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
インハウスマーケティング部の井上です。 たとえば企画や資料作成など、デスクワークをしているなかで「調べる」「まとめる」という業務はしばしば発生しがちですよね。ときには沼にはまってしまい、「時間が無限に溶けていく……」「本来やるべき業務が手につかない！」といった経験をしたことがある人も多いのではないでしょうか。 こんなときこそ生成AIの力が必要だ！ということで、今回はリサーチやまとめの効率化に役立つ「Perplexity AI」（パープレキシティ）の使い方をご紹介します。 ※本記事の情報は2024年6月4日時点のものです。 Perplexity AIとは？ ▲Perplexity TOPページ ※有料プランの画面です 「Perplexity AI」（以下、Perplexity）は、元GoogleのAI研究者チームによって開発されたAI搭載の対話型検索エンジンです。 最大の特徴は、検索をベース
ユニクロ公式サイトが使えません（ついでにレジも）｜ブラインドライターズ
ブラインドライターズのスタッフは9割が視覚障害者。 先日、みんなで「どうやって服を買うか」の話になりました。 マネキンの服は見えないので、コーディネートが分からない 下着を買いたいけど、店員さんの性別が分からないので声をかけづらい ロービジョンなので黒なのか紺なのかわかりにくく、店で買いづらい などと、たくさんの悩みごとがありました。 確かに、異性の店員さんに下着の相談はしにくいですよね。 タグが読めなければ、サイズも分からない。リアルでの買い物は一人ではけっこう難しそうです。 そんなときに便利なのがECサイトです。 色もデジタル表記になっていればPCが読み上げてくれるので選びやすい 下着も人に頼まなくていいので買いやすい マネキンのコーディネートは見えないので、サイトで確認したい また「リピ買いするならサイト」という意見もありました。確かに見えていないと広い店内のどこにあるのかサッパリ分
RFP（提案依頼書）の書き方完全マニュアル｜事例&サンプル付き【2024年最新版】 | Web幹事
RFP（提案依頼書）の書き方がよく分からず、お悩みではないですか？ 本記事では、RFPを書く前準備から、記載すべき項目をわかりやすく説明し、事例・サンプルも掲載しています。 この記事を最後まで読めば、自分でRFPを書けるようになるでしょう。 「RFPなんてよくわからないし、うまく書けそうにない...」という方は、お気軽にご相談ください。 Web制作のプロがRFPの書き方についてアドバイス。さらにHP制作の相談から業者の紹介までサポートいたします！ 【無料】プロに無料で相談する 本記事をお読みになる前に、サンプルをダウンロードしていただくと理解しやすいです。 RFPのサンプルが無料でダウンロード可能 RFP・提案依頼書 サンプル（Word形式） 「RFP（提案依頼書）の書き方」の記事でご紹介したRFPのサンプルです。ホームページ制作会社へ見積もり依頼をする際にサイトの目的・自社の課題を共有し
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
CSS Stock｜Web制作を楽にするCSSコピペサイト
HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している
Ukiyoe Stock | 5,100以上の和風・浮世絵素材サイト。無料・商用フリー・クレジット不要
より詳しい素材検索はこちら ↓複数条件検索できます。（文字を入力するよりもプルダウンから選択するほうがヒットしやすいです。）
【Git】git-flowを知ろう！ 利用時のルールについて | エンジニアBLOG
【Git】git-flowを知ろう！ 利用時のルールについて 仕事効率化 相変わらずGit勉強中です。 今回はGitを活用する上で重要となるモデル、ルールであるgit-flowについて整理していきます。 なお、弊社でもgit-flowをベースに管理を行っています。 １．git-flowとはgit-flowとはGitにおけるリポジトリの分岐モデルであり、ルールのことを指します。 それぞれのブランチを明確に定義し、複数人での開発時にそれぞれが好き勝手にブランチを作成し混乱することを防ぎます。 下図はその概念図です。 ※Vincent Driessen氏が提唱した「A successful Git branching model」を参考に横向きに焼き直したものです。 下記は一般的な各ブランチの定義です。 master: プロダクトとしてリリースする用のブランチ。リリースしたらタグ付けする。 ※こ
chot.design - 毎日ちょっとずつデザインを学ぼう
毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
2023年度版 Google PageSpeed Insights（ページスピードインサイト）を使って読み込み速度を改善したら、何点になるのかチャレンジしてみた｜CMAブログ｜株式会社シーエムエー
こんにちは。クリエイティブプランナーの深谷です。 SEO対策に力を入れているお客様より、 最近Core Web Vitals（コアウェブバイタル）や、 サイトスピードについてご相談をいただくケースが増えてまいりました。 そこで今回、デザイングループの山本と一緒に、 Google PageSpeed Insights（ページスピードインサイト）を使って、 ウェブページの読み込み速度を改善したら、何点になるのかチャレンジしてみました。 Google PageSpeed Insights（ページスピードインサイト）とは？ PageSpeed Insights https://pagespeed.web.dev/ Google PageSpeed Insights（ページスピードインサイト）とは、 ウェブページの読み込み速度をスコア測定（0～100）してくれるツールです。 モバイル、パソコンに対応
Web3 とは何か？急速に注目を集める新たなトレンド | The HEADLINE
公開日 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リダイレクトする方法 | Web | マイホームブログ | Web屋の芝生DIY
htaccessで特定のディレクトリやページを除外して301リダイレクトする方法 Web2018年3月16日 サイト移転やリニューアルにおいてhtaccessによるリダイレクトを行うことがありますが、特定のディレクトリやページのみを除外してリダイレクトを行うことが可能です。本記事では、htaccessにて特定のディレクトリやページを除外してリダイレクト設定を行う方法をご紹介させていただきたいと思います。 こんな時におすすめ 特定のディレクトリやページだけ除外して行うリダイレクトは、以下のような場合に役立ちます。 WordPressなどの管理画面だけは見れるようにしたい 同ドメイン内で/hoge以下をリニューアルし/hoge/index.htmlに一括で301リダイレクトするが、/hoge/sample/以下だけリダイレクトから除外したい サンプルコード いくつかhtaccessのサンプルコ
Photoshopで画像を角丸にする方法【初心者向け】現役Webデザイナーが解説
Photoshopで画像を【角丸】にする方法を初心者向けに解説した記事です。「長方形選択ツール」を使った方法で角を丸くしていきます。画像を15枚使って順番に紹介しているので、実践的に学ぶことができます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 Photoshopは、選択範囲の機能を使って、写真の四隅を角丸に加工することが可能です。 今回は初心者向けに、角丸加工の方法を解説します。 目次 今回は下記の2つの方法でご紹介します。 選択範
Web制作の現場で使える無料のWebサービス13選 | MxGrain - デザイン制作
CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webアイデアの救世主、真似したくなる最新デザイン36選
ホームページのページ数を調べる方法 | SamuraiLab Connect
MingCute Icon _ Carefully Designed Icon Library
Miro
サル先生のGit入門〜バージョン管理を使いこなそう〜【プロジェクト管理ツールBacklog】
