並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 7119件

新着順 人気順

figmaの検索結果161 - 200 件 / 7119件

  • 痛いニュース(ノ∀`) : 反日デモで叫ばれる「日本鬼子」を萌えキャラ化→中国人困惑 - ライブドアブログ

    反日デモで叫ばれる「日本鬼子」を萌えキャラ化→中国人困惑 1 名前: ちーたん(大阪府):2010/10/27(水) 19:46:30.63 ID:6i8fpIzWP ?PLT 尖閣における衝突問題以降、2 国間関係が険悪な日本・中華人民共和国であるが、中国国内の反日デモで叫ばれる「日本鬼子(リーベングイズ)」という日本人/国への罵倒に対して、斜めに受けて「日本 鬼子 (ひのもと おにこ)って萌えキャラ作って中国人を萌え豚にしようぜ」と中国へ返すという草の根プロジェクトができたらしい (まとめ@wiki) 。手っ取り早く鬼子ちゃんが見たい ! って方は代表絵候補のページをどうぞ。またはピクシブ百科事典なども参考に。 blog『「日中文化交流」と書いてオタ活動と読む:http://blog.livedoor.jp/kashikou/archives/ 51593329.html』にて、

    • 個人的PCまわりセットアップまとめ - Qiita

      これは何 備忘録も兼ねて、PCのセットアップで自分のやることをまとめてみました。 随時更新していく予定です。 VS Code VS Codeの環境設定 setting.jsonに下記を追加します。 内容はコメントで書いているので、詳細は省きます。 { "editor.fontSize": 12, // フォントサイズを変更 "editor.guides.bracketPairs": true, // 対応している括弧にガイドを表示する "editor.minimap.renderCharacters": false, // ミニマップに実際の文字を表示しない "editor.renderControlCharacters": true, // 制御文字を表示する "editor.renderLineHighlight": "all", // 現在の選択行をハイライトする "editor.r

        個人的PCまわりセットアップまとめ - Qiita
      • エイプリルフールに便乗しているサイトまとめ2019年版

        By mera 毎年おなじみのエイプリルフールが今年も始まってしまいました!何が本当で、何がウソで、何がネタで、もしかして実はマジなのか?という境界線がガラガラと音を立てて崩壊し、いろいろな意味で予測可能、しかし回避不能になってしまうという恐るべき日です。 ◆エイプリルフール記事が更新される度にすぐ知る便利な方法 GIGAZINE編集部はエイプリルフールに便乗していろいろと仕込みまくっている各サイトを4月1日0時~24時まで、文字通り24時間リアルタイム更新し、この記事にまとめて追加し続けます。どんどんこの記事に更新内容が追加されていき、時間の経過とともにすさまじい長さになっていくという仕組みです。「ページを再読み込みして、追加があるかどうか確認するのが面倒!」という場合は、GIGAZINEのTwitter公式アカウント・Facebook公式アカウントに随時、更新通知の投稿をしますので、フ

          エイプリルフールに便乗しているサイトまとめ2019年版
        • Workspacesで、海外リモートワーカーのデスク紹介を眺めるのが楽しい件 - このすみノート

          Workspacesは、主に海外を中心としたデスク紹介サイトです。 私はまだリモートワーク歴が浅いので、リモートワーク環境を充実させるためのヒントを探したく、参考にしております。 www.workspaces.xyz 名だたる企業で活躍されている方のデスクを紹介 デスク紹介を眺めていると、私でも知っている企業の名前が、わりと出てきます。 FacebookやNetflixは、こういったクリエイティブ環境で開発やデザインがされていることを知れる、まさに舞台裏です。 裏側を知ると、何故かテンションが上ってきます。 Facebook 映えある1番目の投稿は、FacebookのエンジニアであるShivkanth Bagavathy氏。 PCはMacBook Proで、デスク周りが濃いグレーと黒系統で統一されております。 シックでかなり素敵です。 001 - Shivkanth Bagavathy T

            Workspacesで、海外リモートワーカーのデスク紹介を眺めるのが楽しい件 - このすみノート
          • 25年続くYahoo!ニュースを支える、Figmaを用いたデザインシステム

            ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュースでデザインを担当している萩野と小股です。 Yahoo!ニュースは、Yahoo! JAPANが運営する国内や海外のニュースを閲覧できるサービスです。1996年にサービスを開始し、2021年には25周年を迎えました。 そんなYahoo!ニュースでは、2020年より「Figma」を用いてデザイン業務を行っています。この記事では、Figmaの利用に至った背景や、運用し続けられるものにする工夫、デザインシステムによってデザイン業務がどのように効率化されたか、お伝えします。 Yahoo!ニュースが抱えていたデザインにおける課題と解決方法 この章では、Yahoo!ニュースが当時抱えていた複数のデザイナーがデザイン

              25年続くYahoo!ニュースを支える、Figmaを用いたデザインシステム
            • Dropbox の歴史|Dropbox はこうして 5 億人超のユーザー支持を得た!

              0 0 0 0 Dropbox はスタートから 8 年で 5 億人以上のユーザーを抱えるまでに成長しました。 Dropbox が生まれた一番最初のきっかけは、当時24歳のドリュー・ハウストンのアイデアでした。 「USB メモリーが壊れてデータを紛失しそうになった」 そんな自分の失敗を何とかしたいと考えたドリュー・ハウストンは、その経験から Dropbox を生み出し、8 年で 5 億人以上のユーザーを抱える世界的なクラウドストレージサービスとなりました。 これまで Dropbox はどんな成長をたどってきたのか、これまでの歴史をまとめました。 この記事を最後までご覧いただければ、Dropbox が何をしてきたのか、なぜここまで多くのユーザーに支持された理由がわかるはずです。 ぜひあなたの Web サービス成長の参考にしてください。 1.Dropbox ユーザーの推移 Dropbox は 2

                Dropbox の歴史|Dropbox はこうして 5 億人超のユーザー支持を得た!
              • デザイナーとエンジニアを巻き込んだワークフローの改善|鈴木慎吾 / TSUMIKI INC.

                「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア Advent Calendar」20日目の記事です。 今年の5月から、社内でクライアントワークのチームから自社事業のチームに異動し、映画・ドラマ・アニメのレビューサービスのFilmarksで有料会員機能のPMを担当しています。 以前はUIデザインやアプリ開発、あるいはその中間的な仕事としてプロトタイプ開発やディレクションなどを経験してきました。 PM業の傍ら、社内のデザイナーとエンジニアの受け渡し部分の改善に取り組みました。その検討過程について紹介します。 要件定義・UIデザイン・開発間のワークフロー改善もともとFilmarks内ではディレクターがGoogleスライドなどで要件資料とGithub Issueをつくり、 デザイナーがSketchでUIをつくりZeplinで書き出したURLをエンジニアに受け渡し、エンジニ

                  デザイナーとエンジニアを巻き込んだワークフローの改善|鈴木慎吾 / TSUMIKI INC.
                • お断りしますのAA徹底的に集めようぜwwwwwww:ハムスター速報

                  お断りしますのAA徹底的に集めようぜwwwwwww カテゴリ☆☆☆☆ 1:以下、名無しにかわりましてVIPがお送りします:2010/01/06(水) 20:16:07.60 ID:0LrMqODu0 .                     ハ,,ハ    ミ  _ ドスッ .                    ( ゚ω゚ )彡―─┴┴─―     *  *  *  \       /   つ  お断りし /      ハ,,ハ   *          *   \   ~′ /´ └―─┬/       ( ゚ω゚ ) お断りします         *    ハ,,ハ     *   \   ∪ ∪      /        /    \           *   ( ゚ω゚ )    *     .\         /       ((⊂  )   ノ\つ))      

                  • 生成AI技術が辿った濃い一ヶ月間

                    Stable Diffusionがオープンソースで公開されてちょうど1ヶ月が立ちました。OpenAIがDall-E2をリリースしたのが4月。こういう異次元なリソースを使ってモデルを作れるのはごく限られたプレーヤーだけと思い込んでいたものが、若干十数人のチームがMidjourneyをリリースしたのが7月。一連の騒ぎがここ半年程度の出来事で、1ヶ月前に深津さんも予見していた「世界変革」が目の前で怒涛の勢いで進行しています。 このブログも書いた瞬間に古くなるだと思うけど、この文化的特異点とも言える1ヶ月に起こったことを振り返ってみたいと思います。それにしても手書き文字の生成に感動していた2015年から比べるとずいぶん遠いところまで来ましたね。DataRobotでも「AIの民主化」を掲げて様々な企業のAI活用を推進していたけれど、今起こっている変化を見ているとそのスピード感に愕然とします。 少し宣

                      生成AI技術が辿った濃い一ヶ月間
                    • かぶりものした猫がかわいすぎるwwwwww:ハムスター速報

                      かぶりものした猫がかわいすぎるwwwwww Tweet カテゴリ動物 1:名無しさん@涙目です。(東京都):2011/12/01(木) 06:09:50.54ID:W8H1fI7K0 被り物をしている猫画像でキュン死にしてみる 居てくれるだけで可愛い猫ちゃんたちが、被り物をするとたまらなくなります。 そんなキュン死に画像を集めました。 http://www.animal-photo.jp/cat/450/ 3:名無しさん@涙目です。(東京都):2011/12/01(木) 06:10:33.71ID:4XWrLyvd0 ↓ぬことか言い出す阿呆 5: 忍法帖【Lv=40,xxxPT】 (茨城県):2011/12/01(木) 06:11:00.35ID:J/8WVcjd0 ぬこ 2:名無しさん@涙目です。(長野県):2011/12/01(木) 06:10:17.76ID:A1Jpm7La0 僕の

                      • 失敗しない美しいUIにする配色の選びかた【実践編】

                        Refactoring UIで公開された「Building Your Color Palette」より許可をもらい、日本語抄訳しています。 これまでに以下のように鮮やかな色の配色ツールを使ったことはあるでしょうか? ベースとなる色を選び、「補色」や「類似色」などいくつかの配色オプションを調整すると、ホームページを構築するために使用すべき5つの色見本が表示されるというものです。 完璧な配色を選ぶためのこの計算された科学的アプローチは、とても魅力的に見えますが、実はあまり役に立ちません。 自分のサイトをこんな風にしたのなら話は別ですが… 実際のホームページに必要な配色 ずばり、5つのHEXカラーコードだけでは何も作れません。 実際にホームページを制作するには、もっと包括的な色のセットが必要です。 インターフェースにはこれだけたくさんの色が使われている 良いとされる配色カラーパレットは、3つのカ

                          失敗しない美しいUIにする配色の選びかた【実践編】
                        • のんびり学ぶ Figma 〜コンポーネント編〜 (1) | さくらのナレッジ

                          このシリーズについて みなさんこんにちは。さくらインターネットでフロントエンド領域を担当している山田です。この連載では、フロントエンド開発を行っているメンバーが、開発に役立つ情報を半分趣味で不定期掲載していく予定です。 自分からは、近年人気のデザインツールである『Figma』の便利な情報をお伝えしたいと思います。デザイナーの方はもちろん、エンジニアの方にも興味を持っていただける機能がたくさん詰まったFigmaを紹介していきます。 Figmaのご紹介 チーム開発に適したデザインツール Figmaのメインの機能の一つはもちろんデザイン制作です。Figmaを使うことで、これまでのデザインツールでは難しかったWebアプリケーションやモバイルアプリケーションといった、よりダイナミックに画面が変化していくタイプのデザインを表現しやすくなりました。 中でも、複数人で同じデザインファイルを閲覧・編集可能な

                            のんびり学ぶ Figma 〜コンポーネント編〜 (1) | さくらのナレッジ
                          • 次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io

                            Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、

                              次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
                            • 2023年度版フロントエンド開発環境構築徹底解説 - Qiita

                              この記事はNuco Advent Calendar 2023の1日目の記事です。 はじめに 2023年最新のフロントエンド開発環境についての紹介記事です。 分野別に、おすすめツール群と、その特徴などを紹介していきます。 デファクトスタンダードとみなせるようなツールや、最近盛り上がりを見せているものなどをラインナップしました。 これからフロントエンド開発を始めたい人はもちろん、長くご経験のある人にもプラスになる情報がきっとあるため、ぜひ参考にしてもらえると嬉しいです。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 フロントエンド開発おすすめツール集 エディタ エディタやIDEは好みの問題も大きいので、メジャーなものを簡単

                                2023年度版フロントエンド開発環境構築徹底解説 - Qiita
                              • 「地獄のアプリ開発」を経験した元Uberのエンジニアがその真実を語る

                                大規模なソフトウェア開発は多くの人が関わり、多額の資金が費やされますが、時として社内外の要因によって開発現場が地獄と化す場合もあります。近年ではみずほ銀行の基幹システム開発が書籍化されるほど苦難の道を歩んだことはIT業界で知られていますが、そんな「地獄の開発現場」がかつてUberにも存在したと、元UberのエンジニアであるMcLaren Stanley氏が当時の状況を振り返っています。 Alright folks, gather round and let me tell you the story of (almost) the biggest engineering disaster I’ve ever had the misfortune of being involved in. It’s a tale of politics, architecture and the sunk

                                  「地獄のアプリ開発」を経験した元Uberのエンジニアがその真実を語る
                                • 「Ameba」アイコン刷新 一貫性と再現性追求のための設計術 | CyberAgent Developers Blog

                                  GUIにおけるアイコンとは、プロダクトを触れるユーザーに対して、機能や動作を抽象化してシンプルかつ直感的に伝達させる、文字情報に頼らない記号です。 基本的に、記号が内包する意味には受け手によって解釈の余地があるような状態であってはなりません。しかし、ユーザーに対して、シンプルに正しい意味を伝えることが出来るという前提さえ踏まえれば、それを成すスタイリングは作り手やプロダクトによって様々な表現が可能な余地が残されています。 つまり、アイコンは、記号としての機能性に加えて、装飾としての役割も抱く、プロダクトGUIにおけるスタイリング定義の標本となり得るということです。 前段 「Ameba」について 「Amebaらしい」アイコンとは何か 塗りと線のルール 「Amebaらしい」形状 「Ameba Sans」の形状分析と曲率定義 線の太さのルール 命名規則を決める Library化 リプレイス まと

                                    「Ameba」アイコン刷新 一貫性と再現性追求のための設計術 | CyberAgent Developers Blog
                                  • マイクロソフトが絵文字データ1538種をオープンソース提供。改変・商用利用も自由 | テクノエッジ TechnoEdge

                                    マイクロソフトが独自デザインの絵文字『Fluent emoji』1538種のデータをオープンソースで公開しました。 Microsoft 365のリアクション等でも使われるマイクロソフト版の最新デザイン絵文字 Fluent emoji 1538種について、3D表現のPNGファイルやベクタのSVG版、フラット版やハイコントラスト版など一式を含み、Github や Figma で誰でも自由に利用したり入手できます。 制限の少ないMITライセンスのため、自由に改変や配布、商用利用も可能(著作権表示と許諾表示は必要。MITライセンスを参照)。 現在の絵文字に欠けた新しい絵文字の素材にすることも、顔や動物や食べ物のアレンジ版を作ることも、自分のアプリや作品に導入することもできます。 Fluent Emoji は、マイクロソフトが2021年に全面刷新したスタイルの絵文字。モバイル機器やチャットアプリ、リ

                                      マイクロソフトが絵文字データ1538種をオープンソース提供。改変・商用利用も自由 | テクノエッジ TechnoEdge
                                    • ナレーター「プロ社畜の朝は早い」:ハムスター速報

                                      ナレーター「プロ社畜の朝は早い」 Tweet カテゴリ☆☆☆☆ 関連:ナレーター「プロニートの朝は早い」 http://hamusoku.com/archives/6351041.html 1 :以下、名無しにかわりましてVIPがお送りします:2011/11/21(月) 00:07:20.47 ID:uCmXKFbu0 東京都大田区 人の往来もまばらな住宅街の一画 ここに>>1のアパートがある プロ社畜>>1の自宅である 日本有数のプロ社畜 彼の仕事は決して世間に知らされるものではない 我々は>>1の一日を追った 2 :以下、名無しにかわりましてVIPがお送りします:2011/11/21(月) 00:07:53.11 ID:eRBYZn6/0 支援 5 :1:2011/11/21(月) 00:08:46.22 ID:qZg9K9yX0 朝、5時30分 蒲田駅の改

                                      • エイプリルフールに便乗しているサイトまとめ2018年版

                                        By mera 毎年おなじみのエイプリルフールが今年も始まってしまいました!何が本当で、何がウソで、何がネタで、もしかして実はマジなのか?という境界線がガラガラと音を立てて崩壊し、いろいろな意味で予測可能、しかし回避不能になってしまうという日です。 ◆エイプリルフール記事が更新される度にすぐ知る便利な方法 GIGAZINE編集部はエイプリルフールに便乗していろいろと仕込みまくっている各サイトを4月1日0時~24時まで、文字通り24時間はりついてリアルタイム更新し、この記事にまとめ続けます。どんどん記事末尾に更新内容が追加されていき、時間の経過とともにギガを消費しまくる恐るべき長さになっていくという仕組みです。「ページを再読み込みして、追加があるかどうか確認するのが面倒!」という場合は、GIGAZINEのTwitter公式アカウント・Facebook公式アカウントに随時、更新通知の投稿をしま

                                          エイプリルフールに便乗しているサイトまとめ2018年版
                                        • Top 40+ Free Web UI Kits & Templates – Speckyboy

                                          Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef

                                            Top 40+ Free Web UI Kits & Templates – Speckyboy
                                          • FigmaとNotionでUML・経理処理・デザインまでAll in oneな仕様書を書いて、更新・共有を楽にしてる話 - Qiita

                                            前提としての情報 単に「Figmaで要件定義のためのUMLも、外部設計のためのデザインも、内部設計のためのERDも全部つくるよ〜〜」という話をすると、ERD書くならデザインツールなんて使わないで、DBMSから自動生成できるツールとか使った方がいいじゃん、みたいな疑問が出るのは重々承知なので、そもそもこの形式に落ち着いた前提事項を書いておきたいと思います。 ご興味がなければ読み飛ばしてください。 筆者の仕事範囲 さて、冒頭で「事業会社でデザイナーとPMの狭間みたいな仕事をしてます」と書きました。キャリアの背景的には受託のPMっぽい仕事(厳密には違うんですが、本旨ではないので割愛します)→事業会社のインハウスデザイナー→現職という感じで、外渉から手を動かす所まで、必要ならなんでもします。 ざっくりいうと、機能の起案をして、経理などの関連部署に相談して、WBS引いて、UML書いて、画面遷移図書い

                                              FigmaとNotionでUML・経理処理・デザインまでAll in oneな仕様書を書いて、更新・共有を楽にしてる話 - Qiita
                                            • 開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog

                                              こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっくりまとめてみます。 なぜsketchから乗り換えたのか 今まで他の人と共同で同じsketchデータを作業することがなかったのですが、メンバーが増えてからはabstractで共同で作業していました。 ライブラリを分けたりbranchを切ったりしながらデザインを行っていたのですが、しばらく経つと不満点がいくつか見えてきます。 影響範囲がでかいライブラリを更新するとコンフリクトしやすい branchを切って作業してマージするなどスピードが遅くなりやすい デザイナーにb

                                                開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog
                                              • WasmでJavaScriptを動かす意義 - id:anatooのブログ

                                                ある時Twitterのタイムラインを見ていたら、「JavaScriptをWasm化して動かす意味がわからない」というような意見を見かけました。JavaScriptはブラウザに搭載されているV8のようなJavaScriptエンジンによって高速に動作するので、わざわざWasm化してもパフォーマンスは劣化するのになぜなのか?という話なんですが、これは「Wasm化=パフォーマンスのため」という考えだと意義がわからないのでこの記事ではそれについて解説します。 JavaScriptをWasm化して動かすツールやライブラリとしては、Shopifyが開発しているJavyやquickjs-emscriptenなどがあります。JavaScriptをWasm化して動かすためには、ある特定のJavaScriptエンジンをWasm向けにビルドして動かす必要がありますが、そのような用途ではQuickJSというJava

                                                  WasmでJavaScriptを動かす意義 - id:anatooのブログ
                                                • 運用期間20年 DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで

                                                  2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやServiceWorkerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーション「長期運用サービス改善のために構築した開発環境の話」に登場したのは、koyano氏。DMMにおいて長期間運用されているサービス「DMM動画」の改善のために、Vue.jsを使って取り組んだことについて語りました。講演資料はこちら 長期運用サービス改善のために構築した開発環境の話 koyano氏:それでは始めさせていただきたいと思います。よろしくお願いします。 (会場拍手) 「長期運用サービス改善のために構築した開発環境の話」をさせていただきたいと思います。 まず自己紹介

                                                    運用期間20年 DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで
                                                  • ー`)<淡々と更新し続けるぞ雑記。ωもみゅもみゅ

                                                    ニンテンドーDS i 発表されたのでゆるめに昼更新。11月から本気出す。 ■出張トロ・ステーション - 新卒採用 ネコでもわかるSCE会社案内 SCE社内でもフリーダムな扱いのトロステがこんなとこでも活用されるって! ただ5ヶ月のスパンはちょっとロングすぎやしませんかw ■PS3で『スペランカー』が復活 開発者がノリで言ってた冗談がマジになるなんて嘘から出た真すぎるwwww ファミ通フラゲ情報らしいが正式発表はまだか!TGSでのプレイアブル出展はまだか! ■【実況】任天堂カンファレンス2008秋 ■冒頭登壇した岩田社長からは、ニンテンドーDSの新モデル「ニンテンドーDS i」が発表された。 現地実況組からの情報によるとGBAスロット廃止で2.5ミリ薄く、カメラ30万画素で顔認識機能搭載らしー。 SDメモリーカードスロットを標準装備とのこと。WiiのVCを持ち歩けたりしないものか。 DSi

                                                    • フロントエンドから取り組むデザインシステムの改善 #UI

                                                      ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、フロントエンドエンジニアの近藤です。Yahoo! JAPANのスマートフォンのウェブトップページのフロントエンド開発業務と、社内で利用されているデザインシステムの開発に携わっています。 近年、デジタルプロダクトを持つ多くの企業で、デザインシステムが活用されています。デザインシステムには、ビジュアルとしてのデザインの規定だけでなく、実際のプロダクトに利用できるUIライブラリやコンポーネントライブラリなどが含まれます。そのため、デザインシステムの構築にはデザインとエンジニアリングの両方の力が不可欠です。 本記事では、私が開発に携わっているデザインシステム「Riff」の紹介とともに、フロントエンド部分におけるデザインシステム

                                                        フロントエンドから取り組むデザインシステムの改善 #UI
                                                      • 表情やポーズも変更できる、人物のイラスト素材が登場!商用でも完全無料の太っ腹ライセンス -Open Peeps

                                                        笑顔でこんなポーズ、泣き顔でこんな仕草、希望通りのイラスト素材が完全無料で商用利用できるOpen Peepsを紹介します。 普通のイラスト素材はそのまま使用するしかないですが、人物の表情や髪型、ポーズ、動作などさまざまなパーツを組み合わせて、584,688通りのキャラクターを作成することができます。 Open Peeps Open Peepsの特徴 Open Peepsのダウンロード Open Peepsのイラストライブラリ Open Peepsの特徴 Open Peepsは商用でも個人でも完全無料で利用できるイラストのライブラリで、ライセンスはCC0です。 イラストはすべて手描きのベクターで、さまざまなパーツを組み合わせることで584,688通りのキャラクターを作成することができます。アプリは、Adobe XD、Sketch、Figma、Studioをサポートしています。

                                                          表情やポーズも変更できる、人物のイラスト素材が登場!商用でも完全無料の太っ腹ライセンス -Open Peeps
                                                        • レプリカだけの展示にもかかわらず、日本一高い入館料(?)といわれる美術館がすごい

                                                          壮観な渦を巻く鳴門海峡で有名な徳島県鳴門市に、一風変わった美術館があります。その名は「大塚国際美術館」。旅行口コミサイト「トリップアドバイザー」の“行ってよかった美術館&博物館ランキング2011”美術館部門で見事1位に輝いて以来、その後、毎年上位にランクインするほどの実力を持つミュージアムです。 原画を所蔵する国々の国旗が迎えてくれます 大好評の大塚国際美術館、何が人々をそんなに魅了するのでしょうか? 広報担当者にお話を聞きました。 まず注目したいのは、当然ながら展示作品! 西洋絵画1000点を超える作品が展示されています。それらはすべて原画に忠実に、かつ原寸大に再現した作品。つまりレプリカだけが並んでいるのです。しかも、モネやレオナルド・ダ・ヴィンチ、ピカソといった、そうそうたる顔ぶれ。名だたる名画が一堂に会しているといっても過言ではありません。 両壁に並ぶ傑作に心弾みます 次に圧倒され

                                                            レプリカだけの展示にもかかわらず、日本一高い入館料(?)といわれる美術館がすごい
                                                          • 食べログ代理店が「有料店舗会員になると順位も上がり悪いクチコミ排除できますよ」 と勧誘した事を店に暴露され食べログ運営のカカクコムが店に抗議を行う:ハムスター速報

                                                            食べログ代理店が「有料店舗会員になると順位も上がり悪いクチコミ排除できますよ」 と勧誘した事を店に暴露され食べログ運営のカカクコムが店に抗議を行う Tweet カテゴリニュース 1 :名無しさん@涙目です。(東京都):2011/11/22(火) 13:16:27.83 ID:zQl7VHuJ0 ?PLT(12003) ポイント特典 口コミサイト「食べログ」また″代理店偽装″トラブルか 巨大化ゆえの落とし穴 今回「食べログ」に反旗をひるがえしたのは、有楽町にあるトルコ料理店。ことの発端は、同店に再三かかってくる「食べログ」の営業マンからの、「有料店舗会員にならないか」というセールス電話だった。「実際に私共も、お宅のお店さんに伺って口コミを書かせてもらいますから、結果、ポイントも上がり、順位を上げることも可能ですよ」「よい口コミを、ページの目立つところに配置し、悪い口コミを目立たない場所へ

                                                            • SIerの真実とかあるあるを俺がひたすら書いていく:ハムスター速報

                                                              SIerの真実とかあるあるを俺がひたすら書いていく Tweet カテゴリ☆☆☆ 2:以下、名無しにかわりましてVIPがお送りします:2011/07/30(土) 17:18:18.76ID:8TwylHlR0 現場で与えられたマシンが 開発環境の最低動作保証環境以下のマシン 3:以下、名無しにかわりましてVIPがお送りします:2011/07/30(土) 17:19:38.23ID:hyKehmtu0 独立系? 5:以下、名無しにかわりましてVIPがお送りします:2011/07/30(土) 17:21:26.09ID:8TwylHlR0 >>3 独立系、メー子、フリーとふらふらしてる 今は某社で正社員 4:以下、名無しにかわりましてVIPがお送りします:2011/07/30(土) 17:19:48.35ID:8TwylHlR0 現場で与えられた開発用のマシンが セキュリティソフトで全ファイル走

                                                              • 業務を効率化させるデザインシステムとは?|Tadaki

                                                                こんにちは!アルプのデザイナーの大澤 (@Tadaki) です。 先日デジタル庁でデザインシステム勉強会の記事が公開されましたね。活用事例として私が所属するアルプでのデザインシステムについて紹介できればと思います。 アルプではサブスクリプションビジネスを行う企業向けに、今まで手作業や自社開発がスタンダードだった契約や請求の管理を SaaS として提供する Scalebase というプロダクトを開発しています。 Scalebaseの開発では、日々プロダクトチームのメンバーとデザインをすり合わせをしつつ開発を進めています。その話の中で「画面Aの保存ボタンと画面Bの保存ボタンが微妙に高さが違うのですがどちらかに統一できませんか?」といった Component レベルの調整は、最初に定義してしまい相談せずとも理解できる方がお互い楽です。 デザインシステムを運用することで、UIの考え方やルールをチー

                                                                  業務を効率化させるデザインシステムとは?|Tadaki
                                                                • Design Shack - Inspirational CSS and Blog Design

                                                                  Photoshop Actions / 21 Aug 2024 80+ Best Photoshop Filters + Plugins 2024 (+ How to Use Them) If you’re looking for unique Photoshop filters to turn your photos into artwork, you’ve come to the right place. In this post, we feature a collection of the best Photoshop filters and plugins you can use to add various effects to photos. There are many benefits to using Photoshop filters. They are quite

                                                                    Design Shack - Inspirational CSS and Blog Design
                                                                  • 【2022年】AWS全サービスまとめ | DevelopersIO

                                                                    こんにちは。サービスグループの武田です。このエントリは、2018年から公開しているAWS全サービスまとめの2022年版です。 こんにちは。サービスグループの武田です。 このエントリは、2018年から毎年公開している AWS全サービスまとめの2022年版 です。昨年までのものは次のリンクからたどってください。 AWSにはたくさんのサービスがありますが、「結局このサービスってなんなの?」という疑問を自分なりに理解するためにまとめました。 今回もマネジメントコンソールを開き、「サービス」の一覧をもとに一覧化しました。そのため、プレビュー版など一覧に載っていないサービスは含まれていません。また2021年にまとめたもののアップデート版ということで、新しくカテゴリに追加されたサービスには[New]、文章を更新したものには[Update]を付けました。ちなみにサービス数は 223個 です。 まとめるにあ

                                                                      【2022年】AWS全サービスまとめ | DevelopersIO
                                                                    • React でデザインシステムを正しく実装する - コンポーネントカタログを超えて | Wantedly Engineer Blog

                                                                      Wantedly でバックエンドのテックリード的なやつをやってる @izumin5210 です。半年くらい前から取り組んでいた、UI デザインシステムの React 実装について紹介します。ソフトウェアの設計としても非常にエキサイティングだったので、ライブラリ作ったりするのが好きな人なども楽しんでもらえると思います。 TL;DRWantedly の UI デザインシステムは「WantedlyのUIをデザインする上での共通の考え方とツール&アセット」でありエンジニアとデザイナが効率よくコミュニケーションするための共通言語となるデザインシステムを (Web) Frontend に持ち込む際は、単なるコンポーネントカタログではなく、システムが定義するものと同じレベルの抽象を持つライブラリ・フレームワークとして実装することで、より有効性を発揮するこの話が気になった(Web・モバイル問わず)フロント

                                                                        React でデザインシステムを正しく実装する - コンポーネントカタログを超えて | Wantedly Engineer Blog
                                                                      • 結局ブギーポップの2019年の再アニメ化は失敗なのか?

                                                                        こんな記事開いている時点で多少はブギーポップという作品に興味がある人間だろうが、様式美のために簡単に説明しよう。 「ブギーポップは笑わない」とは、著者 上遠野浩平。電撃文庫から1998年に刊行されたライトノベルで、その後のラノベ界に大きな影響を与えたと言われている作品だ。 2000年にも一度アニメ化されており、2019年に再アニメ化された。 こんな感じでいいだろうか? さて、私はブギーポップを書いている著者、上遠野浩平先生のファンである増田だ。 この記事はファンから見たブギーポップの再アニメを記したものである。 さて、まず結論を書こう。 2019年のブギーポップのアニメは商業的に失敗している。 これは残念ながら事実だろう。 ネットで調べれば円盤の売り上げが散々だったと言われているし、グッズもアニメイトなんかの店頭でもほとんど置かれなかったし、出ると宣伝されたfigmaは出ないし(受注生産で

                                                                          結局ブギーポップの2019年の再アニメ化は失敗なのか?
                                                                        • いちばん詳しい Sketch / XD / Figma / Studio の比較  〜1. 導入と背景知識|平田 / U-NEXT

                                                                          いちばん詳しい Sketch / XD / Figma / Studio の比較 〜1. 導入と背景知識 平田です。普段は個人のブログに記事を書いているので、ちゃんとしたnoteを書くのはこれが初めてです。 Sketch, Adobe XD, Figma, InVision Studio について徹底的に比較を行ったので、知見をまとめたいと思います。量がかなり多いので、いくつかの記事に分けて紹介します。 1. 導入と背景知識    ◀イマココ 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ 今回はこの連載記事の導入と、各ツールを比較する上での背景的な情報をまとめます。 概要## この記事に含まれる内容 🙆‍♀️ - Sketch, Xd, Figma, Studio の選定基準 - Sketch, Xd, F

                                                                            いちばん詳しい Sketch / XD / Figma / Studio の比較  〜1. 導入と背景知識|平田 / U-NEXT
                                                                          • 外国人が着てる日本語Tシャツがやばい:ハムスター速報 - ライブドアブログ

                                                                            外国人が着てる日本語Tシャツがやばい カテゴリニュース 1:モテ男(愛知県):2010/07/30(金) 14:30:55.73 ID:B5FtNWIn● 手前はヴィン・ディーゼル The Movie You Didn't Know You Wanted To See http://splashnewsonline.celebuzz.com/2010/07/the-movie-you-didnt-know-you-w.html 10:37 Wednesday, July 28, 2010 3:歯科技工士(catv?):2010/07/30(金) 14:31:42.10 ID:t0TuqCeL これ欲しいわw 5:AV男優(関西地方):2010/07/30(金) 14:32:14.65 ID:jewb/rsL センスあるな 38:社員(アラバマ州):2010/07/30(金) 14:3

                                                                            • さよならSketch、こんにちはFramer X|KANTA YAMAGATA|note

                                                                              Jorn van Dijk(@jornvandijk)のリツイートから2ヶ月近く経った先日、ようやくFramer X βの招待が届きました。Trailerが格好良すぎてReactとシームレスになるのかという期待で一杯だったので嬉しかったです。実際、AirbnbやFacebookのデザイナーもこんな感じでした。とりあえず動画を観ていただけたら。 タイトルはUSノリですが、正直Sketchはある1プロジェクトで使ったことがあるだけです。Figmaなどの他のデザインツールは使ったことがないです。なのでここでは比較を行いません。以前からあるFramerとの差分の紹介を中心にしていきます。Framerはなぜか日本では使われていない印象がありますが、これがデザイン環境の向上に少しでも参考になれば幸いです。 Linking複数画面の遷移をつくるには、FramerではFlowComponentを利用したコ

                                                                                さよならSketch、こんにちはFramer X|KANTA YAMAGATA|note
                                                                              • FigmaがAIでさらに進化! Web制作はもはや完全自動化目前? 「Config APAC 2024」現地レポ | 進化が止まらない! 最新ツール

                                                                                Figma(フィグマ)が主催する世界最大級のデザインカンファレンス「Config(コンフィグ)2024」が本拠地・米国のサンフランシスコで6月26〜27日に開催された。その翌週、Figma経営陣はシンガポールへと飛び、7月2日に「Config APAC 2024」を開催。アジアで初開催となったこのConfigには約1,000人以上が参加し、新機能の発表を歓声をもって迎えた。 シンガポールの「Config APAC 2024」を現地取材した筆者が、最新の機能アップデートとAI活用を中心にお伝えする。 マリーナベイサンズ・コンベンションセンター内のConfig APACの会場 アジアには72ものFigmaコミュニティがあり、2万人以上の会員がいます。そんなアジアで初のConfigをシンガポールで開催できたことは最高の気分。アジアには、人類、世界にインパクトを与えるデザイナーが生まれてきた歴史が

                                                                                  FigmaがAIでさらに進化! Web制作はもはや完全自動化目前? 「Config APAC 2024」現地レポ | 進化が止まらない! 最新ツール
                                                                                • 商用OKの無料HTMLテンプレート120個以上をダウンロードできる Templates Jungle

                                                                                  だれもがスマホからウェブサイトを閲覧するようにになったいま、あらゆる端末からでも見やすいサイトづくりが当たり前になっています。 この時に必要になるのが、レスポンシブWebサイトの制作です。 しかし、デスクトップやタブレット、スマホ用のレイアウトを個別に調整するとなると、「Web制作に時間がかかってしまう」と悩んでしまうひとも多いかもしれません。 あらかじめデザインやレイアウトが施されたテンプレートを利用することで、Webサイト制作を効率的に進めることができます。 今回は、商用利用できて無料ダウンロードできるHTML・Figmaテンプレートを公開しているTemplates Jungleをご紹介します。 ライセンスについて 素材を公開しているTemplates Jungleでは、HTMLとFigma用でライセンスが異なるため、注意が必要です。 HTMLテンプレートは、フッターに表示してあるクレ

                                                                                    商用OKの無料HTMLテンプレート120個以上をダウンロードできる Templates Jungle