マガジンのカバー画像

STUDIO勝手にまとめ

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

記事一覧

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 アクセシビリティ委員会」の活動をご紹介していきます。

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

もっとみる
タブ型UIのアクセシビリティを向上させてみよう!

タブ型UIのアクセシビリティを向上させてみよう!

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

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

今回は「タブ

もっとみる
なぜテーブルを使うのか?STUDIOのCMSテーブルで学ぶ

なぜテーブルを使うのか?STUDIOのCMSテーブルで学ぶ

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

STUDIO 株式会社のフロントエンドエンジニアの akiho です。
今回は STUDIO CMS テーブルを使って、 テーブルを使う理由と、使い方のポイントついてご紹介します。

と、なんとなくテーブルを使っている方や、STUDIO ユーザーに読んでいただき、世の中のサイトが少しでも優しいサイトになれば嬉しく思い

もっとみる
STUDIOを使って、アクセシブルなWebサイトを作ってみた:その1 STUDIO PARTNERSとマシンリーダビリティ編

STUDIOを使って、アクセシブルなWebサイトを作ってみた:その1 STUDIO PARTNERSとマシンリーダビリティ編

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

おはようございます。
STUDIO 株式会社に所属するデザイナー、いっちゃです。🪅

今回の記事は「STUDIOを使って、アクセシブルなWebサイトを作ってみた:その1 STUDIO PARTNERSとマシンリーダビリティ編」と題して、2022年の9月にリニューアルオープンを敢行したSTUDIO PARTNERS公

もっとみる