マガジンのカバー画像

STUDIO勝手にまとめ

50
備忘録として「STUDIO」https://studio.design/ja/ さんの使い方、テクニックなどが紹介されて記事をまとめています。
運営しているクリエイター

#Studio

STUDIOでサイトを多言語化する方法

STUDIOでサイトを多言語化する方法

みなさまこんにちは。KKI DESIGNのシカノ です。

弊社では、STUDIOを使用したWEBサイト制作を行っておりますが、最近特に 多言語対応サイトに関するご相談が増えてきました。

そこで今回は、STUDIOでの多言語対応 について私自身の情報や知識を整理する目的で、記事を書いていこうと思います。

「STUDIOでどこまで多言語対応できるの?」
「そもそも多言語対応は可能?」「どのように

もっとみる
STUDIOで簡易診断ツールをつくり颯爽と展示した私の華麗なる2週間

STUDIOで簡易診断ツールをつくり颯爽と展示した私の華麗なる2週間

こんにちは、@shosomin です。
普段はIT企業にデザイナーとして所属しながら、美術大学の社会人大学院生をしています。

先日、2週間という制約の中で、NotionデータベースとGoogle Apps Script(GAS)を活用し、STUDIOで簡易診断ツールを開発。そして展示会を開催することができたので、その経緯や開発内容をご紹介します。

開発期間が短かったためこの方法を選択したのです

もっとみる
スタートアップLP戦略×STUDIO活用術:ノーコードの限界突破

スタートアップLP戦略×STUDIO活用術:ノーコードの限界突破

こんにちは、Teracyという10人ほどのスタートアップで奮闘中の一人目デザイナー、おかゆ(@oka_yu148)です。

先日、STUDIOを駆使して当社のランディングページ(以後LP)をリニューアルし、「これがSTUDIOでできるの!?」と驚きの声をたくさんいただいたので制作の舞台裏を公開してみたいと思います!

思想:個性的なサイトがどのようにして生まれたか?Teracyは、リモートのコミュ

もっとみる
STUDIOにLottieアニメーションを追加する方法

STUDIOにLottieアニメーションを追加する方法

ウェブサイトの訪問者を惹きつけることは、これまで以上に重要です。デザインが魅力的でない場合、訪問者の38%がウェブサイトを見なくなることをご存知ですか?

今日のデジタル環境では、コーディング不要のウェブサイトツールのおかげで、魅力的でユーザーフレンドリーなウェブサイトを作成することがかつてないほどに簡単になりました。ウェブページの魅力を高めるシンプルで効果的な方法は、アニメーションを追加すること

もっとみる
STUDIOで働くデザイナーの "Figma to STUDIO" 活用方法 | Design Journal vol. 26

STUDIOで働くデザイナーの "Figma to STUDIO" 活用方法 | Design Journal vol. 26


これはなに?Figma Advent Calendar 2023 21日目の記事です。

「Figma to STUDIO」とは、FigmaのデザインデータをSTUDIOにインポートできるFigmaプラグインです。2023年8月にベータ版、11月に正式リリースされました。

ノーコードWeb制作プラットフォーム「STUDIO」を提供するSTUDIO株式会社のデザインチームが、実際のプロジェクトで

もっとみる
STUDIOのAPI連携でInstagram投稿の投稿を表示させる方法(2024/2/29修正&追記版)

STUDIOのAPI連携でInstagram投稿の投稿を表示させる方法(2024/2/29修正&追記版)

株式会社フォークのWEBデザイナーoyamadaです。

以前、こちらの投稿STUDIOのAPI連携でInstagram投稿の投稿を表示させる方法(覚書き)の訂正版となります!

訂正箇所は、動画のサムネが表示できないと思っていたのですが、すみません💦できました🙏

社内で一緒に活動していたノーコードチームのメンバーに聞いて、よくメモを見直したら、前回、最後の最後のステップのSTUDIOに貼り

もっとみる
STUDIO×Notionで「作品管理のしやすいポートフォリオサイト」を作ってみた

STUDIO×Notionで「作品管理のしやすいポートフォリオサイト」を作ってみた

