Replacing Sass · Discussion #44 · Shopify/foundational-design-system-proto
We’ve noticed several growing pain points to using Sass at scale. Some of these apply to Polaris and teams using Polaris, while others impact development across Shopify. In Polaris, the original Sass variables, functions, and mixins are creating a burden with newer technologies that have been introduced: CSS variables and JS utilities. This has led to added overhead in how these technology layers
Opens in a new windowOpens an external siteOpens an external site in a new window Compose, customize, and extend every part of the commerce stack—from storefront to checkout to backend integrations—and create unique experiences for your brand or millions of merchants around the world.
Opens in a new windowOpens an external siteOpens an external site in a new window After years of native mobile development, we’ve decided to go full steam ahead building all of our new mobile apps using React Native. As I’ll explain, that decision doesn’t come lightly. Each quarter, the majority of buyers purchase on mobile (with 71% of our buyers purchasing on mobile in Q3 of last year). Black Fr
タイミーのRailsアプリではModular Monolithを採用しています。具体的にはShopify製のpackwerkを使用しています。 最近では他社での採用事例も見かけるようになってきましたが、それでもまだ手に入る情報は少なく手探りでの開発が続いているのが現状です。 そこで自分たちが実際にpackwerkを導入して「ここはどうするのが正解なんだ？」「他社はどうしているのか知りたい」と思った疑問をいくつかピックアップし、具体的にどういう選択をしたか（もしくは今も悩んでいること）をお話しします。これからpackwerkを導入したいチームにも参考になればと思います。
React Server Components Best Practices You Can Use with Hydrogen
Opens in a new windowOpens an external siteOpens an external site in a new window When my team and I started experimenting with React Server Components (RSC) while building Hydrogen, our React-based framework for building custom storefronts, I was incredibly excited. Not only for the impact this would have on Hydrogen, and the future of ecommerce experience (goodbye large bundle sizes, hello impro
Introducing Ruvy
Opens in a new windowOpens an external siteOpens an external site in a new window We’ve recently open sourced a project called Ruvy! Ruvy is a toolchain that takes Ruby code as input and creates a WebAssembly module that will execute that Ruby code. There are other options for creating Wasm modules from Ruby code. The most common one is ruby.wasm. Ruvy is built on top of ruby.wasm to provide some
Allbirds Japan
Allbirdsをフォローしよう！ 最新情報や、Allbirds商品のスナップショットなどが見れます。かわいい羊もいますよ。#weareallbirds
GitHub - Shopify/web-configs: Common configurations for building web apps at Shopify
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Liquid template language
Safe, customer-facing template language for flexible web apps. Download View on GitHub Liquid is an open-source template language created by Shopify and written in Ruby. It is the backbone of Shopify themes and is used to load dynamic content on storefronts. Liquid has been in production use at Shopify since 2006 and is now used by many other hosted web applications. Used by
大学在学中＆休学中に複数のIT系スタートアップでのインターンやベンチャーキャピタルでのリサーチバイトを経験後、フリーランスとして独立。現在は「TechCrunch Japan」などでスタートアップ企業のプロダクトや資金調達を中心としたインタビュー・執筆活動を行っている。 From DIAMOND SIGNAL スタートアップやDX（デジタルトランスフォーメーション）を進める大企業など、テクノロジーを武器に新たな産業を生み出さんとする「挑戦者」。彼ら・彼女にフォーカスして情報を届ける媒体「DIAMOND SIGNAL」から、オススメの記事を転載します。※DIAMOND SIGNALは2024年1月をもって、ダイヤモンド・オンラインと統合いたしました。すべての記事は本連載からお読みいただけます。 バックナンバー一覧 ノーコードアプリ作成プラットフォーム「Appify」を手がけるAppify T
Making Commerce Better for EveryoneShopify is supporting the next generation of entrepreneurs, the world’s biggest brands, and everyone in between
Opens in a new windowOpens an external siteOpens an external site in a new window The 1980s and 1990s saw the genesis of Perl, Ruby, Python, PHP, and JavaScript: interpreted, dynamically-typed programming languages which favored ease of use and flexibility over performance. In many ways, these programming languages are a product of the surrounding context. The 90s were the peak of the dot-com hype
Jonathan Greig （Special to ZDNET.com） 翻訳校正： 編集部 2021-10-04 12:12 HTTPSに使用される証明書の最大手発行組織の1つであるLet's Encryptが使用しているルート証明書が期限切れになったことで、米国時間9月30日に多くのウェブサイトやサービスで問題が発生した。 Security Headersの創業者Scott Helme氏によれば、原因は、米国東部時間午前10時（日本時間9月30日午後11時）頃にIdenTrustのルート証明書「DST Root CA X3」が期限切れになったことだ。以前からこの問題について調査してきたHelme氏は、何百万ものウェブサイトがLet's Encryptのサービスに依存していると述べている。今回の問題では、一部の古いデバイスで、特定の証明書を正しく検証できなくなるという。 Let's E
Opens in a new windowOpens an external siteOpens an external site in a new window On February 24, 2021, Shipit!, our monthly event series, presented Making Commerce Extensible with WebAssembly. The video is now available. At Shopify we aim to make what most merchants need easy, and the rest possible. We make the rest possible by exposing interfaces to query, extend and alter our Platform. These in
http://company.myshopify.com/blogs/technology/14909841-kafka-producer-pipeline-for-ruby-on-rails 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約4時間前 オンラインストア & リアルショップ向けのアプリを提供しているShopifyがブログでKafkaの導入について紹介しています。 Kafkaに限らず、Google / Facebook / Twitter / LinkedInなど大手がオープンソースで取組んできたApache系の大規模分散システム向けのソリューションを、他のネット企業もサービスが成長してきたら導入するという話しが続いていますが、このShopifyのように、「魅力的なソリューションに見えるけど、Lin
graphql-design-tutorial/lang/TUTORIAL_JAPANESE.md at master · Shopify/graphql-design-tutorial
本チュートリアルはもともとShopifyが社内向けに作成しました。 そして、本チュートリアルがGraphQL APIを利用する全ての方にとって役に立つと考え、公開版を作成するに至りました。 本チュートリアルは、Shopifyのプロダクション環境における過去３年間のスキーマ構築と拡張から得た学びに基づいています。 本チュートリアルはこれまでも発展してきましたし、今後も更新され続けるでしょう。 我々は本デザインガイドラインが多くの場合に有用であると信じていますが、すべてがあらゆる状況に当てはまるとは限りません。 ほとんどのルールがつねに100%適用可能な訳ではないため、社内のなかでも未だに議論がありますし、例外を設けています。 ですから、本チュートリアルに盲目的に従ってすべてを取り込もうとせず、あなたの目的や状況に応じて役に立つ部分を適用してください。
越境EC・海外WEBマーケティング専門の世界へボカン
御社チームと伴走し、事業を成長させ続けることが 私たちの目指す海外WEBマーケティングソリューションです
viction:ary
International orders - free shipping over US$150 / Hong Kong orders - free shipping
Rails: モジュール化強制ツール"Packwerk"の導入を振り返る（翻訳）｜TechRacho by BPS株式会社
概要 原著者Chris Salzbergさんの許諾を得て翻訳・公開いたします。 英語記事: A Packwerk Retrospective | Rails at Scale 原文公開日: 2024/01/26 原著者: Gannon McGibbon、Chris Salzberg 日本語タイトルは内容に即したものにしました。また、一部のパラグラフを分割しています。 CC BY-NC-SA 4.0 Deed | 表示 - 非営利 - 継承 4.0 国際 | Creative Commons Rails: モジュール化強制ツールPackwerkの導入を振り返る（翻訳） 2020年、ShopifyのチームはPackwerkという名前のRuby gemをリリースしました（関連記事）。Packwerkは、Railsアプリケーション内で境界を強制的に定めてモジュール化するツールです。Packwerk
Static Typing for Ruby
Opens in a new windowOpens an external siteOpens an external site in a new window On November 25, 2020 we held ShipIt! Presents: The State of Ruby Static Typing at Shopify. The video of the event is now available. Shopify changes a lot. We merge around 400 commits to the main branch daily and deploy a new version of our core monolith 40 times a day. The Monolith is also big: 37,000 Ruby files, 622
GitHub - bytecodealliance/javy: JS to WebAssembly toolchain
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Mixing It Up: Remix Joins Shopify to Push the Web Forward
Opens in a new windowOpens an external siteOpens an external site in a new window We are very excited to announce that the open-source web framework Remix and its team are joining Shopify. Why? The web is always evolving—and we’re entering a new era. First, we had the document web, and then we sprinkled in richer interactivity. Most recently, we entered the world of single page apps. We’ve learned
こんにちは。広告事業部の鈴木です。 皆さんはLiquidと呼ばれるテンプレートエンジンをご存知でしょうか？ LiquidはShopifyのメンバーを中心として開発されているテンプレートエンジンの一種で、 最近ではJekyllに使われていることでも知られています。 クックパッドの広告事業部では、広告商品の一つであるタイアップページ*1でこのLiquidを活用しています。 例. マルちゃん焼そば弁当コンテスト！ [クックパッド] 簡単おいしいみんなのレシピが199万品 このタイアップページでは、そこからリンクされているレシピ応募コンテストページにユーザさんが投稿してくれたレシピ数を表示するのにLiquidが使われています。 タイアップページにはデータベースに保存されたデザイン済みのHTMLに以下のようなプレイスホルダーになっているタグが含まれていて、ページがレンダリングされる際にコンテストへの
Bringing Javascript to WebAssembly for Shopify Functions
Opens in a new windowOpens an external siteOpens an external site in a new window At Winter Editions 2023 we announced a Local Developer Preview for JavaScript for Shopify Functions. That means that we’re adding JavaScript right next to Rust as our first-class languages for Shopify Functions (but you can still use anything that compiles to WebAssembly!). While you can’t deploy a Shopify Function w
Rails 7.1正式リリース。本番デプロイ用のDockerfile自動生成、遅いクエリの非同期化など新機能 Ruby言語によるWebアプリケーションフレームワークの最新版となる「Rails 7.1」正式版がリリースされました。 Rails 7.1: Dockerfiles, BYO Authentication, More Async Queries, and more!https://t.co/c32MdUifNs — Ruby on Rails (@rails) October 5, 2023 メジャーバージョンアップとなったRails 7の登場が2021年12月。 Rails 7は、フロントエンド開発環境が刷新されてNode.jsを用いない構成がデフォルトとなり、TurboとStimulusという2つのフレームワークを搭載したHotwireなどが搭載されるなど、大型のアップデートで
Shopifyサイトのデザイン作業を大幅に効率化！Adobe XDワイヤーフレームキットを無償配布します | non-standard world株式会社
こんにちは、アートディレクターの佐藤です。 このたび、Shopifyサイトのテーマ開発・デザインをする際に役立つ、Adobe XDワイヤーフレームキットを作成しましたので、無償配布します。 Shopify未経験の方がオリジナルテーマをデザインする際に、テーマ構造を把握する意味でも役立つかと思います。
FRACTA | ブランドを、未来の文化へ。
私たちはブランディングとマーケティング、そしてテクノロジーとデザインの力で、 企業の新規事業開発から、すでにあるブランドの核を再発見し社会に実装することまで、 総合的な課題解決でブランドと共に未来へと伴走していきます。
GitHub - Shopify/hydrogen: Hydrogen is Shopify’s stack for headless commerce. It provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications. Hydrogen is designed to dovetail with Remix, Shopify
Hydrogen is Shopify’s stack for headless commerce. It provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications. Hydrogen is designed to dovetail with Remix, Shopify’s full stack web framework, but it also provides a React library portable to other supporting frameworks. Demo store 👇🏼
Creative Artists Agency (CAA), one of the top entertainment and sports talent agencies, is hoping to be at the forefront of AI protection services for celebrities in Hollywood. With many…
GitHub - backstage/backstage: Backstage is an open platform for building developer portals
Backstage is an open source framework for building developer portals. Powered by a centralized software catalog, Backstage restores order to your microservices and infrastructure and enables your product teams to ship high-quality code quickly without compromising autonomy. Backstage unifies all your infrastructure tooling, services, and documentation to create a streamlined development environmen
From Ruby to Node: Overhauling Shopify’s CLI for a Better Developer Experience
Opens in a new windowOpens an external siteOpens an external site in a new window The Shopify CLI (command line interface) is an essential tool for developers when building and deploying Themes, Apps, Hydrogen storefronts on the Shopify platform. It provides workflows to create new projects that follow best practices, integrate with the platform during development, and distribute the production ar
Opens in a new windowOpens an external siteOpens an external site in a new window Shopify is continuing to invest on Ruby on Rails at scale. We’ve taken that further recently by funding high-profile academics to focus their work towards Ruby and the needs of the Ruby community. Over the past year we have given nearly half a million dollars in gifts to influential researchers that we trust to make
Opens in a new windowOpens an external siteOpens an external site in a new window Shopify builds internet infrastructure for commerce to serve the needs of millions of merchants. Doing that requires building both flexible business logic and robust, high-performance systems. In addition to our commitment to Ruby for its flexibility and expressiveness, we have recently adopted Rust as our official s
TechCrunch
Whether you love or hate celebrity culture, the Met Gala is an event. Those less jaded among us get to see all of the biggest stars take their boldest fashion risks of the year; unlike an award show,
Opens in a new windowOpens an external siteOpens an external site in a new window Developers write tests to ensure correctness and allow future changes to be made safely. However, as the number of features grows, so does the number of tests. Tests are a double-edged sword. On one hand, well-written ones catch bugs and maintain a program’s stability, but as the code base grows, a high number of tes
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
Under Deconstruction: The State of Shopify’s Monolith
Opens in a new windowOpens an external siteOpens an external site in a new window Ruby on Rails is a great framework for rapidly building beautiful web applications that users and developers love. But if an application is successful, there’s usually continued investment, resulting in additional features and increased overall system complexity. Shopify’s core monolith has over 2.8 million lines of
Today we are excited to share that Remix has joined forces with Shopify! Shopify has been a long-time supporter of open source projects that push the web and commerce forward, and this pairing continues that tradition. It’s also great news for Remix, our community, our partners, and anyone who’s excited about building for the web. Remix adoption is growing at an incredible rate, and we regularly h
アソビューAdvent Calendar 2022の12日目のブログです。 本日の裏面はこちらになります。 tech.asoview.co.jp こんにちは！ アソビューでフロントエンドエンジニアをしている野口です。 今回は、Shopifyのテーマ上でReactのコンポーネントを描画する調査をしたのでその内容を紹介していきます。 はじめに 弊社では、アソビュー！に掲載されている遊びの中から厳選した体験を、家族や友人にプレゼントできるアソビュー！ギフトというサービスも展開しています。 そのアソビュー！ギフトはShopifyを利用してECサイトを構築しており、テーマはDawnを使っています。 アソビュー！ギフトのトップページ 今回、一部機能においてアソビューで管理している別のアプリケーションから情報を取得したいという要望が出てきました。 UIもテーマのスタイルを利用するのではなく独自でstyl
小売業者に電子商取引（EC）システムを提供するカナダのショッピファイが急成長している。2020年12月期の増収率は8割を超え、上場後初の営業黒字も達成した。19年末からの時価総額の伸びは3倍と米アマゾン・ドット・コムの1.7倍を大きく上回り、「アマゾンキラー」とも呼ばれる。躍進の秘訣を探ると、運転資金の融資といった金融サービスで稼ぐもう一つの側面がみえてくる。ショッピファイの20年12月期の連
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Shopify Developers Platform—Build. Innovate. Get paid.
React Native is the Future of Mobile at Shopify
RailsでModular Monolithを選択された御社に質問したいN個の疑問
ECアプリ“ノーコード”で実現、BASEやShopifyが組んだ若きエンジニア起業家
Shopify ― A shop in minutes, a business for life.
YJIT: Building a New JIT Compiler for CRuby
Let's EncryptのルートCA証明書期限切れ、多数のサイトで問題発生
How Shopify Uses WebAssembly Outside of the Browser
Shopify: Kafka + Dockerの導入 - ワザノバ | wazanova
タイアップページでのLiquidの利用について - クックパッド開発者ブログ
Rails 7.1正式リリース。本番デプロイ用のDockerfile自動生成、遅いクエリの非同期化など新機能
TechCrunch | Startup and Technology News
Shopify Invests in Research for Ruby at Scale
Shopify Embraces Rust for Systems Programming
Spark Joy by Running Fewer Tests
ShopifyのKubernetesとPaaSへの道程 - QCon NYでのNiko Kurtti氏の講演より
Remixing Shopify
ShopifyテーマにReactのコンポーネントを描画する - asoview! Tech Blog
「アマゾンキラー」shopify、EC躍進のカギは金融にあり 秦野貫 - 日本経済新聞