マガジンのカバー画像

STUDIO

97
次世代のデザインツール「STUDIO」の公式マガジンです! https://studio.design/ja
運営しているクリエイター

#web制作

結局「STUDIO」って何がすごいのか?マーケターが解説してみる

結局「STUDIO」って何がすごいのか?マーケターが解説してみる

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

みなさんは「STUDIO」使っていますか?
この記事を読んでくださったということは、STUDIOに興味があるか、あるいはSTUDIOを使っているか、どっちかだと思います。

最近、「Figma to STUDIO」というプラグインが公開

もっとみる
STUDIOサイト制作の道のり解説!【Dresses Studio HAKATA】

STUDIOサイト制作の道のり解説!【Dresses Studio HAKATA】

この度、私が制作担当したWebサイト「Dresses Studio HAKATA」が、STUDIOデザインアワード2022にノミネートしたので、その制作背景をまとめました!

もし良ければ投票いただけると嬉しいです。

1. 思いがけないお声がけ 【プロローグ】このプロジェクトは思わぬお声がけによってスタートしました。

その頃私は、本業のサイト制作会社とは別に、休日に個人のプロジェクトとしてノー

もっとみる
STUDIOでWeb制作。「なんかもう、大概STUDIOでできるんじゃない?」と思う

STUDIOでWeb制作。「なんかもう、大概STUDIOでできるんじゃない?」と思う

映像制作、Web制作、配信などやってるJABです!STUDIOの大ファンでありながら、STUDIOのブランドアンバサダーをやらせていただいてます。

最近全然本気でWeb制作にコミットすることができなくなっていますが、そろそろ一度ちゃんと向き合わないと、いろんなことを忘れてしまいそうで…

ということで、今のバタバタが落ち着いたら(ってか6月くらいには)、ひとつ本気でWeb制作をしたいと思ってます

もっとみる
STUDIOでWebサイト制作の仕事をはじめたい人へ。現場で使えるTipsと資料をまとめました。【2021年版】

STUDIOでWebサイト制作の仕事をはじめたい人へ。現場で使えるTipsと資料をまとめました。【2021年版】

STUDIOのテンプレートや解説記事を書いていることもあり「STUDIOを利用したWeb制作の案件を受注した!」そんな嬉しい報告をいただくことが多く、その度に自分のことのように嬉しくなっているはるかなです。こんにちは。

ノーコード・ローコード普及の後押しもありプロジェクトで採用されることが一気に増えたと感じています。斯く言うわたしもこの数年でさまざまなプロジェクトでSTUDIOを活用してきました

もっとみる
Webサイト制作ツール「STUDIO」を使ってみた

Webサイト制作ツール「STUDIO」を使ってみた

最近は界隈でもチラホラ耳にする「No Code」(コードを書かずにサイトが制作できると言うもの)

WixやJimdoなど数あるホームページ作成ツール、同様のサービスで最近気になっていた「STUDIO」と言うサービスを触ってみました。

まずはじめの感想としては、「デザインがお洒落」

最初に用意されているテンプレのデザインレベルが高いので、それだけでも結構他のサービスとは差があるように感じました

もっとみる
STUDIOに接続している独自ドメインで、メールを使う方法

STUDIOに接続している独自ドメインで、メールを使う方法

STUDIOで作成したサイトに独自ドメインを設定している場合、そのドメインでメールも使用する方法を解説します。

1. 独自ドメインを取得したサービスを確認サービスによって設定方法が違うので、まずは自分が独自ドメインを取得したサービスを確認しましょう。この記事では、「お名前.com」、「ムームードメイン」、「GoDaddy」での設定方法を解説しています。

2. ドメインと同じサービスで、メールサ

もっとみる
STUDIOにFacebook Pageを埋め込む方法

STUDIOにFacebook Pageを埋め込む方法

昨日、「STUDIOにTwitterフィードを埋め込む方法」を書いて共有したところ、Facebook版も欲しい!という声があったので、今回はFacebook版です。

Facebook公式のembedが使える!

Twitterと違い、Facebookは公式が提供してる「ページプラグイン」というサービスを使えばFacebookページを簡単にSTUDIOのサイトに埋め込むこと可能です。

1. F

もっとみる
STUDIOにTwitterフィードを埋め込む方法

STUDIOにTwitterフィードを埋め込む方法

STUDIOでは、iframeの埋め込みには対応していますが、scriptの埋め込みは現状できません。

しかし、TwitterのフィードをSTUDIOで作成したサイトに埋め込みたいという要望を多数いただいたので、外部サービスを使って実現する方法をまとめました!

Twitter公式のembedは使えないまず、Twitter公式で作成されるembedコードは、下記のようなaタグとscriptの組み

もっとみる
Twitter シェアボタンの設置方法

Twitter シェアボタンの設置方法

よくLPやキャンペーンサイトに設置してある、Twitterシェアボタンの設置方法を解説。

Twitter公式のサイトでも、やり方が書かれているが、この方法だと<a>と<script>を埋め込む必要があるので、STUDIOでは対応できない。

そのため今回は、ダイレクトリンク<a>タグのみで、実装をする方法を解説する。

Tweetシェアボタンのダイレクトリンク

<a href="http://

もっとみる
【まとめ】WEB制作におすすめの記事を紹介!

【まとめ】WEB制作におすすめの記事を紹介!

こんにちは!カナモリです。

本日のコンテンツはこちらです!

「WEB制に関する有益なおすすめ記事」

※今回は、WEB制作=ホームページ制作という前提でお話を進めさせていただきます。
「ホームページ制作」という言葉の方が、初心者の方にも理解しやすいと思いますので以下では「ホームページ制作」という言葉を使用します。

目次

■今回のnote:ホームページ制作に有益な記事を紹介!
【第一部:誰か

もっとみる