以前から、作品情報の維持管理がしやすいポートフォリオサイトを作って持っておきたいな〜と思っていました。
調べてみると STUDIO と Notion(Notion API) を組み合わせていい感じのものが作れそうだったので、今回は実際作ったものを紹介したいと思います。

>> 2024/06/09 追記
このnoteを参考に、ポートフォリオサイトを実装 -> 転職活動で実際に使ってくださったそうで

もっとみる
サービス紹介・LP用テンプレートの使い方|STUDIO Template Tips

サービス紹介・LP用テンプレートの使い方|STUDIO Template Tips

📚テンプレートの基本情報「サービス紹介・LP|ビジネス」は、サービス紹介に必要な資料請求フォーム・お問い合わせなどのページと機能が揃った無料で使えるテンプレートです。

視線を誘導しスクロールを促す美しいアニメーションなどが揃っており、テンプレートに沿ってテキストと画像を埋めてすばやくにサービス紹介サイトを構築することが可能です。

また、レスポンシブレイアウトに対応・カスタマイズしやすいシンプ

もっとみる
STUDIOの4年間の進化を振り返ってみた【69のカイゼンまとめ】

STUDIOの4年間の進化を振り返ってみた【69のカイゼンまとめ】

「フルスタックマーケティング株式会社」の代表取締役CEO・清水優志(@fsm_shimizu)です。
主にスタートアップや新規事業のBtoBマーケティングを支援しています。

最近、弊社マーケティング支援におけるSTUDIOでのWeb制作事業を強化しているのですが、STUDIOはアップデートがとても多いので、全部しっかりキャッチアップできているのか不安になることがあります。

もちろんよく使う機能

もっとみる
マーケターがSTUDIOでWeb制作するときに注意する5つのポイント

マーケターがSTUDIOでWeb制作するときに注意する5つのポイント

「フルスタックマーケティング株式会社」の代表取締役CEO・清水優志(@fsm_shimizu)です。
企業のマーケティング活動を支援しています。

先日、「STUDIO」のすごさをマーケター目線で解説するnoteを書いたら、いろんな方から「一緒に仕事したい」「STUDIO×マーケについて相談させてほしい」というお声をいただけて本当に嬉しかったです!

まだまだマーケターでSTUDIOをがっつり触れ

もっとみる
STUDIOで固定背景が切り替わる表現を実装する方法(CSSのみ)

STUDIOで固定背景が切り替わる表現を実装する方法(CSSのみ)

こんにちは、福岡で活動するクリエイティブチームのFumpです!

この記事では「STUDIOでできる固定の背景が切り替わる表現を実装する方法」を紹介します。

こんなやつです↓↓↓

※注意:STUDIO純正の機能では実現ができませんので、CSSを書いています。

今回作るもの(プレビュー):https://preview.studio.site/live/7kadlGrPa3/fixed-bg-

もっとみる
アコーディオンUIのアクセシビリティを改善してみよう!

アコーディオンUIのアクセシビリティを改善してみよう!

この記事は STUDIO アクセシビリティ委員会のマガジンvol.8 です。

こんにちは!STUDIO株式会社 フロントエンドエンジニアのjimbouです。
私からはSTUDIO アクセシビリティ委員会マガジンにて、主にエンジニア/デザイナーさん向けに技術的な記事を発信しています。
STUDIOに限らずWebサイト、Webアプリに携わる全ての方々に読んでいただければと思います🌟

今回は「アコ

もっとみる
STUDIOのアクセシビリティ委員会発足から1年を振り返る

STUDIOのアクセシビリティ委員会発足から1年を振り返る

この記事は STUDIO アクセシビリティ委員会のマガジン vol.1 です。

STUDIO 株式会社のフロントエンドエンジニアの akiho です。STUDIO ではアクセシビリティ向上の取り組みを開始し 1 年が経過しました。この記事では 1 年間を振り返りつつ、「STUDIO アクセシビリティ委員会」の活動をご紹介していきます。

限られたリソースで、アクセシビリティ向上のため「何を」「ど

もっとみる