投稿時間:2023-06-16 19:22:39 RSSフィード2023-06-16 19:00 分まとめ(27件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
IT ITmedia 総合記事一覧 [ITmedia News] スマホのマイナカード機能を止める方法 デジタル庁が案内 端末の初期化ではデータは“消えない” https://www.itmedia.co.jp/news/articles/2306/16/news175.html android 2023-06-16 18:39:00
AWS AWS Japan Blog 最新の AWS ヒーローのご紹介 – 2023 年 6 月 https://aws.amazon.com/jp/blogs/news/announcing-the-latest-aws-heroes-june-2023/ 取り組み 2023-06-16 09:49:46
AWS AWS Japan Blog Amazon SQS デッドレターキューリドライブ用の新しい API セット https://aws.amazon.com/jp/blogs/news/a-new-set-of-apis-for-amazon-sqs-dead-letter-queue-redrive/ amazon 2023-06-16 09:26:12
python Pythonタグが付けられた新着投稿 - Qiita 【Python】ループで辞書やリストの値を取得する方法を合計10種類まとめてみた https://qiita.com/Ryo-0131/items/c3a1416a1c13b36e35b3 ipaddresses 2023-06-16 18:49:02
AWS AWSタグが付けられた新着投稿 - Qiita 【aws】route 53を使った、フェイルオーバー構成の実装と運用方法 https://qiita.com/gk12/items/9e4975744629e2efdde8 awsroute 2023-06-16 18:37:02
AWS AWSタグが付けられた新着投稿 - Qiita Security Hub Automation Rulesを使ってみた https://qiita.com/tbtakhk/items/744eb7c1d844dc516705 automationrules 2023-06-16 18:00:22
技術ブログ Mercari Engineering Blog なめらかなナレッジシェアリング文化を創る https://engineering.mercari.com/blog/entry/20230615-fc507a43af/ hellip 2023-06-16 10:00:07
海外TECH DEV Community Streamlining Design to Code Workflow: How I Created a Figma Plugin to Convert Designs into ReactJS Design System Components https://dev.to/keno_reloaded/streamlining-design-to-code-workflow-how-i-created-a-figma-plugin-to-convert-designs-into-reactjs-design-system-components-537o Streamlining Design to Code Workflow How I Created a Figma Plugin to Convert Designs into ReactJS Design System Components IntroductionIn today s fast paced tech world efficient design to code workflows are crucial for seamless product development As a Senior Product Designer at AMBOSS a medical knowledge platform for doctors and students and a self proclaimed to be able to do some front end development I recognized the need to bridge the gap between design and development to improve efficiency while boosting quality Leveraging Figma s Plugin API I embarked on a journey to create a plugin that would translate designs into our ReactJS Design System components with just one click In this blog post I ll share my experience and the valuable lessons I learned along the way How it all started…Every time I create a new File in Figma it starts as a blank canvas and has no page structure to help organize my work so I wanted to save that valuable time of setting up a document just to start doing the core work I usually use almost the same page structure for every file Cover Set as a thumbnail ️Project Info UX FlowsPlaygroundComponentsBenchmarkDiscovery                          Final                          In progress                          Prototype VPrototype VPrototype V                          Not consideredI knew that there might be some already existing Figma Plugins that could help me in this situation but all of the ones I found were not fulfilling my particular use case and were not simple to use and or fast enough With this in mind I decided to create a Plugin that was able to do what I needed at the time I named this plugin PageGenius and at the time of writing this blog post it has been used by other Figma users not as many as my first community file with k users but slowly ramping up This Plugin creates pages with the structure I showed above and sets a cover thumbnail for the file in click PageGenius Plugin Demo img alt PageGenius in action lt br gt height src dev to uploads s amazonaws com uploads articles zzlhrxklhyqgy gif width This successful experience inspired me immensely to wonder how else could I automatize and improve my and other designers workflow Challenging the status quoLet s be honest Designers and Front end developers often face challenges in design to code collaboration Countless hours are spent to do a design and subsequently countless hours to manually write down markup of those designs into code before even getting started with the real code the logic behind it interactions states tracking events API calls etc resulting in delays design inconsistencies and a drain on resources This frustrating process negatively impacts productivity and prevents teams from focusing on their core tasks and can be overwhelming for both designers and developers Recognizing these issues I set out to find a solution that could connect both worlds Figma designs to Design System Components Markup Seizing the opportunityThe opportunity to improve our design to code workflows was crystal clear By developing a Figma plugin that seamlessly translated designs into ReactJS Design System components we could reduce manual effort improve accuracy and expedite the delivery of code ready designs This would allow developers to concentrate on the core coding logic to bring features to life and boost the product development process Diving deeper into Figma s Plugin APII discovered a world of possibilities The API empowered me to access design elements properties and metadata programmatically Armed with this knowledge I began developing the initial version of this Figma pluginMinimum Viable Product  MVP To transform my vision into reality I started by creating a prototype of the plugin With a clear understanding of our Coded Design System s components I focused on mapping out our most commonly used design elements like lt Card props gt lt Card gt lt Box props gt lt Box gt lt H gt lt H gt lt Button props gt lt Button gt lt Divider gt lt Inline props gt lt Inline gt lt Icon props gt lt Text props gt lt Text gt lt Stack props gt lt Stack gt I iterated over and over to get most of the properties to match and look for the result I wanted for the MVP Figma to AMBOSS Design System Plugin Demo img alt Figma to AMBOSS Design System lt br gt height src dev to uploads s amazonaws com uploads articles hhkhuvywcckfwjhhv gif width Testing and FeedbackTo ensure the plugin met the needs of our design team and front end developers I started a thread on our internal chat to inspire and gather feedback and thoughts This is the starting point as I write this post and I m looking forward to further collaboration with the Design System team to keep exploring new boundaries Caveats and considerationsThe MVP proved to be helpful but there are some things to consider and is unclear the future usage of this tool as it requires some important changes Optional Our Figma Design system component properties could match with our Coded Design System component properties Recommended We could implement the necessary mapping to make this work although this approach would not be optimal and would require maintenance Having our Coded Design System components and our Figma Design System library matching the properties naming would remove maintenance work time as any new property could be easily translated from code to Figma without development efforts Setbacks A setback for the recommended point above would be the initial re work of how our design system components are constructed in Figma Not for everyone For this plugin to work and improve designers workflow designers have to design in a specific way using Figma s Auto Layout feature designers would have to name their layers in the specific naming convention to match that of our Coded Design system components and understand the coding structure to follow to make it work Meaning that having a coding background will help a lot here What s next I imagine a future where we aim to expand this plugin s capabilities allowing for the mapping of more complex design elements and introducing advanced features and extrapolating it to other systems and frameworks This can be extrapolated to any design system check out my second iteration for React Bootstrap library Link to React Bootstrap components in FigmaLink to Figma Plugin for React Bootstrap Components Leveraging AIDuring the development of the Figma plugin I leveraged ChatGPT to brainstorm solutions to challenging problems when building the MVP Also as I embarked on writing this blog post AI became a helpful writing partner It helped me overcome the blank canvas syndrome as much as my first plugin PageGenius helps with as well However it s important to note that while ChatGPT provided me with valuable assistance the ultimate responsibility for the content and ideas of the Plugin and this blog post rests with me as a Senior Product Designer 2023-06-16 09:13:14
海外TECH Engadget Forza maker Turn 10 teams with Hutch on a 'car customization' mobile game https://www.engadget.com/forza-maker-turn-10-teams-with-hutch-on-a-car-customization-mobile-game-091439587.html?src=rss Forza maker Turn teams with Hutch on a x car customization x mobile gameThe developer of Forza Motorsport Turn is teaming with F Clash s Hutch on a new mobile game The title will be focused on a quot car customization experience and tuned for a broad audience on mobile platforms quot the companies announced in a joint statement There s no word yet on a title or release date nbsp The companies have been in discussions to do a joint project since The aim is to take advantage of Forza s quot world leading gameplay and visual style quot and Hutch s experience in mobile live ops The partnership is quot rooted in both companies desire to create a platform leading automotive gaming experience quot they said nbsp UK based Hutch is perhaps best known as the developer of F Clash originally called F Manager However it offers other automotive games including Top Drives Hot Wheels Race Off and the discontinued Race Kings Turn of course is known for the Forza racing series that first launched in Its latest entry Forza Motorsport is set to arrive on October th nbsp The only previous Forza mobile title was Forza Street effectively a rebadged version of Miami Street from Electric Square It was shut down last year after launching in May With F Clash Hutch does have some experience in car customization allowing players to tweak and update cars as part of race management decisions nbsp This article originally appeared on Engadget at 2023-06-16 09:14:39
海外ニュース Japan Times latest articles BOJ maintains ultraeasy policy, but governor hints at surprises to come https://www.japantimes.co.jp/news/2023/06/16/business/boj-meeting-unchanged-surprises-possible/ BOJ maintains ultraeasy policy but governor hints at surprises to comeAfter his second meeting as chief Kazuo Ueda said that in order to deal with the changing economic environment “a certain degree of surprise may 2023-06-16 18:12:01
海外ニュース Japan Times latest articles Why Kishida decided not to call a snap election — yet https://www.japantimes.co.jp/news/2023/06/16/national/politics-diplomacy/kishida-no-snap-election-analysis/ nagatacho 2023-06-16 18:06:54
海外ニュース Japan Times latest articles Lions slugger David MacKinnon embraces positivity during first months in Japanese baseball https://www.japantimes.co.jp/sports/2023/06/16/baseball/japanese-baseball/lions-mackinnon-positive-npb/ baseballmackinnon 2023-06-16 18:24:35
ニュース BBC News - Home Ex-police watchdog chief Lockwood charged with rape https://www.bbc.co.uk/news/uk-65928045?at_medium=RSS&at_campaign=KARANGA assault 2023-06-16 09:54:05
ニュース BBC News - Home Nottingham attacks: Suspect named as Valdo Amissão Mendes Calocane https://www.bbc.co.uk/news/uk-england-nottinghamshire-65927760?at_medium=RSS&at_campaign=KARANGA mendes 2023-06-16 09:46:59
ニュース BBC News - Home Kent and Sussex hosepipe ban announced from 26 June https://www.bbc.co.uk/news/uk-england-65927032?at_medium=RSS&at_campaign=KARANGA levels 2023-06-16 09:29:33
ニュース BBC News - Home Tesco sees early signs inflation is starting to ease https://www.bbc.co.uk/news/business-65925217?at_medium=RSS&at_campaign=KARANGA price 2023-06-16 09:46:37
ニュース BBC News - Home Boris Johnson: Conservative MPs face dilemma on Partygate vote https://www.bbc.co.uk/news/uk-politics-65919086?at_medium=RSS&at_campaign=KARANGA partygate 2023-06-16 09:40:57
ニュース BBC News - Home Leicester set to name Man City's Maresca as manager https://www.bbc.co.uk/sport/football/65888753?at_medium=RSS&at_campaign=KARANGA foxes 2023-06-16 09:45:48
ニュース BBC News - Home England's Russo to leave Man Utd at end of June https://www.bbc.co.uk/sport/football/65922930?at_medium=RSS&at_campaign=KARANGA arsenal 2023-06-16 09:02:34
ビジネス 不景気.com テーオーHDが取立不能のおそれ、子会社取引先の事業停止で - 不景気com https://www.fukeiki.com/2023/06/to-forest-debt-collection.html 事業停止 2023-06-16 09:08:09
ニュース Newsweek 人間の皮膚をなめし革に...ハーバード大学「遺体の部位を密売」事件、購入者が「おぞましい作品」写真を投稿 https://www.newsweekjapan.jp/stories/world/2023/06/post-101913.php 人形に「本物の頭蓋骨」を持たせるマサチューセッツ州の地元メディア「MassLive」によれば、マクリーンは自分の作品だとする人形の一つに「本物の人間の頭蓋骨」を使ったと吹聴していたという。 2023-06-16 18:07:00
マーケティング MarkeZine DAC、改正電気通信事業法に向けたソリューション導入におけるコンサルティングサービスを開始 http://markezine.jp/article/detail/42538 電気通信事業法 2023-06-16 18:15:00
IT 週刊アスキー Switch版『零の軌跡:改』&『碧の軌跡:改』のPVが公開! https://weekly.ascii.jp/elem/000/004/141/4141367/ nintendo 2023-06-16 18:55:00
IT 週刊アスキー FF35周年記念のスペシャル対談動画【後編】が公開!テーマは『FFIV』『FFV』『FFVI』の裏話 https://weekly.ascii.jp/elem/000/004/141/4141369/ 坂口博信 2023-06-16 18:50:00
IT 週刊アスキー 最大70%オフ!「スペースインベーダーの日セール」がSwitch/Steam/スナホで開催 https://weekly.ascii.jp/elem/000/004/141/4141356/ nintendoswitchsteam 2023-06-16 18:05:00
IT 週刊アスキー フォステクス、Bluetooth/USB接続対応のデスクトップスピーカー「PM0.3BD」 https://weekly.ascii.jp/elem/000/004/141/4141357/ bluetooth 2023-06-16 18:30:00
IT 週刊アスキー HIS、NFTプロジェクト「Traveler’s Canvas」をリリース 地方創生や発展につなげる https://weekly.ascii.jp/elem/000/004/141/4141355/ travelerscanvas 2023-06-16 18:30:00

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)