検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

webデザインの検索結果(絞り込み: 3 users 以上)176225 件中 1 - 40 件目

  • 全てのクリエイターと、それを推すオタクはニコニコ動画を利用したほうがいいって話|はゆ茶|note

    2年ほど動画投稿して得られた収益 ニコニコ動画:約50万円 youtube:0円 小遣い稼ぎ程度に動画投稿・生配信やろうと思ったら断然ニコニコなんだわ — はゆ茶ダヨダヨはゆ茶ダヨ🍵🍡 (@HaYuTeA) May 14, 2022 👆先日このツイートが多くの人の目に入ったことで、ニコニコに対して様々な感情を持つ人がいました そこで!ここでは具体的に今のニコニコはどうなのか、どんな意図であのツイートを投稿したのかを解説していきます ツイートの流れや概要は上記のツイートにあるリプライツリーから見れます(見なくてもいいよ) 質問などがあれば随時ここに追記していきます 【定義】 「ニコ動で生配信!」等、混乱を招かない為にここでは ニコニコ関連サービスの総称を「ニコニコ」 ニコニコ動画を「ニコ動」 ニコニコ生放送を「ニコ生」 と呼ぶことにします 0.感情的なお話私は一投稿者として、ニコ

    全てのクリエイターと、それを推すオタクはニコニコ動画を利用したほうがいいって話|はゆ茶|note
    • こういう本を待っていた! WebのUXを改善するライティングに特化された解説書 -Webコピーライティングの新常識「ザ・マイクロコピー」

      マイクロコピーとは、Webサイトやスマホアプリのボタンのラベル、ボタンやフォームに添えるテキスト、エラーメッセージなどのUIデザインに使用される短いテキストのことです。優れたマイクロコピーを使用することで、入力ミスが少なくなったり、ボタンのクリック率があがったり、さまざまな効果を得られます。 思わずクリックしたくなるタイトル、迷わずクリックできるボタンなど見かけませんか? ボタンに書かれているラベル、ボタンに添えられたテキスト、これらに使われる文言はほんの少し工夫を加えるだけで、劇的な効果を発揮します。 WebサイトやスマホアプリのUIで使用する文言、ライティングのテクニックを身につけたい人にお勧めします。本書は「ザ・マイクロコピー(紹介記事)」の第2版で、内容は大幅にアップデートされています。 UIデザインで使用する言葉、ボタン、フォーム、ナビゲーションに使用する文言など、言葉の魅力でU

      こういう本を待っていた! WebのUXを改善するライティングに特化された解説書 -Webコピーライティングの新常識「ザ・マイクロコピー」
      • 無限スクロールは考慮することが多い

        毎年無限スクロールの実装をしているのだが正直なところ実装したくないので依頼されたときの反論材料として実装したくない理由を言語化しておこうと思う。 無限スクロールとは 無限スクロールが何を指すかを知らない人のために解説すると、ページにコンテンツを足す方式でページネーションする UI を指している。例えば Twitter のように下にどんどんコンテンツが伸びていく UI が良い例だろう。そのような UI を無限スクロールと呼ぶことが正式なのかは知らないが、このような体験の実現を支援するライブラリに infinite-scroll というものがあり、少しは普及している呼び方なのだと思い無限スクロールという言葉を使う。一方で WEB フロントエンド文脈で無限スクロールと言うと複雑 GUI やドローイングツール実装における "無限平面" のようなニュアンスもあるが、今は無限平面のことを指しているわけ

        無限スクロールは考慮することが多い
        • Webデザイナーを目指すあなたが勘違いしている3つのポイント|井上真史|note

          はじめまして。コードキャンプ株式会社にてクリエイティブ関連のプロダクト企画を務めている井上です。 私は様々なWeb制作の現場を経て2021年にコードキャンプに参画し、Webデザイナー育成支援のプロダクト開発に携わっています。 最近、とみにWebデザイナーを志望される方が増えましたね。 この記事を読まれるあなたもご興味をお持ちと察します。 働き方改革による副業解禁やパンデミックの影響か、場所を選ばずPCひとつで始められてしかも「稼げるらしい」ということで、不安な時代に差し込んだ一条の光といったところでしょうか。 「これであなたもプロの/稼げる/Webデザイナーになれる!」といった類の広告やSNSの謳い文句を私もよく目にしますが、 「いいとこ衝いてるね」 「レアケースだけど、悪くはないよね」 「ちょっとそのやり方はどうかな?」 「・・・何の話?」 業界の中の人のはしくれとしては一言、「玉石混交

          Webデザイナーを目指すあなたが勘違いしている3つのポイント|井上真史|note
          • smartLP | LP制作から運⽤・改善の オールインワンプラットフォーム

            以前は、1つのチャンピオンページを用意するだけで集客できていたかもしれませんが、Web上にランディングページがあふれる昨今では、1つのキャッチコピー・ヒーローイメージで全ての顧客を満足させることは難しくなりました。 smartLPのページ最適化では、だれでも簡単にノーコードでテストパターンを大量に用意でき、ボタン一つで検証が動き出します。手間いらずの仮説検証サイクルをお任せで運用することで、無駄なテストサイクルや無駄な広告費を省き、自動的な最適化を実現します。

            smartLP | LP制作から運⽤・改善の オールインワンプラットフォーム
            • EC事業者らが選ぶ優れた通販サイト5選。ネットショップグランプリ受賞店に学ぶサイト作りのポイント | ネットショップ担当者フォーラム

              優れたネットショップ/通販サイトを選ぶ「第14回 ネットショップグランプリ」受賞店5店舗の受賞理由などから、サイト作りの参考ポイントなどをまとめた。 EC事業者など“その道のプロ”が選ぶ優れたECサイトは、どんな点が評価されているのか? EC事業者などが審査して評価した「第14回 全国ネットショップグランプリ」(一般社団法人イーコマース事業協会主催)の表彰店舗5サイトには、他のECサイトも参考にできる成長のヒントがある。EC事業者らが認めたECサイトから、サイト作り、商品開発、戦略作りなどのヒントを表彰ポイントからまとめた。 第14回を迎えた「全国ネットショップグランプリ」は自薦・他薦含めて200店舗の応募があり、関係者がそのなかから優秀店舗5サイトを表彰した。 グランプリ……ブラデリスニューヨーク(ゴールドフラッグが運営) 準グランプリ……京都北山マールブランシュ(ロマンライフが運営)、

              EC事業者らが選ぶ優れた通販サイト5選。ネットショップグランプリ受賞店に学ぶサイト作りのポイント | ネットショップ担当者フォーラム
              • 本当は教えたくないWebデザイン参考ギャラリーサイト30選【2022年版】 - PhotoshopVIP

                ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 コンテンツ目次 国内Webギャラリーサイト SANKOU! straightline bookmark URAGAWA CMS Design I/O 3000 S5 Style MUUUUU.ORG 1GUU 現代デザイン 81-web.com Web Design Clip Good Web Design マネるデ

                本当は教えたくないWebデザイン参考ギャラリーサイト30選【2022年版】 - PhotoshopVIP
                • JavaScriptで独自機能も追加できる無料のWebデザインエディタ「Vev」を使ってみた! - paiza開発日誌

                  どうも、まさとらん(@0310lan)です! 今回は、直感的な操作で高度なWebデザインを誰でも実現できるサービスをご紹介します。 Webサイトを構成するインタラクティブなコンテンツが豊富に用意されており、それらを組み合わせるだけで最適なWebサイトを誰でも簡単に構築できます。 また、提供されていないコンテンツや機能などは、JavaScriptで好きなように拡張できる設計になっているので無限の可能性も秘めています。Webサイトの作成にご興味ある方はぜひ参考にしてください。 【 Vev 】 ■「Vev」の使い方 それでは、「Vev」をどのように使えばいいのか詳しく見ていきましょう! まずはトップページの黄色いボタンから無料のユーザー登録を済ませておきます。 利用可能なメールアドレスを入力してエンターキーを押してください。 すると登録したメールアドレス宛に、ログイン用のリンクが送付されるのでク

                  JavaScriptで独自機能も追加できる無料のWebデザインエディタ「Vev」を使ってみた! - paiza開発日誌
                  • デザインに適したアイコンがこれで見つかる! UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer

                    Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードでき...記事の続きを読む

                    デザインに適したアイコンがこれで見つかる! UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer
                    • マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開も

                      マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開も マイクロソフトは、JavaScriptで2Dや3Dモデルを高速に扱えるライブラリ「Babylon.js」の最新版「Babylon.js 5.0」正式版をリリースしました。 We'd like to formally introduce the next version of the Babylon Platform - #BabylonJS5 Blog: https://t.co/aMgjIIeIin Video: https://t.co/OMssjZZPPz#gamedev #gamedevelopment #indiedev #indiedeveloper #webdev #3D @WebGPU #w

                      マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開も
                      • GitHub - Cveinnt/LiveTerm: 💻 Build terminal styled websites in minutes!

                        💻 LiveTerm - build terminal styled websites in minutes! Highly customizable, easy-to-use, and minimal terminal styled website template, powered by Next.js. Building a simple website with LiveTerm only takes minutes, and you only need to work with one file: config.json. After you cloned this repository, simply run yarn install && yarn dev and start editing config.json to build your website! LiveTe

                        GitHub - Cveinnt/LiveTerm: 💻 Build terminal styled websites in minutes!
                        • ITエンジニア採用入門

                          今、IT関連の技術は様々な企業の競争力の源泉です。一方で、実際に企業が必要とするよりもITエンジニアの数は少ないため、採用競争は激化するばかりです。そこで、元ウェブエンジニアでITエンジニアの採用担当を経験した私の視点で、ITエンジニア採用に関する情報をまとめることにしました。 なお、ここでいうITエンジニアはアプリケーションエンジニア、インフラエンジニア、機械学習エンジニア、QAエンジニアなどIT関連エンジニア全般を指します。 # 更新情報 * 2022/05/17 - 公開 * 2022/05/17 - 中途採用前提であることを Chapter 1 に追記 * 2022/05/18 - 誤字の修正 Chapter 15 「行進」 -> 「更新」 ※はてなブックマークでの指摘ありがとうございます * 2022/05/19 - 活用事例の Chapter を追加 * 2022/05/20

                          ITエンジニア採用入門
                          • UIデザイナーは要チェック! 新しくなったMaterial Design 3は可変フォントやアイコン、アクセシブルで使いやすいカラーに

                            5/11,12に開催されたGoogle I/O 2022に伴い、Material Design 3のガイドラインが大幅アップデートされたので紹介します。 注目すべきキーワードは、アクセシビリティとパーソナライズ。 アクセシブルなコントラストを備えたダイナミックカラー、可変フォントRoboto FlexとRoboto Serif、可変アイコンフォントを使用したマテリアルシンボル、スイッチをはじめUI要素のデザインも変更されています。 Material Design 3 Material Design 3の大きな特徴は、表現力豊かなパーソナライズ機能とアクセシビリティ機能です。ダイナミックカラーのサポートに加えて、いくつかのマテリアルコンポーネントもアップデートされました。新機能は、オンラインやFigmaやGoogle Fontsなどで提供されており、すぐに利用できます。 Dynamic co

                            UIデザイナーは要チェック! 新しくなったMaterial Design 3は可変フォントやアイコン、アクセシブルで使いやすいカラーに
                            • 個人サービスを公開するまでに必ずやるべきこと - Qiita

                              はじめに 個人サービスを公開するまでに必ずやるべきことがあるのですが、思い出すのに時間が掛かってしまったり、「事前にやっておくべきだった...」と毎回思います。ここら辺の情報は調べてもまとまっている記事がなかったので私なりにチェックリストとしてまとめてみました。難しいことは一切なく(経験者には当たり前なことかも?)、比較的簡単に出来るものを書かせて頂きますので気軽に読んでいただけると嬉しいです。 前提 僕は個人サービスを公開する上で集客に重きを置いています。後述するやるべきことは集客をベースとした内容であり、サービスを利用する上で必ず必要ではないということをご理解ください。また、WEBの要素が強めなので、モバイルアプリ等の開発者は参考にならないことが多いと思いますのでご了承ください。参考までに僕が個人開発しているサービスです。Gmailのようなツール寄りのサービスではなく、キュレーションサ

                              個人サービスを公開するまでに必ずやるべきこと - Qiita
                              • 最近の業務での AWS サーバーレス開発を振り返ってみた | DevelopersIO

                                CX 事業本部 MAD 事業部の佐藤です。 今まで AWS Lambda を使用した Web アプリケーションの開発プロジェクトで、バックエンド・フロントエンド・インフラを一貫して開発をしてきました。 改めて日々どのように開発をしていたのかと使った技術スタック、各サービスをどのように使用したかを整理したいと思い記事にしました。今後、サーバーレス開発を行う際の技術選定の参考にしていただければ幸いです。 前提 AWS を使った Web アプリケーションを前提としています。 バックエンドの Web API があり、管理画面用の内部 API と外部のサービスと連携するための外部 API があります。 API の処理としてはリソースの CRUD がメインです。 管理画面は SPA を使っていて、バックエンドの Web API にリクエストします。 サーバーレスでは処理が分散しているので、必然的にマイ

                                最近の業務での AWS サーバーレス開発を振り返ってみた | DevelopersIO
                                • SNS広告のバナーに特化したデザインギャラリー | Banner.modulesss

                                  【2022年最新】SNS広告(Twitter・Instagram・Facebook)のバナーを中心に集めたバナーデザインのギャラリーサイトです。バナーデザイン、広告運用、Webデザインなどの参考にぜひ!

                                  SNS広告のバナーに特化したデザインギャラリー | Banner.modulesss
                                  • 便利なツールが登場! 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images

                                    次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像(SVG, PNG, JPG, GIF)の最適化と圧縮、画像の新しいフォーマット(WebPやAVIF)への変換と最適化が簡単にできるオンラインツールです。 WebPとAVIFは高い圧縮率を備えたフォーマットです。 WebPは簡単に言うとPNG, JPG, GIFの良いとこ取りのフォーマットで、24ビットのフルカラーをサポートしています。高画質の透過PNGのサイズが大きくなってしまうことやGIFアニメーションで色数が少ない悩みも解決します。IE以外の

                                    便利なツールが登場! 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images
                                    • スティーブ・ジョブズが「世界一普及した動画フォーマット」を葬った裏事情 | AppBank

                                      » 大富豪イーロン・マスクのお金の使いかた 「Adobe Flash」のサービス終了には、Appleの存在が大きく関係しています。 Flashの歴史と、AppleがFlashの消滅をいかに加速させたかについて、Appleに詳しいYouTubeチャンネル「Apple Explained」が解説しています。 *Category:テクノロジー Technology|*Source:Apple Explained ,wikipedia Appleは、なぜiPhoneに「Adobe Flash」をサポートさせなかったのか? 「Adobe Flash」は、NewgroundsやHomestarrunnerのようなインターネットの初期の時代に、よく利用されていたマルチメディア技術です。 この技術は、Mac、PC、Linuxのいずれを使用していても、コンテンツを表示することができます。そのため、Flash

                                      スティーブ・ジョブズが「世界一普及した動画フォーマット」を葬った裏事情 | AppBank
                                      • Blazor で HTML と CSS で画面作りたくないよぉ… AntDesign 編

                                        プロジェクト作成と初期セットアップ Getting Started に従って導入してみようと思います。 プロジェクトを作ったら AntDesign というパッケージを NuGet から追加して、Program.cs に builder.Services.AddAntDesign(); という行を追加します。そして _Layout.cshtml に以下のコードを追加して js/css を追加します。 <link href="_content/AntDesign/css/ant-design-blazor.css" rel="stylesheet" /> <script src="_content/AntDesign/js/ant-design-blazor.js"></script>

                                        Blazor で HTML と CSS で画面作りたくないよぉ… AntDesign 編
                                        • エンジニア歴半年記念にNext.js(SSG)× Docker × TailwindCSSで作るPreview機能付きヘッドレスWordpressサイトを作ってみた件 - Qiita

                                          はじめに 完全独学でプログラミングを勉強し始めて1年強(実務経験6ヶ月)が立ったので何か形として残るものを作ろうと思いました(GW暇すぎてやることがなさすぎた・・・)。 現在はご縁を頂いたとある会社にてPHP・TypeScriptをメインにエンジニアとして働かせて頂いております。 自分自身、独学時代に顔も知らない諸先輩方のQiitaやZennの記事に大変助けられた経緯があり、お返しとまではいきませんが私も何かお役に立てれば幸いです。 Next × WordPressはVercelでも紹介されていますが、Docker上でNext × WordPressを構築し、かつネックとなるpreview機能も利用可能な実装例がネット上に無かったため試してみようと思ったのが背景です。 ※歴も浅く至らない点多々あるのでご指摘あれば、ぜひコード例と編集リクエスト頂けると嬉しいです。 本記事では以下の形で進めて

                                          エンジニア歴半年記念にNext.js(SSG)× Docker × TailwindCSSで作るPreview機能付きヘッドレスWordpressサイトを作ってみた件 - Qiita
                                          • RemixをCloudflare Workersで動かす最初の一歩 | DevelopersIO

                                            RemixをCloudflare Workersを動かす最初の一歩について、まずはデプロイまでの手順をご紹介します。 はじめに こんにちは、CX事業本部MAD事業部の森茂です。 最近ビックニュース続きのCloudflare使っていますか?とくにCDN エッジを利用したサービスが話題になっており私もわくわくがとまりません:) RemixはCloudflareのCDN エッジサービスであるWorkersでSSRを使って動かすことのできるReactベースのフレームワークのひとつです。そこで、今回は、これを機にCloudflare Workersを使ってみようという方向け、RemixをCloudflare Workersで動かす最初の一歩を紹介させていただきます。 Cloudflare の記事一覧 | DevelopersIO Remix の記事一覧 | DevelopersIO Cloudfla

                                            RemixをCloudflare Workersで動かす最初の一歩 | DevelopersIO
                                            • 2022年のモダンCSS - TechFeed Conference 2022

                                              ログイン

                                              2022年のモダンCSS - TechFeed Conference 2022
                                              • Webフロントエンド基礎研修 ~歴史から学ぶ、現場のスタンダードな開発~

                                                Webフロントエンド基礎研修 ~歴史から学ぶ、現場のスタンダードな開発~ 2022年デジタル新卒研修 デジタル編成ユニット Yuta IDE

                                                • GA4移行で最低限やっておくことを解説!よくある質問と解決方法も更新中 | [マナミナ]まなべるみんなのデータマーケティング・マガジン

                                                  まだ旧Googleアナリティクス(UA)からGoogleアナリティクス4(GA4)移行していない人は、プロパティ作成とデータ保持期間の延長だけ設定しておきましょう。 この記事を書いている成瀬はUAを3年ほど使っています。もちろん実際にGA4に移行する方法も知っているため、その手順や早めに作業しておくことだけ分かりやすく解説することも可能です。先にGA4そのものを知っている人にむけて今すぐやるべき最低限の作業だけ解説します。 プロパティ作成の際に入力するのは基本情報と追加情報、データストリーム種別、サイトURLとストリーム名になります。ここで言う基本情報とはプロパティ名、レポートのタイムゾーン、通貨、業種、ビジネスの規模、ビジネスにおける利用目的です。データストリーム種別ですがWebデータを取得する場合は「ウェブ」、アプリの場合なら「Android アプリ」「iOSアプリ」を選択してください

                                                  GA4移行で最低限やっておくことを解説!よくある質問と解決方法も更新中 | [マナミナ]まなべるみんなのデータマーケティング・マガジン
                                                  • WordPressのシェアが減少を始めたとYoast創業者が報告 - ニュース - Capital P - WordPressメディア

                                                    人気SEOプラグインYoastの創業者であるJoost de Valkが自身のブログ記事 “WordPress’ market share is shrinking” で「2022年4月からWordPressのシェアが減少を始めた」と報告している。2022年2月までは順調に伸び続け、43.3%のシェアを取るにいたったWordPressのシェアは同年4月より減少を始めた。 前掲記事より WordPressが減少したということは、他のものが伸びているということであり、それがなにかというとWixとSquarespaceである。このシェア減少の原因をJoostは以下のように分析している。 SEOとサイトパフォーマンスのスコアが悪い。WixとSquarespaceは改善点を全ユーザーに適用できるが、WordPressはサイト所有者が個別にがんばらないといけないため、全体として見ると大きな差が開く。フ

                                                    WordPressのシェアが減少を始めたとYoast創業者が報告 - ニュース - Capital P - WordPressメディア
                                                    • HyperForm

                                                      ヘッドレスCMS、SPA microCMSやContentfulなどのヘッドレスCMSを使ったwebサイトにも簡単に問い合わせフォームを設置することができます。 WordPress プラグインで作るフォームと違い、デフォルトでreCAPTCHAが組み込まれているため、手軽にスパムメールの対策ができます。

                                                      HyperForm
                                                      • 「なんのために作るか分からへん」と愚痴っていたらPMさんが救ってくれた話 - Qiita

                                                        ※今回はほぼ実話です。 システム開発会社勤務 プログラマーワイ ワイ「さあ、今日も開発をしていこか」 ワイ「とあるWebサービスの管理画面を作らなアカンのや」 ワイ「今日は、どんな機能を作らなアカンのやったかな」 ワイ「せや、クライアントさんからもらった機能一覧.xlsを見てみよか」 ワイ「あとは、デザインデータも見ながら、詳細設計書でも作っていこか」 ワイ「・・・ふーむ、作るべき機能の一覧は書いてあるんやけど」 ワイ「なんか、やる気が出ぇへんなぁ」 ワイ「仕方ないから、社内のSlackで愚痴っとこか」 ワイ「今のプロジェクト、誰のために何を作ってるのかがイマイチ分からんから」 ワイ「モチベーションが上がらへんなぁ」 ワイ「この管理画面を使って、どんな課題を解決したいのか」 ワイ「どういう風にユーザーさんの業務をうまく回したいのか」 ワイ「そんなんがピンと来てないから、作るべきモノもはっき

                                                        「なんのために作るか分からへん」と愚痴っていたらPMさんが救ってくれた話 - Qiita
                                                        • IISでお手軽!ローカル環境でSSL暗号化通信! - ROBOT PAYMENT Engineers Blog

                                                          はじめに まずはWebサイトの作成 自己署名入り証明書の作成 証明書の設定 さて確認! 感想 はじめに 桜が散り、緑が生い茂り風薫る季節となりました。 皆様いかがお過ごしでしょうか? 決済サービスの開発を担当しております yoponpon と申します。 今回はMicrosoft IISを利用する環境で簡単に自己署名入り証明書を作成してSSL通信有効化する手順について書かせていただければと思います。 サービス開発をしていると、稀にローカル環境でHTTPS接続をして動作確認をしたくなること、また必要に迫られる場面が有るかと思います。手っ取り早い解決手段としては、自己署名入り証明書を作成することかと思うのですが、作成の仕方が面倒だったり、ブラウザ側で認証が通らなかったりなど、多くの壁があるように感じます。 こちらの記事で説明させて頂くのはブラウザ(主にChrome)で問題なく認証が通り画面表示が

                                                          IISでお手軽!ローカル環境でSSL暗号化通信! - ROBOT PAYMENT Engineers Blog
                                                          • 本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo

                                                            本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか?これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザインこれはGoogleトレンドで、「Webディレクター」「Webデザイナー」「

                                                            本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo
                                                            • [速報]「Flutter 3」登場、FlutterによるmacOSとLinuxアプリ開発が正式版に。Macのユニバーサルバイナリにも対応

                                                              Googleは開催中のイベント「Google I/O 2022」の基調講演で、Dart言語のフレームワークであるFlutterの最新版「Flutter 3」を発表しました。 Introducing Flutter 3 at #GoogleIO! Now featuring: Stable support for macOS and Linux apps Improved @Firebase integration ...and much more! Details here → https://t.co/7PLgfRBobE pic.twitter.com/XYzmCn3NYN — Flutter (@FlutterDev) May 11, 2022 2月に登場したFlutter 2.10でWindowsアプリケーション開発が正式版となったのに続いて、Flutter 3ではMacとLinu

                                                              [速報]「Flutter 3」登場、FlutterによるmacOSとLinuxアプリ開発が正式版に。Macのユニバーサルバイナリにも対応
                                                              • State of CSS 2022

                                                                The year 2022 is set to be one of CSS's greatest years, in both features and cooperative browser feature releases, with a collaborative goal to implement 14 features! Overview # This post is the article form of the talk given at Google IO 2022. It's not meant to be an in-depth guide on each feature, rather an introduction and brief overview to pique your interest, providing breadth instead of dept

                                                                State of CSS 2022
                                                                • なぜか楽天ユーザーは女性が多い

                                                                  仕事柄、インターネットショッピングに関して調査してわかったんだけど、なぜか楽天市場などで買い物をするユーザーは女性が多い。 それならば男性はどこでネットショッピングをしているのかというと、Amazonやヨドバシドットコム、ヤフーショッピングなどが多い。 なぜ女性が楽天市場が大好きなのかは謎だ。それを調査するのが仕事なのだが、特に理由が思いつかない。

                                                                  なぜか楽天ユーザーは女性が多い
                                                                  • 改正特定商取引法、2022年6月施行 ECサイトは最終確認画面で要対応 | ツギノジダイ

                                                                    消費者庁のEC事業者向けチラシ「貴社カートシステムでの改正法への対応について」から抜粋https://www.caa.go.jp/policies/policy/consumer_transaction/amendment/2021/notice02/index.html 特定商取引法の改正が2022年6月1日に施行されます。EC事業者は、注文確定直前の最終確認画面で、注文した消費者が販売価格や支払時期、返品方法など6項目を簡単に確認できるよう表示しなければなりません。必要な記載内容や禁止事項などECサイト向けの注意点を中心に整理しました。 特定商取引法(特商法)とは 消費者庁の専用サイト「特定商取引法ガイド」によれば、特定商取引法(特商法)は、訪問販売や通信販売など消費者トラブルが起きやすい取引を対象に、事業者が守るべきルールと、消費者を守るルールを定めている法律です。 消費者トラブルが

                                                                    改正特定商取引法、2022年6月施行 ECサイトは最終確認画面で要対応 | ツギノジダイ
                                                                    • いざという時に使える13のHTML&CSS Tips集 | Pulp Note

                                                                      いざという時のために覚えておくと便利なHTML&CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には画像の縁を判定して回り込んでいるのではなく、shape-outsideプロパティを使用し、circle(50%)を指定することで、要素の回り込みの形状を円形にしています。 .shape-outside .circle { shape-outside: circle(50%); } なので、画像の形状を四角にしてもshape-outside: circle(50%)を指定すれば円形に回り込みます。 See th

                                                                      いざという時に使える13のHTML&CSS Tips集 | Pulp Note
                                                                      • フォトショップで写真を手描きスケッチ風に加工!おすすめ素材20選 - PhotoshopVIP

                                                                        フォトショップでやりたいことでよく挙げられるのが、写真を手描きスケッチ風に加工する方法です。 AIで自動加工できたり、レトロなハーフトーン風に仕上げる方法なども紹介していますが、今回はより手軽に手描きスケッチ加工を表現できるデザイン素材をまとめています。 写真を放り込むだけで、プロのような仕上がりを手軽に実現できる、時短アイテムとしても便利です。 アクション素材の使い方もボタンひとつの簡単操作で、はじめての人でも簡単に利用することができますよ。 https://photoshopvip.net/134182 https://photoshopvip.net/134499 https://photoshopvip.net/134557 フォトショップで写真を手描きスケッチ風に加工!おすすめ素材20選 Animated Architecture Sketch and Blueprint Pho

                                                                        フォトショップで写真を手描きスケッチ風に加工!おすすめ素材20選 - PhotoshopVIP
                                                                        • プログラミング学習の挫折を防ぐには?

                                                                          May 9, 2022 プログラミングの学習は時間と労力のかかる学習で、途中で学習を挫折してしまう事も珍しくありません。学習が思ったように進まないと、自分はプログラミングに向いていないのではといった迷いが出ることも少なくないでしょう。 このような問題についての研究は長年続けられており、2015年にラトビア大学のJuris Borzovs氏、Lalia Niedrite氏、Darja Solodovnikova氏らが「コンピュータプログラミング適性検査による中退学生の削減」という論文を発表しました。この論文では心理テスト、高校数学の補修講座、出願前のプログラミング体験、メンタープログラムなどによるドロップアウト削減施策が講じられました。 今回はこの論文の中から特に目に付いた点を紹介します。 半数近くの学生がコンピュータサイエンスを初年度に中退 MBTI診断テストとプログラミング学習の関連 E

                                                                          プログラミング学習の挫折を防ぐには?
                                                                          • 高知こどもの図書館サイトとアクセシビリティ

                                                                            2022年5月5日こどもの日に、デザイナーとして関わった 高知こどもの図書館のウェブサイト がリニューアル公開されました。 この記事では、高知こどもの図書館ウェブサイトの制作時にアクセシビリティに関して取り組んだことを紹介します。 プロジェクトの背景 行けなくても訪ねられる図書館! こどもの本の世界を拓くWebサイト 「高知こどもの図書館」は、NPOで運営されているこどもの本の専門図書館です。今回のプロジェクトでは、クラウドファンディングで全国から200名以上の方の支援を得てウェブサイトの全面リニューアルが行われました。 来館することが前提の従来の形から、図書館に来られない方々に対して「もう一つの扉」を開きたい。インターネットツールを活用することで、より多くのこどもたちに、本の世界の入り口への道先案内ができないだろうか。 高知こどもの図書館クラウドファンディングページより コロナ禍で図書館

                                                                            高知こどもの図書館サイトとアクセシビリティ
                                                                            • Web Animations APIのcompositeが凄過ぎてすごいからみんな見てくれ - Qiita

                                                                              この記事はようやくSafariでもフルサポートされそうなWeb Animations APIのcomposite(効果の組成)って機能がすごいよ!!って、ただそれだけを伝えたい記事です。平たくいうと複数のアニメーションを簡単キレイに合成できる機能なのですが、通常のWebのコーディングでもよく出てくる辛さを解決してくれる結構すごいヤツなのです。 ▼ こういうアニメーション作るのもだいぶん楽になります Web Animations APIで星空パーティクル 単にCSSのアニメーションをJSで描けるよってだけではあるんだけど、ライブラリなしでそこそこ簡単にインタラクティブなもの作れるって意味ではうれしい。主要ブラウザ全部で使える。https://t.co/8H8zXfc5NL pic.twitter.com/bfTERJPxIX — ゆき@ティアF47a (@yuneco) October 11

                                                                              Web Animations APIのcompositeが凄過ぎてすごいからみんな見てくれ - Qiita
                                                                              • 未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん完結「最初からずっと不穏だ…」

                                                                                かけだしちゃん @kakedashi_chan 未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん その4 キラキラWEBデザイナーへの第一歩!SNSアカウントを作るよ~! #Web制作 #webデザイン #コミックエッセイ pic.twitter.com/Tu7NZAFyG7 2022-01-21 20:00:59

                                                                                未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん完結「最初からずっと不穏だ…」
                                                                                • Chrome拡張 つくりかた 令和最新版

                                                                                  数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい?」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite