充電ドックに戻りたい掃除ロボと絶対に戻したくない猫さんの戦いが可愛いったらない「休ませてあげてｗ」
まおーじ @ma_o_ji 可動フィギュア大好き原型師。figma、S.H.フィギュアーツ、リボルテックの原型など主に可動のお仕事させていただいてます。もらっている以上にあげられるように。
まおーじ @ma_o_ji 可動フィギュア大好き原型師。figma、S.H.フィギュアーツ、リボルテックの原型など主に可動のお仕事させていただいてます。もらっている以上にあげられるように。
FigmaのVariableの使い方
Hiro 東京在住のフリーランスwebデザイナー。 TSUKURIBEと言う屋号で活動してます。 お問い合せはこちら、またはTSUKURIBEのサイトよりお願いします。 Twitter Facebook TSUKURIBE
原口一博とは何だったのか :ハムスター速報
原口一博とは何だったのか @kharaguchi Tweet カテゴリニュース 1：名無しさん＠涙目です。(dion軍)：2011/06/02(木) 15:46:43.18ID:OBAyfIfW0● 内閣不信任 民主・原口氏は賛成 大串氏は反対の意向 自民など野党３党が提出した内閣不信任決議案に対して、佐賀県関係国会議員は、民主党の原口一博前総務相が賛成する意向を表明、大串博志衆院議員は反対する考えを示唆した。 不信任案には「一線を画す」とし、党内での総括を求めてきた原口氏は「（総括の場となる）両院議員総会は開かれなかった。 党内で責任を求められないなら、政治家として国会の場で決断する。国民の命を守るために不信任案に賛成し、 与野党を超えた大きな枠組みづくりを目指す」と明言。党分裂の懸念については「多くの議員が同じ思いを持っており、分裂はありえない。 本来の民主党の姿に戻したい」と、
CSSのgapプロパティーは余白を指定できる新しめの手法です。余白といえば、marginプロパティーやpaddingプロパティーを思い浮かべる方が多いと思いますが、CSS GridやFlexboxでgapプロパティーを使うと柔軟にレイアウトを組めます。もともとgapプロパティーはCSS Gridでのみ利用できていましたが、macOS Safari 14.1およびSafari on iOS 14.6からFlexboxでもgapプロパティーが使えるようになりました。 この記事ではFlexbox、CSS Gridで利用できるgapプロパティーを活用したレイアウト手法とそのメリットを紹介します。今までmarginプロパティーで要素間の余白を調整していたものもgapプロパティーで柔軟に対応できる場面もあります。なお、下記サンプルでmarginプロパティーは一切使っていません。 サンプルを別ウインドウ
Apple Design Resources
Apple Design Resources Design apps quickly and accurately by using Figma, Sketch, Photoshop, and XD design kits, guides, and other resources.
マークアップを進化させる WAI-ARIA の基本 私 @masuP9 WAI-ARIAとは何か WAI Web Accessibility Initiative ARIA Accessible Rich Internet Applications WAI-ARIAは、ウェブコンテンツおよび アプリケーションのアクセシビリティと相互運用性を改良するためのフレームワークを提供する技術仕様である。 Accessible Rich Internet Applications (WAI-ARIA) 1.2 日本語訳 WAI-ARIAは ウェブのアクセシビリティを 高めるための技術仕様 WAI-ARIAはなぜ必要か アプリケーション化するウェブ Notion Figma G Suite 3D CAD etc... 意味も振る舞いも 既存のHTMLでは表現できなくなってきた 例えば タブUI 開いてい
オリンピックを応援するスウェーデン王がお茶目…世界中で人気に 大きな盛り上がりを見せているロンドン五輪。 どの国でも母国の応援に熱が入っていますが、ハンドボールの試合を観戦するスウェーデン王と王妃夫妻が微笑ましいと、人気になっています。 写真をご覧ください。 王様絶叫！ 応援に気合いが入りまくりです。 スポーツ観戦は興奮しやすいものですが、それは王様であっても同じなのですね。 これだけ激励されたら、選手たちのモチベーションもさぞ上がったことでしょう。 この姿を見て、海外掲示板も盛り上がっていました。コメントを抜粋してご紹介します。 ●選手とハイタッチしているやつの方がいいな。 ●自分はこれもお気に入りだよ。 ●ETみたいでかわいい。 ●国王も人だと思えていいね。 ●普通の服を着て、チームを鼓舞し、一般人と変わりなく振る舞い、選手に挨拶もする。英国の君主制も見習うべきだね。スウェーデンよ、ナ
Design System 1.4.1 | Figma
デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み「デザインシステム」の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。 デザインシステムについての詳細や更新履歴はデジタル庁ウェブサイトをご覧ください。 ※Figma Communityにて公開中のデータは、Figma Communityの規定によりCC BY 4.0のライセンスが表記されます。ただし、このファイル内のイラストレーション・アイコン素材に関してはデジタル庁ウェブサイトに掲載の「イラストレーション・アイコン素材利用...
AWS、自社製品のために開発したデザインシステム「Cloudscape」オープンソースで公開。UIコンポーネント、デザインパターンなど
AWSは、マネジメントコンソールなど同社が提供する製品やサービスのWebアプリケーション画面を構築するために開発したデザインシステム「Cloudscape」をオープンソースで公開しました。 Cloudscape Design System, an AWS solution for building intuitive user experiences, is now open source! Cloudscape consists of guidelines to create web applications, along with the design resources and front-end components to streamline implementation.https://t.co/M8wKGqzH5E pic.twitter.com/9JOtkMF8Bi — A
Kernel/VM探検隊はカーネルや仮想マシンなどを代表とした、低レイヤーな話題でワイワイ盛り上がるマニアックな勉強会です。佐伯氏は、WebAssemblyのWebの外の応用について発表しました。全2回。前半は、Wasmがアツい理由とデザインゴールについて。 今回のテーマは「Kernel/VM的WebAssembly入門」 佐伯学哉氏（以下、佐伯）：佐伯が『WebAssemblyのWeb以外のこと全部話す』というタイトルで発表します。 まず、WebAssemblyとは何ぞや？ という一般的な話なのですが、「Wikipedia」からの引用によれば、「Webブラウザーのクライアントサイドスクリプトとして動作する低水準言語である。ブラウザー上でバイナリフォーマットのかたちで実行可能であることを特徴とする」とあります。 実際の応用例としては、WebでGoogle Meetの背景ぼかしに使われていた
エイプリルフールに便乗しているサイトまとめ2017年版
By ｍｅｒａ いつもはふつうな各サイトが4月1日になった途端に全力で仕込んでおいたネタパワーを解放し、一体何が本当で、何がウソで、どこからどこまでがネタなのかという線引きが突如として曖昧になってしまう日、それが毎度おなじみエイプリルフール、今年も始まりました！ ◆エイプリルフール記事が更新される度に通知されるGIGAZINE公式アカウント というわけで、GIGAZINE編集部はエイプリルフールに便乗していろいろと仕込みまくっている各サイトを4月1日0時～24時まで、文字通り24時間ネットにぺっとりとはりついてリアルタイム更新、この記事にまとめ続けます。記事はどんどん記事末尾に追加されていき、時間の経過とともに信じられない長さになっていく仕組み。「いちいちページを更新して、追加があるかどうか追っかけていられない！」という場合は、GIGAZINEのTwitter公式アカウント・Faceboo
大塚流フロントエンド開発の歩き方
フロントエンド開発は考えることが多い。とくに 0 -> 1 の場合だと、何からはじめたらいいのか？が全然わからず、途方にくれてしまうこともあるでしょう。実際、ぼくがそうでした。 そして、そういった情報はなかなか検索しても出てこない。設計方法や実装方法みたいなものはたくさんあるのに。なので、書いてみました。 これは、ぼくがいくつかのフロントエンド開発を経て「これを最初に知っていれば、もうちょっとうまくできたかも？あの失敗がなかったかも？？」をまとめたものです。 フロントエンド開発に不慣れな方の参考になれば、これ幸いです。 まずは仕事のゴールを確認する プロジェクトや各フェーズごとに仕事のゴールは異なるため「何をもって仕事が完了したと言えるか？」を確認する。たとえば、要件定義フェーズであれば「画面仕様書が完成する」とか、開発フェーズであれば「API結合試験がすべて完了し、バグチケットがすべてク
生まれ変わったらデザインシステムになりたいと思っているくらい、デザインシステムが好きなエンジニアの乗田です。 僕の入社の経緯や業務内容についてはこちらからご覧いただけます！ デザインシステムとは デザインシステムとは、ソフトウェアやグラフィックなどにおけるデザインの原則や指針と、それらを実現するための仕組みの集合体です。デザインシステムのメリットは、低コストで高速に一貫性のあるデザインを実現しやすくなるという点にあります。 一般的にデザイン原則にはタイポグラフィ・カラーシステムやボイス&トーンなどが含まれ、仕組みにはコードベースのUIコンポーネントやデザイントークンなどが含まれます。 しかしデザインシステムにおける必須要素の定義はありません。それ故にデザインシステムは、各組織にとって必要なデザイン原則やデザインアセットが集合した物と言い換えることもできるでしょう。 古い物ですと1975年に
ユージック｜スマフォサイトなど
Adobe Expressが便利 2024年2月8日WEBデザイン これまでデザインツールはPhotoshopやillustratorを使っており、最近であればAdobe XDやFigmaを使っていたのですが、SNSの定型画像、動画を扱う際は不便な事がありました。また素材についてもストッ […] WordPressのJSONレスポンスエラー対策【WAFチューニング編】 2024年1月31日WordPress WordPressで記事を保存した時などに以下のような「更新を失敗しました。返答が正しいJSONレスポンスではありません」といったエラーが出て記事を保存できないケースがあります。 この記事の内容エラー内容発生する状況原因 […] 送信ドメイン認証（SPF、DKIM、DMARC）とは 2024年1月19日アウトプット 近年なりすましメールの被害が拡大していることからGoogleは2024
漫画家の新條まゆさんスナイパーライフルを手に入れる→自身の漫画のシーンを再現 1 名前： モデル(アラバマ州)：2010/09/03(金) 12:31:41.95 ID:g/mAwE3C0 ?PLT スナイパーライフルが届いたわけだが…おい！お前ら！でかくて重くて、 肩に担がなきゃ撃てないぞ、こりゃあ！俺が正義だ！！ http://twitpic.com/2kp04c スレタイ：漫画家の新條まゆさんスナイパーライフルを手に入れる→とりあえず担ぐ 2 ： 人間の恥(新潟県)：2010/09/03(金) 12:32:08.44 ID:x29q4vCv0 ひでえｗｗ 7 ： ネット乞食(大阪府)：2010/09/03(金) 12:32:46.53 ID:/qJHyjBL0 買ったのかよｗ 6 ： 教員(東京都)：2010/09/03(金) 12:32:36.61 ID:uFVkTcCq0 よくや
慶応ミスコン出演の浅倉友里子が電車で寝ていたお爺ちゃんを勝手に撮影し「歯がありません」とネットで晒す Tweet カテゴリ炎上お祭り 1 ：名前：名無しさん＠涙目です。(東京都)：2011/11/05(土) 11:33:55.74 ID:P7AoDHTR0 ?PLT(12000) http://twitter.com/#!/YurikoAsakura/status/124768171809980416 歯がありません。電車で撮ったら、相方に怒られました。 http://lockerz.com/s/146965354 http://twitter.com/#!/YurikoAsakura 4 ：名前：名無しさん＠涙目です。(東京都)：2011/11/05(土) 11:34:43.58 ID:ENyykO3L0 また遊び道具きたか 5 ：名前：名無しさん＠涙目です。(愛知県)：2
ログ・ホライズン1 異世界のはじまり 海外サイト4chanのアニメ板に現在放送中のアニメ｢ログ・ホライズン｣の作者、橙乃ままれ氏が登場し、非常に盛り上がっていましたので抜粋してご紹介します。以前にも4chanに登場されているようです。(なお、アニメ10話までに出てきていない話は基本的に省いています。) 太字が橙乃氏 ●Loghorizon Thread Mamare !5bXzwvtu.E 12/07/13(Sat)20:35 UTC+9 No.97960047 こんばんは、橙乃ままれです。 約束通り、節目の10話を迎えたのでまた訪れました。 アニメのことについて、質問があればお答えしたいと思います :) ●Hello,私は本当にあなたのアニメが大好きです。また来てくれて嬉しい！ ●ありがとうございます、ログホライゾンはすごいですよ(原文まま) ●Mamare !5bXzwvtu.E 12
Adobe to Acquire Figma
Combination of Adobe and Figma Will Usher in New Era of Collaborative Creativity SAN JOSE, Calif.--(BUSINESS WIRE)-- Today, Adobe (Nasdaq:ADBE) announced it has entered into a definitive merger agreement to acquire Figma, a leading web-first collaborative design platform, for approximately $20 billion in cash and stock. The combination of Adobe and Figma will usher in a new era of collaborative cr
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。4月29日（月）～5月5日（日）〔2024年5月第1週〕のトップ30です*1。 順位 タイトル 1位 取調べを受けることになったら ー取調べを受ける心がまえについてー - しんゆう法律事務所 2位 ひとり社長の経理の基本｜Tetsuya Morimoto 3位 知れば写真が上手くなる！基本・応用の構図15選と構図を使いこなすコツ | Adobe 4位 自宅で美味しいコーヒーを飲むためにどういう順序でお金を使うべきか - タオルケット体操 5位 なぜかずっと疲れている人に足りないのは「攻めの休養」 “ただ休む”だけでは回復しない、生産性を高める休養のコツ - ログミーBiz 6位 YouTubeでみれるライブカメラ映像まとめ【作業用BGMにも】 | オモコロブロス！ 7位 「タスクを切る能力」の本質
ブータン国王がラーメン二郎を食してみたいと要望し、ラーメン二郎目黒店がお休みに Tweet カテゴリ☆☆☆ 1 ：名無しさん＠涙目です。(東京都)：2011/11/19(土) 14:56:40.59 ID:V5x2T4LO0 ?PLT(12000) ポイント特典 ラーメン二郎目黒店 せっかくの週末があいにくの雨模様。日本シリーズが両チームともドーム球場で良かったです。 ソフトバンクは横浜からFAで村田を穫り、阪神は広島から栗原穫り。 そんな下請け育成球団制度が見え隠れするストーブリーグです。こんちは清武元ＧＭです。 さてさて毎度急で申し訳ありませんが、臨時休業のお知らせです。本日19日土曜日昼の部、目黒店はお休みさせて頂きます。国民総幸福(ＧＮＨ)が高い指標を誇るブータンの国王夫妻が来日中で、ラーメン二郎を食してみたいとのご要望があり、赤坂迎賓館まで出向いて参ります。美男美女の国
マックスファクトリーから3月26日リリースの美少女ゲーム「se・きらら」が、フルプライスを予定したところ「無料配布」されることになり、ニュー速VIPさん入りや、 オレ的ゲーム速報＠刃さん入りもした。なので、マックスファクトリーの社長マックス渡辺氏に「なんで無料にしたのか」とか「商売になるの？」とか、いろいろ根掘り葉掘り聞いてみた。 ■なんで無料にしたんですか？ ―「se・きらら」の無料配布が話題になってますが、もともとは売り物予定だったんですよね？ なんで無料にしたんですか？ マックスファクトリー社長 MAX渡辺 ある日「そうだ、無料にしよう！」と思い立ったんです。それまでずっとモヤモヤモヤモヤしてたんですね。PCゲームってどうしてこんなに高いんだろう？とか、人気タイトルになるためには、沢山の人に遊んで貰うためには、どうすればいいんだろうって。制作中ずっと悩んでいたのですが、そう思い至った
九州観光名所:ハムスター速報
Tweet カテゴリ この記事は存在しないか、すでに削除されています。 figma ファイアボール チャーミング ドロッセル Amazon ranking 今週の人気記事一覧
最近、figmaを社内でも始めたのですがその魅力にドンドン引き込まれています。自身の学習も含め、これからfigmaを導入しようとする方の参考になればと思い使い方のまとめを作ってみました。 私はsketchをベースに開発することが多いのでsketch→figma視点で語ってる所が多いです。全力と言いつつ、まとめ切れていない所も多いので、不足しているところは随時更新していきます。 導入編アカウント登録 figmaの公式サイトに行きましょう！まずはアカウント登録。すべて英語ですが名前と職業を聞かれるぐらいで簡単に登録できます。またgoogleアカウントを持ってる人であれば、そちらからすぐにログインできるのでおすすめ。 ログイン後はfigmaのダッシュボードが表示されます。 webブラウザでほぼすべての機能が使えるのがfigmaの特長でもあります。 Desktop Appをインストールする やはり
ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成プラグインなど用途によってさまざまです。 しかし、いざ探してみると、どこから見つけていいのか迷ってしまうほど膨大な数が公開されています。 そこでこの記事では、デザインをつくるときに役立つFigmaプラグインに絞り、リスト形式でご紹介します。 しかも、どれも無料。気になるアイテムはどんどん試してみましょう。きっとこれまで以上楽にデザインを作成できますよ。 このリストはこんな人におすすめ デザインのアクセントになる「あしらい」をさくっと作りたい どのプラグインを使えばよいか迷っている まわり
最近のフィギュア市場ってどうなってるの？――グッドスマイルカンパニーに聞くフィギュアビジネス，そして「ブラック★ロックシューター」という挑戦
最近のフィギュア市場ってどうなってるの？――グッドスマイルカンパニーに聞くフィギュアビジネス，そして「ブラック★ロックシューター」という挑戦 編集部：TAITAI カメラマン：田井中純平 12→ キャラクターあるいはコンテンツの楽しみ方の一つとして，今やすっかり定着した感があるフィギュア。いわゆるオタク産業の中にあって，フィギュア市場は，その精巧さと適切な価格設定で，急速にシェアを伸ばしている分野だ。ゲーム市場という観点から見ても，欠かせないファンアイテムの一つとして，フィギュアは，大きな立ち位置を占めるに至っている。 今回4Gamerでは，そんなフィギュア業界をリードするグッドスマイルカンパニーの代表取締役・安藝貴範氏にインタビューする機会を得て，フィギュアビジネスについてや，近年のコンテンツ開発，あるいはその周辺の“文化”についてなど，いろいろな話を聞いてみた。 グッドスマイルカンパニ
こんにちは。デザイナーのたかはし（@tmtgtk）です。かれこれ社会人8年目のデザイナーとなりました。広告制作会社からスタートし、事業会社、スタートアップを数社渡り歩いた僕が、何らかの知見をシェアできないかなと思い立ち、初めてnoteを書いてみようと思います。 いきなりですが、デザイナーのみなさん、「デザインレビュー」って普段どうしてますか？ ・上司に見てもらいフィードバックしてもらう・デザインチームの複数人で集まってスクリーン見ながら・エンジニアさんやディレクターさん含めたプロジェクトメンバーで・デザイナーが自分ひとりなので、誰もレビューしてくれない…などなど、様々なケースがあるかと思います。一方、デザインレビューのよくある問題で、 ・その都度上司の言うことが変わる・その時の参加メンバーによってツッコミどころが全然違う（立場が上だったり声の大きい人の意見が通りがち）・エンジニアさんやディ
Stable Diffusion発! 画像生成ブームに見るジェネラティブAIの人・もの・お金事情 - NTT Communications Engineers' Blog
この記事は NTTコミュニケーションズ Advent Calendar 2022 18日目です…が、少々遅れてお届けします。 はじめに PS本 5G&IoTサービス部 増田です。Advent Calendar参加も（たぶん）3年目となりました。 「テキスト指示をもとに、AIがお好みの画像を生成する（Text-to-Image）」「今ある画像へ、テキスト指示で編集を加える（Image-to-Image）」 -- そんな画像生成AIが注目を集めています。2022年の上半期、Open AIによるDALL-E 2の公開、Midjourneyの登場と盛り上がりを見せました。2022年8月23日のStable Diffusion一般公開からは、使ってみた報告、従来研究との融合、商用プロダクト応用と、研究者、アーティスト、プログラマなど様々な人の参加により、界隈はさらに活気づいています。 画像生成AIの
figma 江頭2：50
新たな伝説の1ページがここに! 「figma 江頭2:50」急遽再販決定!! 上半身裸に黒スパッツ姿でお馴染みの、あの伝説の芸人「江頭2：50」がなんとfigmaで登場！ スムーズ且つキチッと決まるfigmaオリジナル関節パーツで、激しいあらゆるシーンを再現。 要所に軟質素材を使う事でプロポーションを崩さず、可動域を確保。 表情は「笑顔」と「驚き顔」にくわえ、「叫び顔」の３種。 付属物にはスパッツに手を突っ込んで繰り出す「ドーン！」を再現できる「ドーン！用パーツ」が付属します。 さまざまなシーンを可能にする可動支柱付きのfigma専用台座が同梱。
１．フロントテストと Storybook の活用 フロントテストのどこにコストがかかるのか バックエンドのテストはシンプルな入力と出力が多いので、テスト作成は比較的簡単です。一方、フロントエンドのテストは UI イベントや動的な要素も含まれ、複数の出力があるため、テスト作成はより複雑になります。これにより、テスト作成のコストが増大します。 生 jest で書くフロントテストと心の目 Jest は主に JavaScript のユニットテストをサポートするツールであり、UI レンダリングのテストを行うためには対応するライブラリが必要です。Jest は DOM イベントをエミュレートすることはできますが、ユーザーの操作と同様のインタラクションを再現することは困難です。機能の多いコンポーネントをテストする際に、Jest を使用するとテストコードが複雑になりがちです。そして最大の問題は、視覚的な部分
![[Next.js]フロントテストのコストはStorybookで削減出来る](https://cdn-ak-scissors.b.st-hatena.com/image/square/92b7b04788f510c30709cc61df382bfe13d5b11a/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--nAeOk0Ql--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BNext.js%25255D%2525E3%252583%252595%2525E3%252583%2525AD%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252583%252586%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252581%2525AE%2525E3%252582%2525B3%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252581%2525AFStorybook%2525E3%252581%2525A7%2525E5%252589%25258A%2525E6%2525B8%25259B%2525E5%252587%2525BA%2525E6%25259D%2525A5%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E7%2525A9%2525BA%2525E9%25259B%2525B2%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2VlZTgzMDYyMDQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く（人のこと言えないですが......）、初心者にはUIデザインのツールとしてはまだまだ馴染みの薄いツールなのかなと思います。 というより、昨今はデザインツールが多すぎてシンドいことこの上ないですね。一度効率化の味を知ると更なる効率化を追い求めてしまいますし、そんな現状だと日頃から使用しているツールを変えるのも一苦労です。 ......さて、今回は初心者〜中級者くらいまでに向けてFigmaで作るUIデザイン入門的な記事を書いていこうと思
はじめに デジタル庁が公開したデザインシステムがよさそうなデザインでしたので、適当に遊ぼうかと思いました。 html/cssで公開してくれればすぐに使いやすいと思ったんですが、どうやらFigmaでしか配っていない。。 ということでhtml/cssに落とし込んでみました。 注意事項 趣味程度に作ったものを、使いたい人がいればどうぞというものです。 細かい部分は間違っていることもあるかと思います。(ラジオボタン難しかったので、何とか再現した感じです。) 自分用に目的もなくつくっていましたので、命名等のポリシーもめちゃくちゃです。許してください。 大変つかれましたので、厳しいコメントは受け付けません。 気が向いたら、もう少しきれいにするかもしれません。 ソースコード 以下、に載せています。 完成概要 ページとしてはこんな感じ
この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. Web制作お役立ちツール 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. アイコン素材パック 7. デザインコレクション 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Fresh Folk スタイリッシュなイラストを作成で
※本noteはQiitaの記事をデザイナー向けに編集した転載です。 https://qiita.com/hikaru_tayama/items/49373412ec1a515ff05d （QiitaではGIFをつけていますのでGIFだけそっちで見てください。） はじめにデザイナーのみなさん、わりと海外では話題（のはず）のFigmaをご存知でしょうか。昨日チームメンバーにnoteで紹介している人がいるよと共有されて『 Figmaというデザインツールがすごい 』を拝読し、嬉しくなりました。 noteで検索してもフィギュアばかりで上記以外ぱっと見当たりません。 Adobe XDが正式リリースされてから『 比べてわかったSketchとAdobe XDの違い 最高のUIデザインツールはどっち？ 』や『 XD vs Sketch みたいな比較は意味がない理由 』のような良記事をネットやSNSでしばしば
あのシナリオをどうやって3DSに？ 20年の時を経て甦る「闘神都市」の疑問を，イメージエポック・御影氏とアリスソフト・TADA氏に聞いてきた
あのシナリオをどうやって3DSに？ 20年の時を経て甦る「闘神都市」の疑問を，イメージエポック・御影氏とアリスソフト・TADA氏に聞いてきた ライター：川崎政一郎 12→ イメージエポックから2014年1月30日の発売が予定されているニンテンドー3DS用ソフト「闘神都市」。本作は，1994年にアリスソフトから発売されたPC用アダルトゲーム「闘神都市II」をベースに，さまざまなリファインを行ったタイトルだ。 その概要については，4Gamerでも10月31日に第一報を掲載し，その後も何度か取り上げているが，オリジナルである闘神都市IIのプレイ経験がある人であれば，きっと疑問を持ったことだろう。“果たしてあのシナリオを，コンシューマゲームに移植することが可能なのか”，と。 名作として今なお語り継がれる同作だが，その名作たる由縁には，アダルトシーン抜きでは決して語ることのできない，シナリオの妙があ
こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が追加され、エンジニアなど実装を担当する人目線でのデザインの確認がより便利になりました。 この Dev Mode はいったい何が便利なのか、どうやって既存のファイルで活用するのかを紹介したいと思います。 公式のチュートリアルはこちら↓ Dev Mode とは？Dev Mode はデザインデータを実装担当者が見るときのモードです。 エンジニアが Figma にあるデザインを実装する時に、デザインに関する情報をすぐに参照したり、UIに関連するコードを確認したりすることができます。 具体的なメリットは以下の通りです。 開発に必要なデザイン・画面だけを素早く参照できる デザインに関連するリンク(GitHub や Storybook, Notion など)を
iPhone4S ａｕとソフトバンク通信速度比較でauの圧勝 ソフトバンクが糞回線すぎて顔面ホワイトプランｗｗｗ:ハムスター速報
iPhone4S ａｕとソフトバンク通信速度比較でauの圧勝 ソフトバンクが糞回線すぎて顔面ホワイトプランｗｗｗ Tweet カテゴリ☆☆☆ 1 ：☆ばぐた☆ ◆JSGFLSFOXQ ＠☆ばぐ太☆φ ★：2011/10/14(金) 18:36:36.63 ID:???0 ・誰もが気になっているソフトバンクとauのネットワークスピード対決をやってみました！ 計測サイトはBNRスピードテストで、測定方法は下り速度テストです。 動画でその様子を撮ったのでまずは見てください。その圧倒的な差を。 動画左からau iPhone 4Sが2台、ソフトバンク iPhone 4、ソフトバンク iPhone 4Sです。 速度を数字で見てみると一目瞭然。 数字は左からauが1.68Mbps、1.26Mbps。 ソフトバンクが82.13kbps、88.3kbps 圧倒的すぎるよau by KDDI！
この記事では、Webデザインやグラフィックデザインの制作スピード、生産性がアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用すれば、面倒な作業をラクにこなし、作業の効率化をアップできるでしょう。「なぜ今まで使っていなかったのか」、そんな気持ちにさせる便利ツールが揃いました。 各ツールはカテゴリごとに整理しています、以下のリストを参考にどうぞ。 コンテンツ目次 1. Web制作便利ツール 2. イラスト系ライブラリ 3. 配色ツール 4. デザインコレクション 5. プロトタイプツール 6. コラボレーションツール 7. 面白、クリエイティブツール Web制作フローが変わる！便利な最新オンラインツールまとめ Web制作便利ツール BrowserFrame 各種ブラウザ付きでスクリーンショットを撮影できるオンラインツール。目的の
商用利用無料、ベクターで使いやすい！MacBook, iPhone, Apple Watchなど人気のあるデバイスのモックアップ素材
iPhone, Galaxyをはじめ、Apple Watch, iMac, MacBookなど、人気のあるデバイスやブラウザのモックアップ素材を紹介します。ベクターなので使い勝手もよく、プレゼンにもぴったりです。 ベクター素材は、Figma用とSktch用の2種類が揃っています。 Vector Mockups Library Vector Mockups Libraryはベクターのモックアップ素材、MITライセンスで商用プロジェクトでも無料で利用できます。 デバイス・ブラウザは、下記の通り。 iPhone 12 iPhone SE 2 iPhone SE Samsung Galaxy S20 Apple Watch iMac MacBook Safari Chrome ダウンロードは、下記ページから。 まずは、「Download」ボタンをクリックします。
Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで最適な画像・動画サイズのまとめ -SocialSizes
Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで最適な画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括まとめてダウンロードもできるので非常に便利です。 SocialSizesでサポートされているソーシャルメディア Facebook Instagram LinkedIn Twitter Snapchat YouTube Pinterest Twitch Whatsapp AppStore TikTok ProductHunt Vk PlayStore 各ソーシャルメディアで最適な画像・動画
福島原発に気を取られがちだけど、高速増殖炉もんじゅも相当ヤバい Tweet カテゴリ東日本大震災 1：以下、名無しにかわりましてVIPがお送りします：2011/03/27(日) 18:36:49.16ID:zKJemEHj0 みんなのヒーローもんじゅちゃん（物理板より転載） 2010年8月26日、炉内中継装置（直径46cm、長さ12m、重さ3.3トン）がつり上げ作業中に落下する事故が起きた 原子炉に鉄クズ（交換装置）3.3トンが落下し、回収が不能であることがわかった 燃料棒の交換方法断たれる 休止不能で制御棒なんとか突っ込んで冷やし続けている状態 燃料が高濃度のプルトニウムで福島よりずっと臨界しやすい プルトニウムは臨界を防ぐ制御棒効きづらい上に温度にムラができやすい プルトニウムの量は長崎原爆の100倍以上 本州のど真ん中福井県にあるが、地震プレートの真上にあることが建設後にわかった 高
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gapの余白指定が便利！ gridとflexでできる新しいCSSレイアウト手法 - ICS MEDIA
マークアップを進化させる WAI-ARIA の基本
オリンピックを応援するスウェーデン王がお茶目…世界中で人気に:らばQ
WebAssemblyはJVMやeBPFのリバイバルではない WasmがWeb以外でもアツい理由
グッドパッチエンジニアが選ぶ、推しデザインシステム10選｜Goodpatch Blog グッドパッチブログ
漫画家の新條まゆさんスナイパーライフルを手に入れる→自身の漫画のシーンを再現 : 痛いニュース(ﾉ∀`)
慶応ミスコン出演のAが電車で寝ていたお爺ちゃんを勝手に撮影し「歯がありません」とネットで晒す:ハムスター速報
【海外スレッド】4chanにログ・ホライズンの橙乃ままれ氏登場。 : 京ネタ
ブータン国王がラーメン二郎を食してみたいと要望し、ラーメン二郎目黒店がお休みに:ハムスター速報
無料配布の美少女ゲーム「se・きらら」インタビュー なんで無料にしたんですか？ : アキバBlog
Figmaの使い方、全力でまとめました。｜hikaru-takase /Loglass
Figmaのデザイン制作が楽になる時短プラグイン30選
デザインレビューシステム〜正しいデザインを正しく作ったか〜｜Tomotsugu Takahashi
[Next.js]フロントテストのコストはStorybookで削減出来る
FigmaではじめるUI（Web）デザイン｜Part1｜Nao Komura｜note
デジタル庁公開のデザインをhtml/cssに落とし込んでみた。 - Qiita
Webデザイン制作が変わる！便利な最新オンラインツール45個まとめ
Sketch はもういらない？デザインツール Figma｜hikarutayama｜note
Figma の Dev Mode で UI の確認を楽にする｜ふじけん / kenshir0f
便利で爆速！ウェブ制作向け最新オンラインツール、無料素材37個まとめ
福島原発に気を取られがちだけど、高速増殖炉もんじゅも相当ヤバい:ハムスター速報