並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 46件

新着順 人気順

参考資料の検索結果1 - 40 件 / 46件

参考資料に関するエントリは46件あります。 web制作web開発 などが関連タグです。 人気エントリには 『いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。|Fritz | Lead Product Manager @ Mercari』などがあります。
  • いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。|Fritz | Lead Product Manager @ Mercari

    いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。 こんにちは、フリッツ です。今回はプロダクトマネージャーの日課とも言える「仕様書」について。自分にとっては PM 業の施策実行フェーズにおいて最も重要な仕事のひとつであり、最も心躍り、最も興奮する瞬間です。 PM になってかなりの時間が経ちましたが、「仕様書」への力の入れようは減るどころか、「もっと気合を入れなければ。」と感じる一方。在宅勤務が(たぶん) IT 業界のニュースタンダードとなっていくいま、なおさら「仕様書」の重要性を訴えたい今日この頃です。 ということで、今回は ・ 良い仕様書がもたらす 5 つの効果 ・ 仕様書の重要性が増していく 2 つの理由 ・ 仕様書に含めたい 14 の項目・実戦編 ・ 仕様書作成時に心に留めたい 3 つのこと ・ 具体的な仕様書サンプル(

      いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。|Fritz | Lead Product Manager @ Mercari
    • 本当は教えたくないWebデザイン参考ギャラリーサイト37選

      ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

        本当は教えたくないWebデザイン参考ギャラリーサイト37選
      • 平畑光一(Koichi Hirahata)さんはTwitterを使っています: 「当院では5千人以上の #コロナ後遺症 の診察をしてきました。コロナ後遺症は寝たきりになってしまうほど重くなることがあるので注意が必要です。当院の調査で、重い後遺症になるのは、COVID-19になってから2か月以内が91%です。コロナ後遺症は、疲れると重くなりますから、COVID-19になったら、」 / Twitter

          平畑光一(Koichi Hirahata)さんはTwitterを使っています: 「当院では5千人以上の #コロナ後遺症 の診察をしてきました。コロナ後遺症は寝たきりになってしまうほど重くなることがあるので注意が必要です。当院の調査で、重い後遺症になるのは、COVID-19になってから2か月以内が91%です。コロナ後遺症は、疲れると重くなりますから、COVID-19になったら、」 / Twitter
        • アムウェイより苦情の多いD2C企業一覧 化粧品・健康食品 通販企業の苦情グラフ|kazuo dobashi

          ネット広告で商品の宣伝をしている会社について、苦情件数を分析し、グラフ化した。 この文書の意図ネット広告は怪しいものが多い、という認識が広まっている。おそらくその広告の中には、悪質な会社もあるだろう。 筆者は、それぞれの企業の「悪質性」を、何らかの形で定量的に表現できないかと考えていた。そのひとつの手段として、苦情件数に着目した。 一般消費者としては、「苦情が多い会社の商品は買いたくない」と考えるのが普通だろう。通販で商品を買う際の参考にして頂きたい。 なお、分析しているのはあくまでも「苦情件数」のみだ。筆者としては、有益な指標のひとつになるだろうと考えているが、これだけで悪質性を強く断言できるとは思っていないので、その点を最初に申し添えておく。 データの出典など苦情件数の期間は2021年7月~2022年6月の1年間。出典はPIO-NETと毎日新聞の記事だ。 PIO-NETは、「苦情相談情

            アムウェイより苦情の多いD2C企業一覧 化粧品・健康食品 通販企業の苦情グラフ|kazuo dobashi
          • 16歳男性「夜の営みは競技に影響を与えますか?」 | Cyclist

            16歳高校生男子です。下ネタではなく純粋な質問です。射精(夜の営み、自慰)は自転車競技、スポーツ全般に影響を与えるということはありますか? 自分はレースなどのため1年以上しなかった時期があるのですが、1カ月ぐらいは力が入りやすい、闘争心など影響を実感できることがあったのですが、そこからは実感できることはありませんでした。 ワールドツアー選手、プロ選手、実業団で活躍する選手などの、そこのところの事情を教えてください。 (16歳男性) このご質問を拝見したとき、僕は5秒くらい固まってしまいました。 一瞬、見なかったことにして別のご質問に取り掛かろうとも思ってしまったのですが、いやいや、こういうお題にも果敢に挑んできたのがこの「輪生相談」だと思いなおし、答える決断をした次第です。とくに、16歳の多感な時期の少年が勇気を振り絞って質問してくれたんですから、今回は冗談なしで真面目にお答えします。真面

              16歳男性「夜の営みは競技に影響を与えますか?」 | Cyclist
            • Shota Imai@えるエル on Twitter: "コンピュータサイエンスで有名なアルゴリズムのPython実装を大量に公開しているリポジトリ https://t.co/379T4izBle 教養レベルのデータ構造やアルゴリズムから機械学習やブロックチェーン,Web関連などの応用ま… https://t.co/vSmYZW5SHw"

              コンピュータサイエンスで有名なアルゴリズムのPython実装を大量に公開しているリポジトリ https://t.co/379T4izBle 教養レベルのデータ構造やアルゴリズムから機械学習やブロックチェーン,Web関連などの応用ま… https://t.co/vSmYZW5SHw

                Shota Imai@えるエル on Twitter: "コンピュータサイエンスで有名なアルゴリズムのPython実装を大量に公開しているリポジトリ https://t.co/379T4izBle 教養レベルのデータ構造やアルゴリズムから機械学習やブロックチェーン,Web関連などの応用ま… https://t.co/vSmYZW5SHw"
              • 世界一わかりやすいClean Architecture - nuits.jp blog

                本項は「C# Tokyo オンライン「世界一わかりやすいClean Architecture」他」による発表の登壇原稿となります。過去に発表した.NET版の記事はこちらにアーカイブしています。 本稿のサンプルコード・PPTはこちらで公開しています。 「CC BY-SA 4.0」で公開していますので、気に入っていただけたら営利目的含め、ライセンスの範囲で自由に利用していただいて問題ありません。 github.com また動画を以下で配信しています。よろしければご覧ください。 世界一わかりやすいClean Architecture はじめに まず初めに、クリーンアーキテクチャの誤解されがちな二つのことについてお話させていただきます。 その上で、クリーンアーキテクチャの本質とは何か?押さえておくべき、本当に重要だと考えている三つの事について、お話しします。 注意事項 さて本題に入る前に、少し注意

                  世界一わかりやすいClean Architecture - nuits.jp blog
                • Webエンジニア1年目の自分に捧げたい本・記事を超まとめ - Qiita

                  そろそろWebエンジニア3年目の折り返しになるので、Webエンジニアとして働く中でこれまで読んできた情報たちをまとめようと思い立ちました。 エンジニア3年目の今だからこそまとめられる情報として、「エンジニア1年目の1年間で読んでおきたかったな〜。」という本と記事をまとめておきます。 まとめ始めたら楽しくなってしまい、情報量が多くなってしまった...。全部手に取るのは不可能だと思うので、サーっと目を通して見て興味が湧いた本や情報を手にとっていただけると良いかと。 これからWebエンジニアになる人、Webエンジニア1年目の人の参考になれば幸いです。 これは何? Webエンジニア1年目が仕事を進める上で絶対に求められるであろう知識を、技術力・Web知識・仕事の進め方・キャリアの観点からまとめました。 「これだけ読んでおけば絶対大丈夫!!」という安易なものではありませんが、「どんな知識を学べばいい

                    Webエンジニア1年目の自分に捧げたい本・記事を超まとめ - Qiita
                  • 分かると、実に、おもしろい! QRコードの仕組み

                    少しマニアックな知識、QRコードの仕組みを紹介します。 QRコード決済、リンクをQRコードで提供するなど、日常的に使用されているQRコードにあるそれぞれのパターンがどのように機能しているか、どういう役割をしているのか、なぜ上下逆さにしても読み取れるのか、なぜ一部が隠されても読み取れるのかなどが分かります。 QR codes by Dan Hollick (@DanHollick) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに QRコードの仕組み 終わりに はじめに QRコードがどのように機能しているのか、疑問に思ったことはありませんか? 控えめに言って、実に、おもしろい! 注意: この記事⬇では非常にマニアックな内容が含まれています。 QRコードの仕組み QRコード(Quick Response code)は自動車部

                      分かると、実に、おもしろい! QRコードの仕組み
                    • デプロイ今昔 - Hatena Developer Blog

                      こんにちは。はてなのアプリケーションエンジニアの id:onk です。 最近、若手エンジニアを中心に、いろいろな技術を見つめ直すワーキンググループをやっています。今回は、その中から「デプロイ」の会で発表されたことをまとめました(なお、私は会のとりまとめをやっている非若手です)。 デプロイのライフサイクルの違い Infrastructure Platformでのデプロイ Application Runtime Platformでのデプロイ Applicationsのデプロイ デプロイ方式はどのように変化してきたか In place から Blue/Green へ Immutable Infrastructure という考え方 オートスケールへの対応 push 型デプロイと pull 型デプロイ コンテナによるデプロイの現況 コントロールプレーンによって何が変わったか ECS におけるデプロイ

                        デプロイ今昔 - Hatena Developer Blog
                      • 心理的安全ジャーニー Slackで安全を実装する5つの手法

                        デブサミ2020夏の発表資料となります。 当日発表しなかった資料についても参考資料として最後に追加しております

                          心理的安全ジャーニー Slackで安全を実装する5つの手法
                        • CSSは奥が深い!セレクタの書き方・命名や管理を改善する5つの原則

                          CSSは簡単なコードで書けます。しかし、プロジェクトの規模が大きくなるにつれ、コードが重複したり、未使用のコードが増えたり、!importantでの上書きが増えたり、読みにくいコードになります。 CSSのセレクタの書き方・命名や管理を改善する、シンプルで非常に効果的な5つの原則を紹介します。 Improve your CSS with these 5 principles by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSを改善する命名の原則 CSSを改善する詳細度の原則 CSSを改善するDRY原則 CSSを改善する単一責任の原則 CSSを改善する開放/閉鎖原則 CSSを改善する方法のまとめ はじめに CSSは簡単で分かりやすいのに、CSSを書く時に

                            CSSは奥が深い!セレクタの書き方・命名や管理を改善する5つの原則
                          • 2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど

                            CSSを10年以上書いてきた人にとって、この2020年は今までとは全く違ったCSSになったと感じた人も多いと思います。 レスポンシブはブレークポイントの代わりにCSS Gridでより簡単に実装できるようになり、グローバルなスタイルシートに頼るのではなく、CSS-in-JSでスタイルをコンポーネントに配置してテーマ性のあるデザインシステムを構築できます。 フレームワークではTailwind CSSが浸透し、ユーティリティ・ファーストのCSSが使用されるようになりました。2020年現在、CSSの使用状況を調査した「The State of CSS 2020」を紹介します。 The State of CSS 2020 The State of CSS 2020は、The State of CSS Surveyでアンケートを行った調査結果をまとめたものです。私も1票分参加しました。 ちなみに、代表

                              2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど
                            • 清水化学工業 株式会社

                              この度弊社のメッセージページをご覧頂きましてありがとうございます。 返信を1つ1つ丁寧にしたいところですがあまりにも数が多くお答えできそうにありません。 頂いたメッセージ等は今後の活動の参考にさせて頂きます。 個々の返信ができないこと大変恐縮ですがご理解のほどよろしくお願い致します。 いつも大変お世話になっております。この度は弊社ホームページをご覧頂き誠にありがとうございます。 脱プラスチック、脱ポリエチレン、ポリ袋から紙袋へ切り替えをご検討のお客様に一度弊社の声をお届けしたくメッセージを書かせて頂きます。 切り替えの際のご参考程度でいいですので弊社の声をお聞きください。 ポリ袋は実は エコなんです。 ポリエチレンの燃焼時に発生するのは二酸化炭素と水、そして熱。ダイオキシンなどの有害物質は発生しない。ごみ処理場で焼却されれば、燃料的役割を果たし、重油などの本来燃料の削減となる。 石油精製時

                                清水化学工業 株式会社
                              • WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性

                                ここ数年、PWA(プログレッシブウェブアプリ)が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 PWA(プログレッシブウェブアプリ)とは なぜPWAを構築する必要があるのですか? すでにPWAを採用しているのはどこですか? PWAを作成する時に必要なもの Web App Manifest Service Worker PWAを5分で構築しよう 静的キャッシュ 動的キャッシュ 静的と動的のどちらを使用すべきですか

                                  WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性
                                • Vue.js、Nuxt JSを学習するときにやったこと

                                  2021年7月11日 JavaScript, Nuxt JS, Vue.js 以前「WebデザイナーのためのVue.js事始め」という記事でVue.jsについて触れたのですが、それから今まで、どんな手順で勉強してきたのかを紹介してみます。途中ReactやGatsbyを取り入れたりもしていたのですが、結局 .vueファイルでの単一ファイルコンポーネントが楽だなーと思い、今はVue.jsに全振り中です。これから勉強してみたい方の参考になれば幸いです。 1. Vue.js公式Webサイトを確認 まずはVue.jsの公式Webサイトを確認。日本語にも対応しています。ここで基本的な使い方、文法、何ができるのかなどをざっくり学習しました。 サンプルコードがある箇所は実際にCodePenを使ってコードを記述し、動作確認します。公式は今後何度も繰り返しチェックすることになります。そのためこの段階ではすべて

                                    Vue.js、Nuxt JSを学習するときにやったこと
                                  • 全部まとめられていて便利!iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes

                                    Webサイト制作者・スマホアプリ開発者向け、Appleデバイスのスクリーンサイズ、各サイズを採用しているモデル、解像度、PPI、表示タイプ、比率、最後にサポートされたOS、セーフエリア、サイズクラス、ウィジェットのサイズ情報など、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。 先週ローンチされたばかりのサイトで、2021年最新モデルのiPad Proから、2007年のiPhoneまで、最新機種から初代までのデバイスのサイズが網羅されています。 Screen Sizes サイトを利用するのは簡単、登録など面倒なことは一切不要です。 サイドバーからデバイスを選択し、スクリーンサイズあるいはモデルを選択します。 私が使用しているiPhone 12 Proを見てみました。 サイトはキーボードショートカットも用意されており、shiftキーを押すとショートカットの一覧が表示・非

                                      全部まとめられていて便利!iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes
                                    • Nondestructive_TypeScript.md

                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

                                        Nondestructive_TypeScript.md
                                      • Web制作者はしっかりと理解しておきたい! CSSにおけるレイアウトアルゴリズムを解説

                                        CSSを理解するには、プロパティや値を知っているだけでは不十分です。CSSのレイアウトアルゴリズムがどのように機能するかを理解する必要があります。 ブログやツイートで便利なCSSスニペットが紹介されていても、なぜ機能するのか、レイアウトアルゴリズムがどのように使用されているのか説明されていないことはよくあります。CSSにおけるレイアウトアルゴリズムについて解説します。 CSSの初学者をはじめ、長く携わっている人にも、気づきや学びがあると思います。 Understanding Layout Algorithms by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSにおけるレイアウトのアルゴリズム レイアウトアルゴリズムの確認 インライン要素の不思議なスペース 終わりに はじめに 数年

                                          Web制作者はしっかりと理解しておきたい! CSSにおけるレイアウトアルゴリズムを解説
                                        • イラストの依頼でAIイラストを出されて「こんな感じで描いてくれ」と

                                          イラストレーターなんだが、客にAIイラストを出されて「こんなテイストでお願いします」と言われた。 仮にもプロのイラストレーターに対して、AIイラストの真似をしろと? ブチ切れたんだが、反論してきやがった。 そもそもAIイラスト技術というのは、膨大なデータベースからAIが学習をして、命令に沿ったイラストを出力するものだ。 それはもちろん数多の絵師たちの創作物を無断で剽窃しているわけで、それが問題なのは分かっている。 商用利用に使ったのなら権利侵害になるのはわかるが、今回はイラストの方向性を具体的に指示するために用便的に使ったわけで、金銭の授受が発生したわけでもない。そこになんの問題があるの? むしろ使い方としては正しい。 そもそも、イラストの世界では具体的にキャラ名を挙げて、これに似た感じに描いてくださいというのは日常的に行われているよね? その対象が「特定のイラストレーターの特定のキャラク

                                            イラストの依頼でAIイラストを出されて「こんな感じで描いてくれ」と
                                          • レイアウトやUIコンポーネントなど、最近のランディングページで使用されているアイデアのまとめ -SaaS Pages

                                            ランディングページがどのようにデザインされ、レイアウトされているのか、そしてコピーライティングがどのようにデザインされているのか、その参考資料となるアイデアをまとめたSaaS Pagesを紹介します。 ランディングページのデザインや実装、ヘッダやフッタやナビゲーション、特徴やボタンの目立たせ方など、デザインの引き出しにストックしておきたいですね。 SaaS Pages SaaS Pagesでは、ランディングページに使用されるUIコンポーネントごとにデザインとコピーライティングがまとめられています。 ナビゲーションバー 目標到達のプロセスから遠ざかる方向にナビゲートしない。 分かりやすいCTAボタンがある。 ユーザーエクスペリエンスを向上させるスティッキーバー。 開発者向けのドキュメントなど、特別なリンクを含めたい場合。 Navbar ヒーローヘッダ 独自のセールスポイントを強調する。 「今

                                              レイアウトやUIコンポーネントなど、最近のランディングページで使用されているアイデアのまとめ -SaaS Pages
                                            • 12月Webサーバシェア調査、Nginxが大量にシェア失う

                                              ホスト名ベースWebサイト数推移グラフ 1995年8月〜2021年12月 資料:Netcraft Webサーバシェア推移グラフ 1995年8月〜2021年12月 資料:Netcraft Webサーバアクティブサイトシェア推移グラフ 2000年6月〜2021年12月 資料:Netcraft トップ100万ビジーサイトWebサーバシェア推移グラフ 2008年9月〜2021年12月 資料:Netcraft コンピュータ別Webサーバシェア推移グラフ 2007年9月〜2021年12月 資料:Netcraft供 ドメイン別Webサーバシェア推移グラフ 2009年6月〜2021年12月 資料:Netcraft 2021年12月においてドメインとホスト名の双方で大幅な増加を見せたのはAmazon Elastic Load Balancingサービスで使われている「awselb」で観測された。この増加がN

                                                12月Webサーバシェア調査、Nginxが大量にシェア失う
                                              • 【保存版】Webフロントエンド基礎力(初心者向け) - Qiita

                                                ブラウザで動くWebページのプログラミング実装をフロントエンドと呼びます。 最近はJSON色つけ係と呼ばれてたりしますが、 Web開発未経験・初心者向けに最低限知っておいたほうが良い基礎知識とテクニックに関して体系的にまとめておきます。 (CodePenによる動作例付き) 環境構築に関しては(兎に角)早くプロトタイプを作る技術(初心者向け)を参考にしてください。 HTML、CSS、JavaScriptはブラウザ自体の実装に依存します。 この記事では比較的汎用的に使える書き方やHTML、CSS、JSを記載したつもりですが 最新のJavaScript APIやCSS3の機能によってはブラウザによってサポートされていない機能もあります。(特にIE) 各機能に関してはCan I useで現在のブラウザの対応状況を確認することができます。 HTML HTML(Hyper Text Markup La

                                                  【保存版】Webフロントエンド基礎力(初心者向け) - Qiita
                                                • Rails on Docker

                                                  Railsエンジニア向けDocker入門 / Docker description for Rails engineers

                                                    Rails on Docker
                                                  • デジタル人民元、始動へ 世界初、年内にも―中国:時事ドットコム

                                                    デジタル人民元、始動へ 世界初、年内にも―中国 2021年01月03日07時19分 スマートフォンを使った電子決済で支払いをする女性=2020年10月28日、北京市内の飲料店(AFP時事) 【北京時事】中国で「デジタル人民元」導入の準備が最終段階を迎えている。昨秋には実際の利用を想定した大規模な実証実験がスタート。2022年2月の北京冬季五輪を見据え、中央銀行の発行する法定通貨では世界初となるデジタル通貨が、21年中にも登場する見通しだ。当面は現金との併存が続く予定だが、経済のデジタル化が進展し、社会の仕組みが大きく変わる可能性もある。 「人民元経済圏」狙う中国 日米欧に危機感 中国人民銀行(中央銀行)は14年にデジタル元の研究に着手。一部地域での限定的な試験を経て、20年10月に広東省深セン市で5万人、12月には江蘇省蘇州市で10万人を対象に実証実験を行った。 抽選で選ばれた市民はスマー

                                                      デジタル人民元、始動へ 世界初、年内にも―中国:時事ドットコム
                                                    • 『閃光のハサウェイ』のベスト視聴環境はLGの有機ELテレビとDENONのサウンドバーDHT-S517(予算20万円以内) - ARTIFACT@はてブロ

                                                      『水星の魔女』が終わったあと、地上波放映された『閃光のハサウェイ』が、また話題になっている。配信が始まった頃に戦闘シーンが暗くて見にくいという声が多かったが、黒が浮きやすい液晶テレビでは見づらく、視聴環境を選ぶ作品である。*1 また、地上波で放映される作品の常で、音声はステレオだが、『閃光のハサウェイ』の魅力の一つとして音響があり、大半の劇場アニメや邦画は5.1chの中、珍しくDolby Atmosで制作されている。*2Dolby Atmosとは、映画の一般的なサラウンドフォーマットの5.1chや7.1chと違い、上方からも音が聴こえる立体音響のフォーマットだ。ただし、大半の上映は5.1chで、Dolby Atmosはそれに対応した映画館だけで上映されたため、誰でも気軽に体験はできなかった。しかし、Blu-rayやUltra HD Blu-rayにはDolby Atmosの音声が収録されて

                                                        『閃光のハサウェイ』のベスト視聴環境はLGの有機ELテレビとDENONのサウンドバーDHT-S517(予算20万円以内) - ARTIFACT@はてブロ
                                                      • 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は可変フォントやアイコン、アクセシブルで使いやすいカラーに
                                                        • UI Design Daily

                                                          Free, Open-source UI design resources updated daily.

                                                            UI Design Daily
                                                          • ChatGPTとは何か そのできること/できないこと

                                                            流れるように自然な会話ができたり、ときには素っ頓狂(すっとんきょう)な答えが返ってきたりするのが楽しくて、このサービスを使っている方もたくさんいるでしょう。本稿では、その特徴や実際に使った例などを見ながら、ChatGPTがどんなものかを概観することにします。 特徴 ChatGPTはテキスト生成用に訓練されたGPT-3.5と呼ばれる系列の言語モデルを対話に適したモデルへとファインチューンしたものです。このときには、RLHF(Reinforcement Learning with Human Feedback。人間のフィードバックを用いた強化学習)と呼ばれる手法が使われています(この手法の概要については次回以降に紹介する予定です)。 ChatGPTを使う上で気になるのは使用料がかかるかですが、現在は初期のResearch Previewであり、無料で使用できます(ということは、将来的には有料に

                                                              ChatGPTとは何か そのできること/できないこと
                                                            • 地下アイドルに傷害疑い…芸能プロ運営の男逮捕 - 産経ニュース

                                                              芸能プロダクションに所属しアイドル活動をしていた20代の女性に暴行を加え、けがをさせたとして、愛知県警中署は16日、傷害の疑いで、芸能プロを運営する古川博一容疑者(35)=名古屋市西区=を再逮捕した。中署によると、容疑を否認している。 再逮捕容疑は今年5月、名古屋市中区の女性宅で口論になり、暴行して後頭部打撲など2週間のけがを負わせたとしている。 女性は名古屋市のライブハウスを中心に活動する「地下アイドル」だった。 古川容疑者は先月、芸能プロに所属する別の女性と交際していた愛知県新城市の男性会社員(27)から、300万円を脅し取ったとして恐喝容疑で逮捕、起訴された。

                                                              • 第1回 役割は「ヒット作を出します」 | 特集 編集とは何か。06 「ビッグコミックスピリッツ」編集部 金城小百合さん | 金城小百合 | ほぼ日刊イトイ新聞

                                                                久住昌之さん原作の『花のズボラ飯』、 今日マチ子さんの『cocoon』、 米代恭さんの『往生際の意味を知れ』、 『あげくの果てのカノン』、 鳥飼茜さんの「『サターンリターン』、 池辺葵さんの『プリンセスメゾン』。 これらはすべて、 ひとりの編集者が担当した作品です。 「ビッグコミックスピリッツ」の 金城小百合さんが、その人。 名作・ヒット作を連発する編集者の 編集論・編集哲学を、うかがいました。 担当は「ほぼ日」奥野です。 >金城小百合さんのプロフィール 1983年生まれ。秋田書店に入社後、小学館に転職。入社3年目に立ち上げた『花のズボラ飯』が「このマンガがすごい!」オンナ編1位、マンガ大賞4位受賞、TVドラマ化など話題に。その後、漫画誌「もっと!」を創刊、責任編集長を務める。その他、藤田貴大主宰の「マームとジプシー」によって舞台化された『cocoon』、TVドラマ化作品『プリンセスメゾン

                                                                  第1回 役割は「ヒット作を出します」 | 特集 編集とは何か。06 「ビッグコミックスピリッツ」編集部 金城小百合さん | 金城小百合 | ほぼ日刊イトイ新聞
                                                                • Intersection Observerを使用すると実装が簡単に!Vue.jsでスクロールイベントをトリガーする方法

                                                                  Webページやスマホアプリにスクロールのアニメーションを実装したり、特定の地点までスクロールしたらイベントをトリガーにしたりする際は、JavaScriptのライブラリを使用するのではなく、Intersection Observerが非常に簡単で便利です。 Intersection Observerを使用して、Vue.jsでスクロールイベントをトリガーする方法を紹介します。 How To Trigger a Scroll Event in Vue.js With the IntersectionObserver by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Intersection Observer APIで何ができるか IntersectionObserverのコンポーネント 終わり

                                                                    Intersection Observerを使用すると実装が簡単に!Vue.jsでスクロールイベントをトリガーする方法
                                                                  • 「サブスクリプション」と「マイクロペイメント」の狭間で有料コンテンツを考える【鈴木淳也のPay Attention】

                                                                      「サブスクリプション」と「マイクロペイメント」の狭間で有料コンテンツを考える【鈴木淳也のPay Attention】
                                                                    • 新型コロナでデジカメ市場壊滅の危機 5月出荷7割減 - 日本経済新聞

                                                                      NIKKEI Primeについて 朝夕刊や電子版ではお伝えしきれない情報をお届けします。今後も様々な切り口でサービスを開始予定です。

                                                                        新型コロナでデジカメ市場壊滅の危機 5月出荷7割減 - 日本経済新聞
                                                                      • 【NURO光の設定】二重ルーター問題を解決?ONU(F660A)のDMZ設定で自前ルーター(Archer AX73)を「ルーターモード」で使う!

                                                                        接続はNURO光のONUの「LANポート」と自前ルーターの「WANポート」をLANケーブルで接続します。 分かりやすく図にすると以下のようになります。 画像は、右下:NURO光ONU「F660A」と左上:自前ルーター「TPLINK ax73」の接続例です。 LANケーブルの接続が終わったら「ONU」の電源を入れます。ONUが完全に立ち上がるまでじっと我慢し、次に「自前ルーター」の順番で電源を入れます。 殆どの場合、電源を切らなくても問題なく動作すると思いますがトラブってムダな時間がとられるのが嫌なので、面倒ですがなるべく基本的なネットワーク機器取り扱い手順にそって進めていきます。 NURO光「ONU」の管理画面にログイン LANケーブルの接続が終わって電源をいれたら、NURO光「ONU」の管理画面にパソコンからブラウザを使ってログインします。 ブラウザを立ち上げ、アドレスバーに「192.1

                                                                          【NURO光の設定】二重ルーター問題を解決?ONU(F660A)のDMZ設定で自前ルーター(Archer AX73)を「ルーターモード」で使う!
                                                                        • Kubernetesをマスター す る方法を伝授 - Speaker Deck

                                                                          All slide content and descriptions are owned by their creators.

                                                                            Kubernetesをマスター す る方法を伝授 - Speaker Deck
                                                                          • 「目上に〈了解〉は失礼」説の発祥について - メモ 2013.10.10~

                                                                            最近、「目上に『了解しました』を使うのは失礼なので避けるべきである」という言説 (以下、「了解」失礼説) に対して、「2009年頃に、とあるフリーライターが創作した偽マナーである」という意見をネット上でよく見るようになりました。 「了解」失礼説が広まったのは、実際ここ10年前後のことなのかもしれません。しかし、説そのものは昭和の時代から存在します。また、この説はフリーライターやマナー講師だけが唱えているものではなく、日本語の専門家のなかにも同調している方々がいらっしゃいます。今回の記事では、そうした情報をご紹介します。なお、当記事は「了解」失礼説の適否について結論を出すことを目的とするものではありません。 昭和時代からあった「了解」失礼説 1970年代から1980年代にかけて書かれた、言葉に関するマナー本をいくつか見てみたところ、 相手の要望に応えるときには、「承知しました」「かしこまりま

                                                                              「目上に〈了解〉は失礼」説の発祥について - メモ 2013.10.10~
                                                                            • 【ご意見ください】Webデザイナーが初めて作ったLP制作の裏側!学んだことと反省点 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                                                                              みなさんこんにちは! デザイナーのえびちゃんです。 入社してからLIGブログのアイキャッチや背景ジャック、クライアントバナーなどのクリエイティブを担当させていただいておりました。 早いもので、入社して1年が経過したこともあり、上司のまこりーぬさんが、デジタルハリウッドSTUDIO by LIG(以下:デジLIG)における、ネット動画ディレクター専攻の下層LPを制作する機会を私に与えてくださりました……! (作成したLPはこちら!↓) https://liginc.co.jp/studioueno/video_creator/ 私はデジLIGに通っていたので、卒業制作やポートフォリオに載せる作品としてWebサイトを作ったことはありました。ですが、デザイナーになってから仕事としてWebサイトを制作することや、LP形式のサイトを作ることは初めてだったので、たくさん悩みながら制作を進めていきました

                                                                                【ご意見ください】Webデザイナーが初めて作ったLP制作の裏側!学んだことと反省点 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                                                                              • 私家版楽器事典

                                                                                のボタンを押すと初期画面(ホーム)に戻ります。左ペインにない楽器はここから探せます。 それでも、私家版楽器事典で紹介している楽器のすべてをこのリストに表記しきれていません。すべてリストに表記すると画面がいっぱいになってしまうのと、多数のアイコンで表示速度が遅くなってしまうからです。 ページによっては、表示されている画像をクリックすると、さらに新しいページが表示されます。 このリストに記載されていない楽器も表れることがあります。 初期画面(ホーム)には、検索窓があって楽器検索ができるようになっています。 この下の検索窓も実際に検索可能です。

                                                                                • BASE・STORES・Shopifyを徹底比較!ECショップ開設はどこにすべき? - 起業ログ

                                                                                  「ネットショップを開設したい!お店を持ちたい!」という人におすすめなのが、BASE、STORES、Shopifyの3つのサービスです。 特に、BASEとSTORESは「無料&数分でネットショップを開設できる」と簡単さを全面に打ち出しています。 一方、Shopifyは有料ですが、世界でトップシェアを誇るECサービスで、こちらもPCスキルがあまりなくてもネットショップが開設できます。 3つのサービスの違いで注目したいのは、料金、手数料、機能の違いです。 ネットショップを運営していくのに、コストマネジメントは重要ですし、サイト制作がしやすくないと、継続して運営するのが難しくなってしまいます。 この記事では、BASE、STORES、Shopifyの料金、機能をサイト制作、集客、販売・運営、顧客管理からフルフィルメントといったECショップを運営する一連の流れに沿って、3つのサービスを徹底比較していき

                                                                                    BASE・STORES・Shopifyを徹底比較!ECショップ開設はどこにすべき? - 起業ログ

                                                                                  新着記事