マガジンのカバー画像

STUDIO

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

#ノーコード

非エンジニア運用担当がノーコードWebサイト作成ツールのCMS機能使ったら、すごく便利だった話

非エンジニア運用担当がノーコードWebサイト作成ツールのCMS機能使ったら、すごく便利だった話

こんにちは、ぽりぽりです。ナビタイムジャパンでコンシューマー向けサービスを提供している事業でマーケティングを担当しています。

私が所属している事業では、非エンジニアのメンバーでも、マーケティングや営業活動と並行して開発の知識が十分でなくでも行える運用業務を担当しています。

「開発の知識がさほど必要ない業務」の効率化

今回はその「開発の知識がさほど必要のない業務」の中でも、非エンジニアの人が苦

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

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

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

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

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

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

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

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

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

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

もっとみる
STUDIO DESIGN AWARD 受賞への感謝と、STUDIOがもたらす新しい価値への期待

STUDIO DESIGN AWARD 受賞への感謝と、STUDIOがもたらす新しい価値への期待

ノーコードでWebサイトを作成できるツール「STUDIO」の10万ユーザー突破を記念して、2月15日〜19日の5夜連続で開催された「STUDIO感謝祭」。その中で、昨年中にSTUDIOを使って作られたサイトを讃える「STUDIO DESIGN AWARD」の発表が連日行われた。

このアワードは今回が第1回だったのだが、まずは応募作品の中から選ばれたノミネート作品の発表があり、それらの作品に「いい

もっとみる
LPページ作成するなら、どのNoCode(ノーコード)ツール?比較してみた。

LPページ作成するなら、どのNoCode(ノーコード)ツール?比較してみた。

どうもこんにちは、NoCode Ninjaです。

今回は、【LPページ作成にはどのNoCode(ノーコード)ツールが適しているの?】に焦点を当てて、記事にしました。

LPページとはいわゆる1枚だけのWebサイトのこと。
キャンペーンページ、お店の販促用、イベント企画など幅広く使われます。
世の中には本当に多くのLPページがあり、需要は高まる一方です。
NoCodeCampにも、LPがあります。

もっとみる
「一行文庫」のつくり方 〜便利すぎて教えたくない『STUDIO』でのNoCodeサイト制作〜

「一行文庫」のつくり方 〜便利すぎて教えたくない『STUDIO』でのNoCodeサイト制作〜

「一行文庫」を公開してから、 約三ヶ月半ほど経ちました。公開当初に運よく少し話題になり、その後も細々と続けているのですが、日経新聞の記事で紹介されたり、毎日放送の人気番組「田村淳のコンテンツHolic」でも紹介されたりなど、おかげさまで色々なお問い合わせもいただいております。ありがとうございます。

そんな中で「あれって、どうやって作ってるんですか?」と聞かれることも、よくあります。Webサイトと

もっとみる
Webデザイナーを目指すならHTML/CSSの前にSTUDIOを使ってみると学習が捗りそうという話

Webデザイナーを目指すならHTML/CSSの前にSTUDIOを使ってみると学習が捗りそうという話

こんにちは、kitsune studio代表のいしいです!

今回は駆け出しWebデザイナーやエンジニア志望者の方々に向けてHTML/CSSを学ぶ前にまずSTUDIOで構造を理解した方がその後の学習が捗りそうだと思ったのでそのことについてnoteで解説していきたいと思います!

はじめにSTUDIOを始めたきっかけについてなぜHTMLの前にSTUDIOをやった方が良いのかということを解説する前に、

もっとみる
NoCodeツール『STUDIO』と『note』に完全移行してわかったこと

NoCodeツール『STUDIO』と『note』に完全移行してわかったこと

こんばんわ。タイトルが少し長くなってしまいました。また、この記事を書こうと思って2週間経過してしまったこともお詫びします。

丁寧に綴ったので少しだけお時間いただければ幸いです。

はじめにはじめまして。僕は自身で立ち上げたWebマガジン「NineCe」を運営しながら記事を更新しています。「NineCe」についてはここで話すと長くなってしまうので、気になる方は以下にリンクを貼っておきます。

グラ

もっとみる
30分あれば、STUDIOでプロフィールページを作って公開もできちゃいます?!

30分あれば、STUDIOでプロフィールページを作って公開もできちゃいます?!

こんにちは、Webエンジニアをしている村野(@samemuramura)です

以前から仕事のプロフィールページを作成・公開していたんですが、Bloggerで結構無理やり作っていて、デザインや運用面に難があったので 日本製NoCodeツールの雄 STDUIO を使ってページを作り直しました

作成したページはこちら

STDUIOは使いやすくデザインのカスタマイズ性が高く、またホスティングもSTU

もっとみる
かっこいいWebサイトが作れる「STUDIO]

かっこいいWebサイトが作れる「STUDIO]

どんなNoCodeツールなのか?STUDIOは日本国産ツールで、かっこいいデザインが豊富なツールです。無料でも一般的なWebサイトを作ることができるため、NoCode初心者にはお勧めのツールです。

どういうサイトが作られているか?STUDIO【公式】Templateサイト

F Ventures

クックパッドマート採用サイト

Goodpatch Anywhere

クラウドネイティブ

ここ

もっとみる
STUDIOでノーコードでアニメーションを作る③(ローディングアニメーション編)

STUDIOでノーコードでアニメーションを作る③(ローディングアニメーション編)

アニメーションを組み合わせることで、段階的に再生されるアニメーションを作れることは前回までで説明致しましたので、ここではそれらを駆使してWEBサイト読み込み時のローディングアニメーションを作成していきます。

前回までは「現れる」→「消える」の2段階をやりましたが、これだけだと、「消えても見えなくなっただけでそこにいる状態」になってしまいます。
なので、その下にあるWEBサイト上のボタンなどがこの

もっとみる
STUDIOでノーコードでアニメーションを作る②(組み合わせ編)

STUDIOでノーコードでアニメーションを作る②(組み合わせ編)

前篇の基本編で、「WEBサイトをスクロールしてみていくときに出てくるアニメーション」みたいなのはほぼほぼ網羅できるかと思うのですが、ローディングアニメーションを作るとなると「現れる」→「消える」という2段階が必要になります。

前回の設定では基本的に出てきっぱなしだったのですが、これに消えるアニメーションを追加することで順序立てたアニメーションが作成可能になります!

appearの実例(組み合わ

もっとみる
STUDIOでノーコードでアニメーションを作る①(基本編)

STUDIOでノーコードでアニメーションを作る①(基本編)

初めまして。
ファッション業界の人材サービスをしている株式会社iDAにて役員をしております、渡邊と申します。
本当は会社内でやってることも絡めつつも自身の所感を色んなテーマでつらつらと書いていこうと思ってたんですが、ちょっとしたSTUDIOでのテクニックを思いついてコミュニティで公表したところ、縁あってまさかの第一稿がこちらに。笑

デザイナーでもないのですが、逆に素人でも作れるということでもある

もっとみる