並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 25823件

新着順 人気順

uiの検索結果281 - 320 件 / 25823件

  • これがユーザーの信頼を失うデザインだ! 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン

    ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書(紹介記事)」や「ザ・マイクロコピー(紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで

      これがユーザーの信頼を失うデザインだ! 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
    • 文章が3行以上続くパワポ資料は読まれない まず全体像が伝わる、拾い読みできる提案資料の作り方

      東京・立川を拠点に起業に関連したさまざまなイベントを開催しているStartup Hub Tokyo TAMA。本記事では、『秒で使えるパワポ術』『秒で伝わるパワポ術』の著者で、シリョサク株式会社代表の豊間根青地氏が登壇したイベントの様子をお届けします。今回は、スライドの本質や、スライドを見やすくするポイントについて語られました。 前回の記事はこちら スライドの本質 豊間根青地氏(以下、豊間根):あと2つですね。「構造を図解にする」という話をしていきます。ここでお話しするのは、要はタイトルとキーメッセージが作れましたと。そのスライドで答えは決まったんだけど、じゃあその根拠・理由をどう作るかというところの考え方をお話しします。 いわゆるスライドの中に載せるコンテンツ、図表の話をしていくわけですが、最初に意識いただきたいのは、みなさんがパワポのスライドをどういうイメージで捉えるかという話です。

        文章が3行以上続くパワポ資料は読まれない まず全体像が伝わる、拾い読みできる提案資料の作り方
      • あらゆるサービスの解約情報が募る「解約.com」を作りました


          Advent Calendar 2023 15   .com  .com: https://kai8ku.com  DAZN  () ()  : Web,,,  : (WIP) AI: 
          あらゆるサービスの解約情報が募る「解約.com」を作りました
        • Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita

          こちらに移行しました。(2020/05/16) 概要 Vue.jsで作成されたプロジェクトを紹介しているサイト 「made with vue.js 」があります。 面白くて役立ちそうなツールやサービスをまとめてみました。 UIコンポーネント VueSocial ソーシャルサービスのボタンを作成するVueのコンポーネント CKEditor 5 リッチテキストエディタのコンポーネント Vue.Draggable ドラッグ&ドロップのコンポーネント Vuetable 2 データテーブルのコンポーネント。demo vuejs-datepicker vueのdatepicker Kalendar Vueのカレンダーコンポーネント Vue Apexcharts SVGベースのグラフ可視化コンポーネント Vue.js Google Charts VueのGoogle Charts vue-cart ショ

            Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita
          • シャニマスのチェックボックスから見る色弱者の世界|謝罪P

            先日のアップデートでシャニマスのUI周りに色々と手が加えられた。 その中でも個人的に嬉しかったのは、ソートに関連するチェックボックスのON/OFFが見やすくなっていたことだ。 大多数のユーザーにとっては「まあ確かにね」くらいのものかもしれない。しかし私は「これでようやくまともにソート機能が使える」とひそかに歓喜した。一部のユーザーも共感してくれるのではないだろうか。 なぜなら私の目に映った変化は以下のようなものだったから。 チェックの光沢の有無でかろうじて判別していた(ひよこ鑑定士か?)この見え方の差異は、私が『色覚マイノリティ』、いわゆる『色弱者』であることに起因する。 『色弱者』って何?光(色)を感じる視細胞が何らかの原因により欠損、または十分に機能しないことによって色の見え方が一般とは違う人のことを、本記事では『色弱者』という呼称で表記する。 日本人男性の5%、女性の0.2%がこの色

              シャニマスのチェックボックスから見る色弱者の世界|謝罪P
            • 「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か?|moutend

              結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。

                「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か?|moutend
              • iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点|marin

                私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android

                  iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点|marin
                • GMOペパボのエンジニア研修2021の資料を公開します - Pepabo Tech Portal

                  はじめに 今年のエンジニア研修の担当をしたkurotakyとtokkyです。ペパボのエンジニア研修2021がはじまっていますという記事を書いてあっという間に時が経ち、先日研修が終わったので研修資料を公開します。各研修の講師からコメントをもらっているので、ぜひ読んでいってください! 研修を実施するにあたって、専門的な内容を学んでから現場に入る方法や、幅広い技術層に触れてから現場に入る方法など、さまざまなスタイルがあります。ペパボでは最新の技術の幅広く触れてOJTに入っていくやり方を選択しています。それはなぜかというと、GMOペパボのわたしたちが大切にしている3つのことの中で、「みんなと仲良くする」ということ話がありますが、みんなと仲良くするというのは、エンジニアという職種だけでも100人以上になり、そのみんなと仲良くするのは実際は結構難しいと思います。過去にCTOのあんちぽさんが2017年の

                    GMOペパボのエンジニア研修2021の資料を公開します - Pepabo Tech Portal
                  • 『アズレン』開発会社の社長はどのような人物なのか ― 国籍ではなく性癖、KPIではなく楽しさ、好きな作品は『ごちうさ』【2周年記念インタビュー】

                    『アズールレーン』の開発会社であるManjuuの社長・林書茵氏が日本でのサービス2周年に合わせて来日する──ある日、我々はそんな情報を耳にした。 彼女が日本で初めて話題になったのは、おそらく2018年5月にAbemaTVで放送された「アズレンTV~石川由依がめぐる アズレン開発現場 in 上海~」だろう。 この時、我々は初めて開発会社の社長の姿を目にし、ファンの間で話題となった。2019年9月に4gamer.netが掲載した林氏のインタビューによると、Manjuuの日本支社の準備が進められており、新作の開発も行われてるため、もしかしたら今後はよく目にする人物になるかもしれない。 【社員募集のお知らせ】 日本支社では、ただいま以下の職種の社員募集を開始しました! ・背景デザイナー ・キャラクターデザイナー ・メカニックデザイナー「急募」 ・SDデザイナー 意欲のある方は「履歴書+ポートフォリ

                      『アズレン』開発会社の社長はどのような人物なのか ― 国籍ではなく性癖、KPIではなく楽しさ、好きな作品は『ごちうさ』【2周年記念インタビュー】
                    • 君はまだ平成のアーキテクチャを使ってるのか?僕はFirebaseと令和の時代に行くぞ。 - Qiita

                      Help us understand the problem. What is going on with this article? メリークリスマス! この記事はFirebase Advent Calendar 2019の25日目の記事です。 これはなに? この1年、本を書いたり勉強会で登壇したりいろいろやってみた結果を振り返ってみると、本当に多くの人がFirebaseにふれるようになったなぁと思います。圧倒的な開発者体験の良さをもってバックエンドの関心事を一手に引き受け、アプリケーション開発を劇的に高速化してくれるソリューションとして、Webアプリでもモバイルアプリでもバックエンド第一の選択肢として確固たる地位を確立しつつあるのではないでしょうか。 それ自体はとてもいいことなのですが、Firebaseの強さを活かすためのアーキテクチャに関するアイデアはあまり表に出てきていないのではな

                        君はまだ平成のアーキテクチャを使ってるのか?僕はFirebaseと令和の時代に行くぞ。 - Qiita
                      • 2021年、最も注目されたUIデザインのテクニックのまとめ

                        デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン+8ptグリッド=調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行

                          2021年、最も注目されたUIデザインのテクニックのまとめ
                        • Linus Torvalds 氏の理想の git 運用と GitHub

                          Note 本記事の内容は Linus 氏の発言が人を傷つける場合に筆者がそれを良しと考えるといった意図はございません 少し古い記事になるが、 Linus Torvalds 氏 の GitHub に対する苦言が記事になっていた。 LinuxカーネルにNTFSドライバーが追加、トーバルズ氏はGitHub経由のマージに苦言 - ZDNet Japan Linus 氏が GitHub について苦言を呈するのは今に始まったことではない(後述)が、 別に GitHub のすべてを否定しているわけではない。[1] では一体何が不満なのか。Linus 氏の理想とする git の開発フローを考察した上で、整理してみたい。 Linus 氏の理想 結論からいうと、 「意味あるコミットを作れ」「コミットを大事にしろ」 という思想が伺える。 では 「意味あるコミット」「大事にされたコミット」 とは何なのか。 筆者な

                          • もっと早くデザイナーに声をかけろ

                            SIerのインハウスデザイナーとして働いてるんだけど、うちの会社の業務フローがクソすぎてストレスが溜まっている。 あの、PMのみなさん、ていうか我が社の開発標準つくってるみなさん。 外部設計とか機能設計とか、「設計」ってついてる工程にデザイナーをアサインしてください。 デザインって「設計」っていう意味なので。 別に、知識マウントとか偉ぶってるとかでもなんでもないです。 外部設計も機能設計も社内のエンジニアがエクセルで作っているけど、なんでデザイナーを呼んでくれないんですか? あなたたちがやってるそれ、デザインですよね? そのくせエンジニアは、自分が設計書を作っていても「デザイン」をしているという自覚は全くない。 それどころか「自分にはセンスが無いから〜!」と変にデザイナーを持ち上げてくるんだけど、あなたたちのやってることもデザインですよ。 なのに、自分たちだけですっかり外部設計とか機能設計

                              もっと早くデザイナーに声をかけろ
                            • 最近のフロントエンドフレームワークに対する認識とお気持ちの整理 - console.lealog();

                              久しぶりに、いわゆるポエムを。 新規・運用ヘルプを問わず、受託や副業でよくフロントエンドをやってるWeb屋の見解、そして手札のお悩み。 この先、また技術選定する際なんかにも参考になるかと思ったので。 React 「いまフロントエンドやるなら最初に覚えるべき!」は、もう過去の話かなーと個人的には思ってる。 Reactは`UI = fn(state)`なのが良い!とか言われるけど、あなたが必要としてるのは`UI = Component(props)`かもよって。 一昔前までは、たしかにあらゆる面で頭一つ抜けてる印象はあったけど、今はそうでもないか、その差はだいぶ埋まってきてると思ってる。(もちろん先行者利益みたいなところで、エコシステムはまだまだ優位な差があるかもしれんけど、それもあまり実感できたことはないし、いまからはじめる人はそんなんで困らんやろうし) 原初の時代からReactな案件をそれ

                                最近のフロントエンドフレームワークに対する認識とお気持ちの整理 - console.lealog();
                              • 【閲覧注意】イライラ不可避なUIデザイン10選 - Qiita


                                NucoOrganization Nuco  9  使(使) 
                                  【閲覧注意】イライラ不可避なUIデザイン10選 - Qiita
                                • 今からVue.jsを始める人のための「知るのを後回しにしてよい」n個のこと - Qiita

                                  *この記事は2020年3月頭に書かれている記事です どうも、Vueはいいぞおねーさん(自称)です。 Vue.jsは私に言わせるととてもよいフロントエンドフレームワークであり、その理由の一つにプログレッシブフレームワークである(段階的に利用する機能を増やしていくスタイルにマッチしている)ものとして、フロントエンド初学者の皆さんにもおすすめしたい代物です。 しかし、現在までに様々なプラクティスが考案されたがゆえに、「最初からベストな方法で始めたい」という思いから一度にたくさんのことに挑戦してしまいたくなりがちです。 そしてそれはプログレッシブという思想に反するもので、結果として挫折を生んでしまっているのではないかと思いました。 そこで今回は「知るのを後回ししてよいこと」として、Vue.jsへの入門する方へのアドバイスを独断と偏見で不要度という指標でまとめてみました。 不要度というネガティブな指

                                    今からVue.jsを始める人のための「知るのを後回しにしてよい」n個のこと - Qiita
                                  • 高評価アクションゲーム『Celeste』開発者が、“手触り“に関する極意を明かす。プレイヤーにストレスを与えないように取り組んだこと - AUTOMATON

                                    ホーム ニュース 高評価アクションゲーム『Celeste』開発者が、“手触り“に関する極意を明かす。プレイヤーにストレスを与えないように取り組んだこと 現在PC/Nintendo Switch/PS4/Xbox One向けに販売中の『Celeste』。山登りと自己発見をテーマにした2Dアクションゲームである本作は、何度も死にながら少しずつ歩みを進める歯ごたえあるゲームプレイが特徴だ。一方で、キャラクターの操作性の良さにより、また絶妙なレベルデザインも手伝って、何度も挑戦しているうちに突破できそうだと感じさせてくれる。 キャラクターの操作性は、コントローラーを通じてプレイヤーが直接感じ取ることになる重要な部分。その“『Celeste』らしい手触り”はどのようにして実現させたのか、本作のディレクターMatt Thorson氏がいくつかのテクニックを紹介している。 コヨーテタイム A short

                                      高評価アクションゲーム『Celeste』開発者が、“手触り“に関する極意を明かす。プレイヤーにストレスを与えないように取り組んだこと - AUTOMATON
                                    • Macaron | Visual component editor for Web development

                                      Macaron is an open-source UI design tool to create and maintain Web Components.

                                        Macaron | Visual component editor for Web development
                                      • エンジニアリングの必須図書 40冊 2023年版

                                        はじめに 今回の記事では、私の独断と偏見でエンジニアリングにおける必須の書籍を、以下の分野に分けて40冊共有する。 Web開発 行動経済学 ソフトスキル その他 対象とする読者 プログラミング初心者 どの書籍から読み進めればいいかわからないプログラマー なにか新しい書籍を読みたいひと なんとなくタイトルが気になったひと Web開発 『リーダブルコード』 良質なコードの原則と具体的なテクニックを丁寧に解説している。プログラミング初心者はまずこれを読むべき。良質なコード―要は、メンテナンスしやすいコードを書く上で重要なヒントを教えてくれる。コーディングで一生役立つ知識が満載だ。何度読んでも決して色褪せることのない不朽の古典である。 『14歳からのプログラミング』 図解付きでプログラミングの基礎(例:変数、関数、条件分岐)を理解できる。小難しい専門用語が一切なく、初心者でも問題なく理解できるよう

                                          エンジニアリングの必須図書 40冊 2023年版
                                        • マイクロサービスにおけるWeb APIスキーマの管理 ─ GraphQL、gRPC、OpenAPIの特徴と使いどころ|ハイクラス転職・求人情報サイト AMBI(アンビ)


                                          Web API  GraphQLgRPCOpenAPI使 ota42yGraphQLgRPCOpenAPIWeb API使 GraphQLgRPCOpenAPI使 Web API Schema First DevelopmentWeb API  Web API OpenAPI  R
                                            マイクロサービスにおけるWeb APIスキーマの管理 ─ GraphQL、gRPC、OpenAPIの特徴と使いどころ|ハイクラス転職・求人情報サイト AMBI(アンビ)
                                          • これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons

                                            WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上! ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ

                                              これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
                                            • SPA認証トークンはlocalStorageでもCookieでもない、Auth0方式はいいねというお話 - @mizumotokのブログ

                                              SPA認証トークンをどこに保存するかは論争が絶えません。localStorageやCookieがよく使われますが、Auth0は違う方法を採用しています。この記事では、Auth0のトークン管理の方式を理解でき、トークン管理上のセキュリティへの理解を深めることができます。 SPAの認証トークンをどこに保存するか ブラウザでトークンを保存できる場所 保存場所の比較 メリット・デメリット Auth0のアプローチ トークンはインメモリに保存 OpenID Connect準拠とトークン取得のUI/UXの悪化回避を両立 Auth0のjsライブラリ ログイン アクセストークンの(再)取得 図解 ログイン アクセストークンの(再)取得 自サービス内の認証だけのもっと簡易な構成 ログイン IDトークン取得 まとめ SPAの認証トークンをどこに保存するか React やVueで認証付きSPA(Single Pa

                                                SPA認証トークンはlocalStorageでもCookieでもない、Auth0方式はいいねというお話 - @mizumotokのブログ
                                              • 商用利用無料、UIデザイン用のSVGアイコンが558種類!デザインに合わせたカスタマイズも簡単な優れもの

                                                企業サイトはもちろん、プロダクト、コマース、ショップ、アプリ、ブログなど、さまざまなUIデザインのSVGアイコンが無料で利用できるTabler Iconsを紹介します。 SVGアイコンの数はなんと558種類で、オープンソース! 豊富なアイテムに加え、カラーやサイズやストロークなどのカスタマイズも簡単で、自分のデザインに合ったSVGアイコンを利用できます。

                                                  商用利用無料、UIデザイン用のSVGアイコンが558種類!デザインに合わせたカスタマイズも簡単な優れもの
                                                • UIデザイン時にやってしまいがちな18の誤ち|Mikio Kiura / ANKR DESIGN

                                                  WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では

                                                    UIデザイン時にやってしまいがちな18の誤ち|Mikio Kiura / ANKR DESIGN
                                                  • 無料なのに多機能すぎるカメラアプリ「Blackmagic Camera」登場 iPhone用、10bit 4K ProRes対応


                                                    Blackmagic Design915IBC 2023iPhoneBlackmagic CameraiPhone Blackmagic Camera10bit Apple ProRes4KUI3D LUT
                                                      無料なのに多機能すぎるカメラアプリ「Blackmagic Camera」登場 iPhone用、10bit 4K ProRes対応
                                                    • 中川政七商店が「楽天撤退」1年でEC売上を急回復できた理由

                                                      楽天市場での販売を止めて1年と経たずに、自社ECサイトで売り上げをすぐに取り戻せそう——。そんなSPA(製造小売り)を勇気づけるツイートが、2カ月前に話題になった。 つぶやいたのは、1716年創業の老舗企業「中川政七商店」(奈良県奈良市)で、取締役兼コミュニケーション本部本部長を務める緒方恵氏。同社は日本の伝統工芸を生かした生活雑貨を企画・製造・販売する。どのように実現したのか、奈良の本社で緒方氏に話を聞いた。 ブランドコントロールについて長期で考えた結果、昨年の8月に楽天市場店を閉じた。 EC全体の4割を担っていた楽天を閉じるのは肝が冷えた。 が、1年かからずに本店サイトで楽天分をカバーできるように成長させることができそう。 勝因はひとえにメンバーの成長。これに尽きる。感慨深い。 — 緒方 恵 / 中川政七商店 取締役 (@notmegumi) June 23, 2019 ブランドコント

                                                        中川政七商店が「楽天撤退」1年でEC売上を急回復できた理由
                                                      • 【追記あり】ソシャゲやってる女性プレイヤーに言いたい

                                                        ゲームに関してお気持ちメールの文章長すぎて殆ど効果なくなってます 窓口担当の大半は自分含めて3行以上文章読むと死ぬので3行以内にまとめて欲しい 基本カスみたいなスパムとか言い捨てメール以外は全部開発に共有するんだけど、開発の時間も有限なのでお気持ち長文メールは3行以上あるとこっちで勝手に添削して共有するのが基本(少なくともうちの会社では) そしてその添削のセンスは窓口担当の気力と知能に依存するので長い文章の本意が全然違った形で伝わる事も珍しくない 文章量的には特にシナリオの話だと300文字以内にまとめてくれるとそのまま回しやすいのでそうしてくれると助かる ただUI関係は専門部署にそのまま投げるからいくらでも長文書いて構わない 野郎向けのソシャゲで要望通りやすい傾向あるのは男性向けの場合口調はチンピラみたいなのでも本意が明確であることが多いから あと女性向けソシャゲは開発は女性多くとも窓口担

                                                          【追記あり】ソシャゲやってる女性プレイヤーに言いたい
                                                        • Webフロントエンド入門


                                                           HTMLCSSJSweb2023 😇  HTML, CSS, JS Web  React, Next.js WebJS(React) ReactFacebookVercel使Next.js 
                                                            Webフロントエンド入門
                                                          • 最高のデザインツール「Drama」が登場!SketchやXDより良いかも。 | Web Design Trends

                                                            Dramaとは Dramaは、インタラクティブなプロトタイプやアニメーションが作成可能なUIデザインツールです。 公式サイトでは、Dramaによってできることとして下記の3つが挙げられています。 インタラクティブなプロトタイプやアニメーションが作れるUIデザインツールといえば、Framer XやInVision Studioなどが思いつきますが、使いやすさや操作性、機能の豊富さを比べるとDramaは頭1つ抜け出しているような印象です。 また、SketchやAdobe XDなどと比べるとUIデザインツールとしての機能に大きな遜色は無く、むしろ動作の滑らかさではSketchよりも勝っているのではないでしょうか。 Dramaを一言で述べると、「これまでのデザインツールのいいとこ取りをしたツール」であると言えるかもしれません。 現在はまだ正式リリースはされていませんが、公式サイトからベータ版をダウ

                                                              最高のデザインツール「Drama」が登場!SketchやXDより良いかも。 | Web Design Trends
                                                            • 「キャプテン翼」を世に送り出したテクモがいかに偉大かを皆さんに説明します


                                                                SE Twitter:@shinzaki  1
                                                                「キャプテン翼」を世に送り出したテクモがいかに偉大かを皆さんに説明します
                                                              • 【海外アニメ】恐怖!ディズニープラスクソダサロゴ展覧会!【カートゥーン】 - コウタロー速報


                                                                  MCU   GO     UI    
                                                                  【海外アニメ】恐怖!ディズニープラスクソダサロゴ展覧会!【カートゥーン】 - コウタロー速報
                                                                • 『はま寿司』で“回転レールが概念化”したUIが開発されたらしい→爺さん「昔はここに本物の寿司を流してたんじゃ」

                                                                  ミヤジマ @x_years_ago はま寿司の回転レールが概念化したタッチパネル。 会員情報にお気に入りのネタを登録して、このタッチパネルに好きなネタだけ流せるとか色々面白い体験作れそう。 pic.twitter.com/DZ1IZo3XT8 2023-04-12 12:52:28 ヒラマサ @Hiramasher 近所のはま寿司、リニューアル後は完全タッチパネル式で「回転寿司の風情・・・」って思ってたんだけど、今日来たらこんな設備付いてて、こんな手が有ったかと凄く感心してるとこです('Д') ちなみにコレもタッチパネルで注文できんの、すげえ pic.twitter.com/8G30vBKBND 2023-02-26 14:40:21

                                                                    『はま寿司』で“回転レールが概念化”したUIが開発されたらしい→爺さん「昔はここに本物の寿司を流してたんじゃ」
                                                                  • ベイジのウェブ制作ワークフロー2021年版(約100のタスクと解説) | knowledge / baigie


                                                                    使 5       2014
                                                                      ベイジのウェブ制作ワークフロー2021年版(約100のタスクと解説) | knowledge / baigie
                                                                    • 画面をデザインするということ - Qiita


                                                                       PC//1UI   UXUI  UX5 UX
                                                                        画面をデザインするということ - Qiita
                                                                      • リモートワーク社員80人分のVPN環境を低コストかつスケーラブルに提供する方法

                                                                        こんにちは。Finatextでエンジニアをしている @s_tajima です。 新型コロナウイルス感染症の影響により、近年徐々に広まりつつあったリモートワークやテレワークといった働き方やその設備に対する企業の温度感が、「あったらいいね」から「無いとだめ」に急速に変わりつつあるのを感じます。 弊社も先日の緊急事態宣言を受け、 全社的に原則在宅勤務という体制 に移行しました。 そこで今回は、Finatextのリモートワーク(在宅勤務)を支えるVPNのシステムについてご紹介したいと思います。 FinatextのVPNシステムは以下のように運用しています。 月に2万円程度のコストPritunlというオープンソースのソフトウェアを使用AWS上にスケーラブルな形で構築エンジニア・非エンジニア含めて80人ほどの社員が利用今使っているVPNに何かしらの不満がある方、突然VPNの環境が必要になりどのように構

                                                                          リモートワーク社員80人分のVPN環境を低コストかつスケーラブルに提供する方法
                                                                        • 1行もコードを書かずに画像生成AIツール作ってみた - Qiita

                                                                          以下のXを見て、早速「Create」を試してみたので、実際に使った所感をまとめます AIがリアルタイムでWebページを作ってくれる神サイト ㅤ 会話だけで、理想のUIを実現することが可能 ㅤ 使い方・活用法をツリーにまとめます! ㅤ ブックマーク保存をおすすめします↓ pic.twitter.com/J1cJkUkyO8 — すぐる | ChatGPTガチ勢 𝕏 (@SuguruKun_ai) March 25, 2024 一言で言うとヤバいです... 詳細は以下のサイトでも解説しています Createとは Create 公式サイト Createは、1行のコードを書かなくても自然言語を使って、高度なAIを搭載したアプリやツールが作成できる生成AI搭載のノーコードツールです。 エンジニアでなくともChatGPT APIやStable Diffusion APIを組み込んだアプリが簡単に作れ

                                                                            1行もコードを書かずに画像生成AIツール作ってみた - Qiita
                                                                          • ウクライナ発個人プロジェクトGitLabが1兆円規模のIPOへ、その4つの教訓 | Coral Capital

                                                                            月間10万人が読んでいるCoral Insightsのニュースレターにご登録いただくと、Coral Capitalメンバーによる国内外のスタートアップ業界の最新動向に関するブログや、特別イベントの情報等について、定期的にお送りさせていただきます。ぜひ、ご登録ください! ウクライナのソフトウェア開発者Dmitry Zaporozhets氏が2011年10月に、たった1人で開始したオープンソースプロジェクト「GitLab」。それが、ちょうど10年を経て時価総額1兆円もうかがうほどの大成功したDevOpsのSaaSプラットフォームへと進化することになると想像した人は、ほとんどいなかったと思います。GitLabのライセンス・SaaSビジネスを展開するGitLab Inc.は9月17日付けで米国証券取引委員会(SEC)に対してFORM S-1を提出し、IPOへ向けて最終段階に入りました。 開発初期か

                                                                              ウクライナ発個人プロジェクトGitLabが1兆円規模のIPOへ、その4つの教訓 | Coral Capital
                                                                            • ひたすらWebサイトを見るのが趣味な私が独断と偏見で選ぶ今年「良い!」と思ったWebサイト16選 - KAYAC engineers' blog


                                                                               KAYAC Advent Calendar 201918web VuetifyWebWeb WebWeb
                                                                                ひたすらWebサイトを見るのが趣味な私が独断と偏見で選ぶ今年「良い!」と思ったWebサイト16選 - KAYAC engineers' blog
                                                                              • 「プリセット・低音圧」批判とかいう「今時Flash使ってないサイトとか

                                                                                音楽ジャーナリスト、YOASOBIについて「このビートの単調さと音色・音圧のショボさが世間で許容されてるのはちょっと信じたがたい」 https://togetter.com/li/1654398 これ、タイトルだけ見て「今更音圧……?まーでもそんなこと思う人もいてもおかしくはないな」と思ってスルーしてた。 で、さっきこの増田を見かけたので答えてあげるべく元ネタも読んでみた。 音楽評論家に聞きたいんだけど「ショボい音色・音圧」ってなに? https://anond.hatelabo.jp/20210119190456 アルバム通してちゃんと聴いた。この気恥ずかしさは嫌いじゃないんだけど、このビートの単調さと音色・音圧のショボさが世間で許容されてるのはちょっと信じたがたい。少なくとも家のスピーカーで聴く音楽じゃないですね だとしたら音色の選び方にもう少しこだわりはあるでしょう。プリセット音しか

                                                                                  「プリセット・低音圧」批判とかいう「今時Flash使ってないサイトとか
                                                                                • コードレビュー虎の巻 - Qiita

                                                                                  レビューガイドライン(Review GuideLine) ここで述べているレビューはピアレビューについての方法です。 (作業成果物の欠陥と改善の機会を探すレビュー) 「最悪を最初に」を基本としてレビューすべき、 たとえば、仕様やアルゴリズムに欠陥があるのに、typoにこだわってもしょうがないので、なにが最悪かを考え、それを防ぐための物からレビューをします。 誤りがプロダクト全体に影響し、手戻りのコストが高くつく、あるいは失敗するようなリスクがないかを考慮にいれてレビューの対象を選択します。 たとえば、基本的な初期フェーズの要求仕様や、クリティカルな決定の基礎になる仕様、使用頻度が高いモジュールなどを重点的にレビューします。 以下に書く項目はレビュアーに負担をかけないようにするのが前提なのでレビュアーに出す前にそもそもテストしたい項目です。 参考: あなたのおっしゃるレビューってどのことかし

                                                                                    コードレビュー虎の巻 - Qiita