並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 174件

新着順 人気順

figureの検索結果1 - 40 件 / 174件

  • FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション

    PHPカンファレンス小田原2024 の発表資料です。 https://phpcon-odawara.connpass.com/event/296492/ https://fortee.jp/phpconodawara-2024/proposal/7c57d5ca-213a-4d7a-aaf0-26ddc44897f0

      FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
    • 400点超の無料イラスト素材、デジ庁が配布 商用利用OK 自治体や企業のWeb・アプリ開発向け

      「地方自治体、府省庁、民間企業が誰でも利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省く」(デジタル庁)という。アイコンなどを共通化し、ユーザーが一目で理解しやすいデザインを広げることにもつなげる。今後は実際に利用する自治体や企業の声を踏まえ、順次素材数を増やす。 関連記事 デジタル庁、Web・アプリデザインの指針まとめた「デザインシステム」公開 地方自治体の活用も見込む Webサイトやアプリの開発時、一貫したデザインにできるようドキュメントやデータをまとめた「デザインシステム」をデジタル庁が公開した。「デザインシステムに関わる活動をオープンにし、デザインシステムの認知向上や改善につなげる」という。 デジタル庁のWebサイトは阿部寛HPより「やばい」と話題に 河野大臣も「読んでね」 エンジニアの知識共有サービス「Qiita」に6月11日に投稿された「デジタ

        400点超の無料イラスト素材、デジ庁が配布 商用利用OK 自治体や企業のWeb・アプリ開発向け
      • Figma によるデザインシステム入門

        本書は Figma によるデザインシステムコースの日本語訳になります。デザインシステムに興味がある人や構築しようとしている人もチェックしてみてください。デザインシステムに縁のないデザイナーや開発者のためにプロダクトと向き合った最適なデザインシステムを探求するための材料になれば嬉しく思います。 (原文 : https://help.figma.com/hc/en-us/sections/14548397990423-Course-Introduction-to-design-systems) この記事は、Figmaから許可を得た上で翻訳され、Brand Guidelineに則った内容となっております。(Brand Guideline: https://www.figma.com/ja/using-the-figma-brand/) ## 更新情報 [2023/7/1] - 表紙画像に、このコ

          Figma によるデザインシステム入門
        • イラストレーション・アイコン素材|デジタル庁

          素材集の活用で、行政手続きをもっとわかりやすく専門的でわかりにくい行政手続きの改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政府として公式に配布する専用の素材がありませんでした。 そのため、地方自治体や民間サービスの方々が独自に作成する必要があり、表現が伝え手によってバラバラになる課題を抱えていました。 コストを抑えて、わかりやすい表現が可能にイラストレーションやアイコン素材の作成には、専門的な知識と多くの時間が必要です。視認性が高く保たれているか? 日本に暮らす人、訪れる人が理解しやすい表現になっているか? など、さまざまな検討事項があります。どなたでもご利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省くことができます。 また同時に、素材制

            イラストレーション・アイコン素材|デジタル庁
          • Figmaで作ったデザインをWebサイトに即反映「STUDIO」 | 進化が止まらない! 最新ツール

              Figmaで作ったデザインをWebサイトに即反映「STUDIO」 | 進化が止まらない! 最新ツール
            • S.H.Figuarts Jamiroquai| プレミアムバンダイ

              ☆受注締め切り日公開!ご注文の受付は、2023年8月6日(日)23時まで!☆ ▼2023年11月14日追記:コメント更新をしました。 ▼2023年8月3日追記:画像とコメント更新しました。 ペーパージオラマデータ公開!! 皆様のご要望にお応えして商品のご購入をいただいた方に ペーパージオラマ背景データの配布を致します。 詳細はこちら! 『Jamiroquai』のフロントマン「Jay Kay」がS.H.Figuartsで登場! 代表曲である「Virtual Insanity」のMV衣装で再現! 交換用フェイスパーツの他、ペーパークラフトのソファが付属!

                S.H.Figuarts Jamiroquai| プレミアムバンダイ
              • これは便利すぎる! Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html.to.design」が神アップデートされました

                WebページのURLを入力し、1クリックするだけで、そのページの編集可能なFigmaファイルに変換できる無料プラグインを紹介します。 去年紹介しましたが、先日ver.2にアップデートされました! 一括インポート、マルチビューポート、マルチテーマ、テキストとカラーのスタイル生成ができるようになり、さらに便利になりました。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma デスクトップとスマホも同時に! 1クリックでWebページをFigmaに変換 html.to.designの利用方法 html.to.designの使い方 1クリックでWebページをFigmaに変換 html.to.designは、URLを入力して1ク

                  これは便利すぎる! Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html.to.design」が神アップデートされました
                • HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA

                  ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く? imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する(たまに記述しないことがある)」が33.2%、「面倒なので普段は記述しない(たまに記述する)」が21%、「記述しない!」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid

                    HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA
                  • ニトリの「半分しかない」クリスマスツリーに反応さまざま「合理化の極み」「確かに360度見られることない」「日本の住宅事情…」

                    ニ ク。 @jzx0183 😳 すごい発想。 210センチの展開が欲しい。 今のツリーがダメになったら、このタイプはアリだわ。 安定性はどうなんだろうね🙄 twitter.com/keita44_f4/sta… 2023-11-06 08:25:39 キシモト @kishimoto_kk これ欲しいかもしれない………。壁にピッタリくっつけられれば、子が押して倒れちゃった、なんてことも避けられそうだし。手前に引かれたらもうアウトですが………。 twitter.com/keita44_f4/sta… 2023-11-06 09:05:02

                      ニトリの「半分しかない」クリスマスツリーに反応さまざま「合理化の極み」「確かに360度見られることない」「日本の住宅事情…」
                    • 文章一行でAIがWebサイト構築、外部資金調達なしで5.4万ユーザを集めた豪Relume——NikeやDapper Labsも利用 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報

                      Image credit: Relume ワンセンテンスの Web デザインは、もはや夢物語ではない。Wix、Weebly、Webflow のテンプレートを使えば、自分のスタイルで Web サイトを組み立てることができる。 しかし、これはレイアウトに限ったことではなく、Web サイトの構成を考え、各ページの内容も、訪問者を惹きつけるために慎重に設計する必要がある。例えば、「About」ページでは、サービス紹介やビジネスストーリー、将来のビジョンなどを掲載するため、コンテンツの設計に手間がかかる。 この問題を解決するために、デザインスタートアップ Relume は、AI が生成する Web サイトデザインプラットフォーム「Relume Ipsum」を開発した。これにより、数週間から1ヶ月程度かかっていた Web サイトを完成させるまでの作業負荷をわずか数分にまで軽減することができる。このプロ

                        文章一行でAIがWebサイト構築、外部資金調達なしで5.4万ユーザを集めた豪Relume——NikeやDapper Labsも利用 - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報
                      • 2ちゃんねるに独学で作った『けいおん!』フィギュアをアップし続け、たった3年でド素人から公式原型師まで上り詰めた人の話

                        Tg🪐Originals @tg_originals Togetter(トゥギャッター)オリジナル記事編集部です。Togetter,X(Twitter)で話題になった面白ネタ、興味深い話を深堀りするコンテンツをほぼ毎日お届けしています。(旧トゥギャッチ/togech_jp) togetter.com/kiji Tg🪐Originals @tg_originals 「うまい棒よりいらない」と言われたことも… 2ちゃんねるで『けいおん!』フィギュアを独学で作り続け、ド素人から公式原型師になった伝説の男。 figureneet(@figureneet)さんにこの10数年を振り返っていただきました! togetter.com/kiji/2023/12/3… pic.twitter.com/pZcBRRme5C 2023-12-31 12:27:47

                          2ちゃんねるに独学で作った『けいおん!』フィギュアをアップし続け、たった3年でド素人から公式原型師まで上り詰めた人の話
                        • draw.ioを使ってAWSの構成図を作成するコツ - Qiita

                          案件でAWSの構成図を作成する機会があったので備忘兼ねて投稿します。 ※約5分で読めます 1. グループの内側から作成していく AWSの基本的なグループ構成はこんな感じ 添付の場合、個人的には Public subnet or Private subnet > Availability Aone > VPC > Region > AWS Cloudの順番で作成することをオススメします。理由は内側のグループが肥大すると外側のグループの手直しが発生するためです。 今回作成した時に外側から作成してしまい、めっちゃ時間がかかってしまいました... 2. グループの左上を掴む 日本語が下手ですみません。 なぜ左上を掴まないといけないか?試しにPublic subnetをクリックしてドラッグをすると、添付の様になりました。 クリックをするとグループの外から選択されてしまうため、選択したグループ内に存在

                            draw.ioを使ってAWSの構成図を作成するコツ - Qiita
                          • 中国の小説家・思想家「魯迅」がアクションフィギュアに! オプションのついた豪華版も発売

                              中国の小説家・思想家「魯迅」がアクションフィギュアに! オプションのついた豪華版も発売
                            • 商用OKの無料HTMLテンプレート120個以上をダウンロードできる Templates Jungle

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

                                商用OKの無料HTMLテンプレート120個以上をダウンロードできる Templates Jungle
                              • Figma初心者でも大丈夫! レスポンシブWebデザインをFigmaで作るための3つのポイント

                                この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも違和感のないデザインになっています。 また、総務省の「通信利用動向調査」を見ると、スマートフォンでもパソコンでもインターネットが利用されている事がわかります。 利用状況 2022年のインターネット利用率(個人)は84.9%となっており(図表4-11-1-2)、端末別のインターネット利用率(個人)は、「スマートフォン」(71.2%)が「パソコン」(48.5%)を22.6ポイント上回っている。 (出典)総務省「通信利用動向調査」 このようにスマホ、PCどのデバイスでも見ることが

                                  Figma初心者でも大丈夫! レスポンシブWebデザインをFigmaで作るための3つのポイント
                                • 「サメ 洗った」で検索するとIKEAのデカいサメが洗われ干されている写真がたくさん見られて幸せになるらしい

                                  中野🐘🐘 @cheap_7 「サメ 洗った」で検索すると、IKEAのデカいサメがありとあらゆる干され方してる写真がたくさん見れて良いです 2023-08-17 00:52:13

                                    「サメ 洗った」で検索するとIKEAのデカいサメが洗われ干されている写真がたくさん見られて幸せになるらしい
                                  • S.H.Figuarts 志村けんの変なおじさん| プレミアムバンダイ

                                    日本を代表するコメディアンである「志村けん」が変なおじさんの姿でS.H.Figuartsに登場!! 特徴的な髪型のカツラのカラーや全身に及ぶ被服のプリントまでこだわり「志村けんの変なおじさん」を再現!交換用頭部パーツが付属し、様々なコントシーンに対応!

                                      S.H.Figuarts 志村けんの変なおじさん| プレミアムバンダイ
                                    • Figma でデザイン、そのままデモ、そのまま実装! - Qiita

                                      みなさん、デザインツールの Figma を使っていますか? 私はまだ「使っている」と言えるほど使えていません というわけで勉強会を開催して勉強します Figma とは 公式の紹介文は以下のとおりです デザインの追求からプロトタイプ作成、制作物のコーディングまで、Figmaはチームがコラボレーションして製品開発するためのプラットフォームです 本記事のタイトルと同じように、「デザインからデモ・実装までチームで製品開発できる」旨が書かれています まさにその通りで、ブラウザ上で UI をデザインし、そのまま動かしてみることができ、最終的にはコードの生成までできてしまうツールです Figma の人気 2022年に世界中のデザイン関係者を対象としたアンケートでも Figma は圧倒的な人気です いずれのランキングでも2位の10倍以上の得票数になっています メインで使っている UI デザインツール第1位

                                        Figma でデザイン、そのままデモ、そのまま実装! - Qiita
                                      • Figma for VS Codeを使ってCSS実装する時のおすすめポイント - Goodpatch Tech Blog

                                        Goodpatchエンジニアの池澤です。デザインツール「Figma」のスタイルや値を、テキストエディタ「VS Code」上で閲覧できる「Figma for VS Code」機能拡張が2023年6月よりFigma公式から提供されています。 この記事ではその「Figma for VS Code」について、実際に試して感じたことをまとめてみました。 ※ Figma Dev ModeやFigma for VS Codeはまだベータ版で動作保証されておりません。また本記事の内容は個人が趣味で検証したことをご理解の上、自己責任にてご利用ください。 Figma for VS Codeとは 主な使い方 使用時のワンポイント Point1: Figmaのトークンの名前と値が確認できる Point2: FigmaのSectionやReady for devマークの有無はあまり気にしなくて良い Point3:

                                          Figma for VS Codeを使ってCSS実装する時のおすすめポイント - Goodpatch Tech Blog
                                        • VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応

                                          VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応 昨年(2022年)、Adobeによる買収が発表され話題となったWebデザインツールを提供するFigmaは6月23日と24日の2日間、イベント「Config 2023」をサンフランシスコで開催しました。 その基調講演で、VSCodeのコードエディタ画面にFigmaの機能を組み込む「Figma for VS Code」が発表されました。 Bring Figma to VS Code Our new extension for VS Code eliminates context switching and helps you move faster with code suggestions based on your designs. Install to... → Inspect Fig

                                            VSCodeにFigmaを組み込む「Figma for VS Code」登場。コードの自動補完にも対応
                                          • エンジニアが画面設計(Figma)を担当してみた振り返り

                                            Thinkings株式会社 では sonarATS の開発にあたり、基本的にはデザイナーがFigmaを作成し、それに基づいてエンジニアが開発するというフローを取っています。 そんな中、先日エンジニアサイドで画面設計を行ってみるという実験的な取り組みをしました。 本記事では画面設計を行うことになった経緯と具体的な取り組み内容を振り返り、エンジニアが画面設計をすることのメリットと課題感について考えたことをまとめたいと思います。 エンジニアサイドで画面設計をするきっかけとなった要因 エンジニアサイドで画面設計をすることとなった理由として、大きく分けて以下3つの要因がありました。 デザイナータスク削減の目標 あるマスタ画面を開発したときの課題感 上述の通り、『簡単なマスタ画面の開発』のような共通的な画面設計になる機能については、できるだけデザイナーが介入せずエンジニア主導で開発している → 実際に

                                              エンジニアが画面設計(Figma)を担当してみた振り返り
                                            • Figma for VS Codeで変わるデザインと開発のコミュニケーションと効率

                                              2023年6月にFigma Config 2023という、Figmaのカンファレンスが開かれました。そこでFigma上で開発をサポートするような機能が多数発表されました。 デザイナーとエンジニアの効率を上げるDev Modeなどの発表があり、エンジニアにとっても知っておきたい内容があります。 今回は発表にあった中でも特に開発に直結するFigma for VS Codeを紹介します。 Figma for VS Codeとは? VS Code上でFigmaを使用したさまざまなことができる拡張になります。 ただVS Code上でFigma上のデザインを確認するだけではなく、Figmaと連携した開発速度を上げる機能やコミュニケーションをサポートする機能があります。 Figmaにコメントを送り、コメントの通知を受け取れる VS Code上からFigmaのコメント機能を使用して、UIの質問をすることが

                                                Figma for VS Codeで変わるデザインと開発のコミュニケーションと効率
                                              • Figmaの思想と新機能

                                                Config2023 Recap in Goodpatch https://goodpatch.connpass.com/event/287493/ Twitter https://twitter.com/__sakito__

                                                  Figmaの思想と新機能
                                                • 注文殺到の「成金おじさんフィギュア」 製造はフルカラー3Dプリンター 作者に聞く“3Dの可能性”

                                                  「どうだ 明るくなつたろう」──。燃やした紙幣を手に持ち、暗い場所を照らす「成金おじさん」の絵は、多くの人が教科書などで見かけたことがあるだろう。あの成金おじさんが、いまフィギュアとなり話題となっている。 作ったのは、大型生物の骨格標本の3D化なども手掛ける吉本アートファクトリー(兵庫県神戸市)代表の吉本大輝さん。成金おじさんフィギュアも3Dモデリングで原型を作り、フルカラー3Dプリンターで生産している。 商流に乗る通常のフィギュアなら金型による生産が普通だ。成金おじさんフィギュアはなぜ3Dプリンターで作っているのか。3Dモデリングのメリットは。立体造形物の祭典、Wonder Festival 2024 Winter(2月11日、幕張メッセ。以下ワンフェス)で吉本さんに取材した。

                                                    注文殺到の「成金おじさんフィギュア」 製造はフルカラー3Dプリンター 作者に聞く“3Dの可能性”
                                                  • アドビ、Figmaの買収を断念 欧州規制当局の承認を得られず

                                                      アドビ、Figmaの買収を断念 欧州規制当局の承認を得られず
                                                    • Design System 1.4.1 | Figma

                                                      デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 デザインシステムについての詳細や更新履歴はデジタル庁ウェブサイトをご覧ください。 ※Figma Communityにて公開中のデータは、Figma Communityの規定によりCC BY 4.0のライセンスが表記されます。ただし、このファイル内のイラストレーション・アイコン素材に関してはデジタル庁ウェブサイトに掲載の「イラストレーション・アイコン素材利用...

                                                      • 一年戦争のガンプラを汚し塗装している時に、あまり考えてはいけないこと「数ヶ月でそんなに錆びるかな…………」

                                                        のらきゃっと@毎週火曜・日曜20時~生配信! @VR_Girl_NoraCat 一年戦争のガンプラを汚し塗装している時に、あまり考えてはいけないこと 「数ヶ月でそんなに錆びるかな…………」 2023-10-15 14:32:32

                                                          一年戦争のガンプラを汚し塗装している時に、あまり考えてはいけないこと「数ヶ月でそんなに錆びるかな…………」
                                                        • Figma の Dev Mode で UI の確認を楽にする|ふじけん / kenshir0f

                                                          こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が追加され、エンジニアなど実装を担当する人目線でのデザインの確認がより便利になりました。 この Dev Mode はいったい何が便利なのか、どうやって既存のファイルで活用するのかを紹介したいと思います。 公式のチュートリアルはこちら↓ Dev Mode とは?Dev Mode はデザインデータを実装担当者が見るときのモードです。 エンジニアが Figma にあるデザインを実装する時に、デザインに関する情報をすぐに参照したり、UIに関連するコードを確認したりすることができます。 具体的なメリットは以下の通りです。 開発に必要なデザイン・画面だけを素早く参照できる デザインに関連するリンク(GitHub や Storybook, Notion など)を

                                                            Figma の Dev Mode で UI の確認を楽にする|ふじけん / kenshir0f
                                                          • Web To Figma

                                                            Web to Figma is the ultimate plugin to collect and save, design inspirations into Figma as flawless components. Farewell, screenshots! Web to Figma is the ultimate plugin to collect and save, design inspirations into Figma as flawless components. Farewell, screenshots!

                                                              Web To Figma
                                                            • アドビ、Figmaの買収を断念

                                                              米Adobeは12月18日(現地時間)、デザインコラボレーションツールを手掛ける米Figmaの買収を断念すると発表した。同買収については、欧州委員会や英国の競争・市場庁などが懸念を示しており、買収に必要な承認が得られないと判断したことから合併契約の終了を決めたとしている。 Figmaの買収は2022年9月に発表。買収額は200億ドル(当時のレートで約2.9兆円)で、23年内の完了を見込んでいた。この件についてAdobeのシャンタヌ・ナラヤンCEOは、「AdobeとFigmaは、規制上の調査結果に強く同意しませんが、独立して前進することがそれぞれの最善の利益になると信じています」とコメント。 Figmaのディラン・フィールドCEOは、同社の公式ブログを更新し「世界中の規制当局と何千時間も費やして当社の事業、製品、当社がサービスを提供する市場の違いを詳しく説明したにもかかわらず、この取引を規制

                                                                アドビ、Figmaの買収を断念
                                                              • 『けいおん!』自作フィギュアを2chにアップしてたド素人が公式原型師に抜擢…伝説の男と10年前を振り返った

                                                                時は2011年――。 日本でほとんどの人がガラケーを使用していた頃、日本のインターネット界では匿名掲示板「2ちゃんねる(現5ちゃんねる。以下、2ちゃん)」が活況でした。 2011年、2ちゃんねるに新星が現れる そんな2ちゃんに、ある1人の男が「けいおん!平沢唯ちゃんのフィギュア作るおwwwwww」というスレ(掲示板のページ)を立てます。 粘土を使い、フィギュアの製作過程をリアルタイムにアップし続け、ようやく完成した作品がこちら。 これはこれでかわいいけど……(画像提供:figureneetさん) どうでしょう…………? お世辞にも上手とは言えないクオリティーに加え、「そもそもこれをフィギュアと呼んでいいの???」と誰もが思ってしまう平べったい造形。 当時掲示板を見ていた2ちゃんねらー(2ちゃんのユーザー)たちは…… 40:以下、VIPPER速報がお送りします:2011/07/06(水) 2

                                                                  『けいおん!』自作フィギュアを2chにアップしてたド素人が公式原型師に抜擢…伝説の男と10年前を振り返った
                                                                • 道の駅の魚屋さん「今日中に1万いいね来たら等身大ナナチ買う」→つくし卿の後押しもあって購入決定、先日無事にナナチが届き道の駅に常設されることに つくし卿からも祝福のメッセージ

                                                                  多田水産(の中の人) @tada2547 須崎の道の駅で年中無休でタタキ焼いてる鰹専門の魚屋の中の人です。店の営業時間9:00〜17:30⏳ 使う鰹は基本地物✨県外発送承りますm(_ _)m 久礼に鰹の水揚げが有れば仕事、無ければ魚釣りとか食べ歩きとか魚まみれの生活してます基本的に会社と関係ない個人的ツイート主体。アニサキスボールペン職人。 tadasuisan.com

                                                                    道の駅の魚屋さん「今日中に1万いいね来たら等身大ナナチ買う」→つくし卿の後押しもあって購入決定、先日無事にナナチが届き道の駅に常設されることに つくし卿からも祝福のメッセージ
                                                                  • Google Workspace for Education のデジタルホワイトボードについてのアップデート | Google Workspace ブログ

                                                                    Google Workspace は、世界で多くのユーザーが利用する生産性向上のツールであり、業界をリードするパートナー企業と共に、Workspace に革新的なコラボレーション体験ができるよう常にアップデートしています。 この度、Google は Figma とのパートナーシップにより、 日本の Google Workspace for Education ユーザーに FigJam をお使いいただけるようになりました。FigJam は、 Jamboard に似たデジタルホワイトボード機能に加えて、無限に広がるキャンバス、テンプレート、投票など高度な機能をもつツールです。教育機関向けには無償で提供しています。それにともない、Google は 2024 年 12 月に Jamboard の提供を終了いたします。それまでは、引き続き Jamboard をお使いいただくことができ、 Jamboa

                                                                      Google Workspace for Education のデジタルホワイトボードについてのアップデート | Google Workspace ブログ
                                                                    • エンジニア直伝!デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法|ShikiCheri/C-C-C

                                                                      こんにちは、@ShikiCheriです。 現在フリーランスのUIUXデザイナーをやっており、単発案件ではなく長期的に組織や事業にコミットするような形で、サービス開発のデザインを中心に担当しています。 デザインシステム構築を担当したことでUIデザインの最適解について目から鱗が落ちた…!?クックパッドは25年のサービスの歴史があり、特にWeb版は今でも現役で活用されているサービスです。私はこの長寿サービスWeb版クックパッドのUIのリニューアルを行いました。 またこのプロジェクトと同時に、webに限らずアプリも含めたサービス全体の体験を統一するためのデザインシステムの構築を担当しました。 Apron - Figma Community これらのプロジェクトを推進する際、デザイン×開発の架け橋的存在であるUXエンジニアのむーさん、実装もできるデザイナーのけんけんさん、TOFUWORKSさんと共に

                                                                        エンジニア直伝!デザイン&実装の両観点で最適な「積むUIレイアウト」の制作方法|ShikiCheri/C-C-C
                                                                      • Figmaの魅力がすぐわかる、仕事で即使える!おすすめテンプレ、プラグイン、ウィジェット【Figmaワークハック #4】 | ライフハッカー・ジャパン

                                                                        4TBが9千円台だって。バッファローの静音HDDは在庫があるうちに回収しておこう【Amazonセール】

                                                                          Figmaの魅力がすぐわかる、仕事で即使える!おすすめテンプレ、プラグイン、ウィジェット【Figmaワークハック #4】 | ライフハッカー・ジャパン
                                                                        • Figmaは多大なアクセスをさばくためにどのようにデータベースのスケーリングを行ったのか?

                                                                          ブラウザベースのデザインツール「Figma」のデータベース(DB)は2020年以来100倍に拡大しました。当初は単一のPostgreSQLで構築されていたDBをどのようにして分散システムへと移行したのかについて、公式ブログで詳しく説明されています。 How Figma's Databases Team Lived to Tell the Scale | Figma Blog https://www.figma.com/ja-jp/blog/how-figmas-databases-team-lived-to-tell-the-scale/ Figmaではまず、「Figmaファイル」や「組織」などテーブルごとにDBを分割する「垂直分割」を行いました。2022年までに10個のパーティションに分割し、それぞれのパーティションを監視することでスケーリングの優先順位を付けたとのこと。 Figmaの利

                                                                            Figmaは多大なアクセスをさばくためにどのようにデータベースのスケーリングを行ったのか?
                                                                          • XDからFigmaへ移行したい人のためにFigmaの機能を紹介

                                                                            XDからFigmaへ移行したい人のためにFigmaの機能を紹介 この記事では、XDからFigmaに移行しようとしている方、Figmaを使ったことのない方に向けて、Figmaの機能の中からよく使用するものを紹介しています。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 マスクとして使用 Figmaでもマスクを使うと図形などからはみ出した部分を表示しないようにできます。 画像と図形を用意します。図形はその形からはみ出て部分を表示しなくなるので、その図形でくり抜かれたような表示になります。 マスクの作成方法 マスクとして使用したい図形の前面に画像を配置します。 図形と画像の両方を選択した状態にし、上部ツールバーにある[マスクとして使用]アイコ

                                                                              XDからFigmaへ移行したい人のためにFigmaの機能を紹介
                                                                            • 信じられるか……この人形、スポットライト当たってないんだぜ……「こういう変態技術者がいるから面白い」

                                                                              リンク www.tamiya.com 記念すべき第50回!人形改造コンテスト 作品募集 1/35スケールの兵隊人形が大変身! 作品のご応募お待ちしています! 1763

                                                                                信じられるか……この人形、スポットライト当たってないんだぜ……「こういう変態技術者がいるから面白い」
                                                                              • Design for the web without Figma

                                                                                By all accounts, Figma has been an amazing tool for designers. We've used it extensively at 37signals, and I'm sure most every other software shop has too. Adobe didn't pay $20 billion for nothing. But we don't do the bulk of our design work with or in Figma when developing Basecamp or HEY for the web. That's all done directly in HTML and CSS, as it should be. Because no matter how good Figma is,

                                                                                  Design for the web without Figma
                                                                                • コーディングを加速するFigma for VS Codeの紹介

                                                                                  以前こちらの記事でエンジニアのためのFigmaの使い方を紹介しました。 こちらの記事の後にFigmaのプラグインがリリースされ、VSCodeとの連携が可能になりとてもエンジニアにとって使いやすくなったので今回はその使い方を紹介します。 Figma for VS Codeで何ができるのか Figma for VS CodeはFigmaのプラグインで、VSCode上でFigmaのデザインをみたり、CSSのコードを取得したりすることができます。 FigmaのデザインをVSCode上で確認 以下はFigmaのデザインをVSCode上で見た例です。 ご覧いただいてわかる通り、要素間のの距離やサイズなどコーディングに必要な情報を一通り把握することができます。 コードの補完 Figmaのデザインをコーディングする際に、Figmaのデザインを元にCSSのサジェストをしてくれます。タブを打つだけでサジェスト

                                                                                    コーディングを加速するFigma for VS Codeの紹介