Yutaka Ishii

CEO&Design Chief @STUDIO https://studio…

Yutaka Ishii

CEO&Design Chief @STUDIO https://studio.design/ja

  • STUDIO

    • 97本

    次世代のデザインツール「STUDIO」の公式マガジンです！ https://studio.design/ja

  • Growth note

2020年 STUDIOが検証すべきこと

スタートアップはすべてが実験僕はスタートアップはすべてが実験で、１つ１つの新サービス、新機能を出しては市場に受け入れられるかどうかの検証だと考えている。スタートアップには大きく分けると「マーケットイン型」と「プロダクトアウト型」がある。（最近この用語あんまり全然聞かないけど。） 「マーケットイン型」は、市場調査をして、既にニーズが浮き彫りになっている課題に対して、サービスを提供していくこと。比較的初期の段階でも売上げが上がりやすいが、サービスにそこまで特徴がないので競合も多

Yutaka Ishii

    • メリークリスマス🌲🌟 STUDIOでThank Youページが自由に設定出来るようになりました

      Merry Christmas 🎉 STUDIOから、ささやかなプレゼントのお知らせです🎁 以前まで、STUDIOのフォームは送信後の挙動がデフォルトのものにしか設定が出来ませんでした。こんなの↓ しかし！ 本日から、フォーム送信後のページを自由に設定できるようになりました👏これでフォームを送信してくれた訪問者に対して、 - 感謝のページを伝えるページを作ったり - フォーム送信が成功したことがわかりやすいモーダルを表示したり そんなことが自由自在に設定出来るよ

      Yutaka Ishii

      • 【STUDIOのカイゼン】レイヤー並び替えが出来るようになりました

        みなさまお待たせいたしました！ 遂にSTUDIOのレイヤーパネルにて、レイヤーの並び替えが出来るようになりました！ このアップデートのおかげで、よりスムーズに、より簡単にレイアウトの変更が可能になります。 レイヤーを並び替えると、キャンバスの構造も自動で並び替えがされるようになっております。 ぜひお試しくださいませ！！ 💡 私たちはより快適なデザイン環境を整えるべく、随時ご意見・ご要望をお受けしています。コミュニティに参加し、ぜひみなさんのご意見をお聞かせください

        Yutaka Ishii

        • 【STUDIO Tips】画像をhoverで切り替える方法

          STUDIOではhoverの状態をデザインすることが可能ですが、hoverで画像を入れ替えるような挙動を再現できるの知ってましたか？ 実装方法1. hoverで表示したい画像を配置する 2. その上に通常時に表示したい画像を重ねて配置。重ねて配置した画像のwidthとheightは100%にしましょう。（重ねて配置する場合は、まずは親画像のサイズを大きくして、入れやすくしましょう） 3. 2の手順で設置した通常時の画像を選択し、hover状態をクリック。そして透明度を0

          Yutaka Ishii

        2020年 STUDIOが検証すべきこと

        Yutaka Ishii

        マガジン

        • STUDIO
          97本
        • Growth note
          3本

        記事

          【STUDIOのカイゼン】親にリンク設定されているときに当該リンクに飛べるように

          ルールとして、親ボックスにリンクが設定されている場合は、その中の要素にリンクを付けることは出来ません。 今回、その状態をよりわかりやすくするために改善しました。 どの親ボックスにリンクが付いているのかを把握しやすいように、エラーメッセージ内にリンクを設置し、当該の親ボックスに特定出来るようになりました。 💡 私たちはより快適なデザイン環境を整えるべく、随時ご意見・ご要望をお受けしています。コミュニティに参加し、ぜひみなさんのご意見をお聞かせください！

          Yutaka Ishii

          【STUDIOのカイゼン】親にリンク設定されているときに当該リンクに飛べるように

          Yutaka Ishii

          【STUDIOのカイゼン】imgのalt設定が遂に可能に！

          みなさまお待たせいたしました。 遂にSTUDIO内でimgタグのalt設定が可能になりました。 altはimgタグのみに設定可能になっており、設定したい場合は画像を選択してください。 画像を選択した際に右上に表示されるボタンで - Box : 画像を背景として使う場合 - Img : img要素として使う場合 を切り替えられる 画像を選択して表示される左上のボタンをクリックし、画像パネルを開きます。そこで任意のaltを設定してください。 💡 私たちはより快適なデザ

          Yutaka Ishii

          【STUDIOのカイゼン】imgのalt設定が遂に可能に！

          Yutaka Ishii

          【STUDIOのカイゼン】 レスポンシブデザインのスタイルがハイライトで表示、削除出来るようになり、わかりやすくなりました！

          STUDIOでは、デバイスのサイズに合わせたレスポンシブデザインを簡単に設定することが可能です。そんなレスポンシブデザインの作成をもっと簡単に出来るように、今回の改善で各ブレークポイントごとに設定されているスタイルを、ハイライトで表示・削除が出来るようになりました！これにより、どんな要素がレスポンシブで設定されているか？が非常に認知しやすくなりキレイなレスポンシブデザインを作成することに集中可能です。 💡 私たちはより快適なデザイン環境を整えるべく、随時ご意見・ご要望

          Yutaka Ishii

          【STUDIOのカイゼン】 レスポンシブデザインのスタイルがハイライトで表示、削除出来るようになり、わかりやすくなりました！

          Yutaka Ishii

          【STUDIOカイゼン】画像をURL指定で表示できるようになりました

          以前までは、自分でアップロードした画像かUnsplashの画像しか選択が出来ませんでしたが、このたびURLでも画像を指定出来るようになりました！ このカイゼンにより、都度都度画像をアップロードしなくても任意の画像をスムーズに指定することが可能になります。※画像の権限には各自ご注意願います。 私たちはより快適なデザイン環境を整えるべく、随時ご意見・ご要望をお受けしています。コミュニティに参加し、ぜひみなさんのご意見をお聞かせください！

          Yutaka Ishii

          【STUDIOカイゼン】画像をURL指定で表示できるようになりました

          Yutaka Ishii

          チャットサービス「チャネルトーク」とSTUDIOが連携しました

          本日、Webサイトの訪問者に対して簡単にチャット機能を設置できるサービス「チャネルトーク」とSTUDIOが連携しました。この連携により、STUDIOサイトにも簡単にチャネルトークを埋め込めるようになりました。 チャネルトークとは？チャネルトークは2017年の正式ローンチ以来「答えは顧客にある」というモットーのもと、13,000社以上のユーザーに プログラミングが不要なチャットサービスを提供してきました。利⽤ユーザーはアパレルECから法⼈向けクラウドサー ビス(BtoB Sa

          Yutaka Ishii

          チャットサービス「チャネルトーク」とSTUDIOが連携しました

          Yutaka Ishii

          Googleタグマネージャーの設定方法

          STUDIOのApp機能には「Google タグマネージャー」があります。このタグマネージャーAppを活用すれば、たいていのコードの埋め込みが可能なので、まだ正式でサポートしていないツールの導入やJavascriptの埋め込みなども出来ちゃいます✌️ GoogleタグマネージャーのIDを取得タグマネージャーを利用するには、こちらからアカウントの作成をし、そしてコンテナを作成しましょう。 コンテナには設置したいサイトのドメインと、タイプは「ウェブ」を選択しましょう。 詳し

          Yutaka Ishii

          Googleタグマネージャーの設定方法

          Yutaka Ishii

          STUDIOで背景動画を設定する方法

          STUDIOではメインビジュアルや背景などに動画を配置することができます。これにより、動きがあってインパクトのあるサイトをデザインすることが可能になります。 ​背景動画を使ったSTUDIOサイトの例 → https://design-ship.jp/ 背景動画の設定方法は主に、VimeoとYoutubeを使う２種類の方法があります。 Youtubeの場合：Youtubeの場合、背景動画を無料で設定することができます。ですが、動画のタイトルとYoutubeバーが、ローディン

          Yutaka Ishii

          STUDIOで背景動画を設定する方法

          Yutaka Ishii

          STUDIOで「noteで書く」ボタンを設置する方法

          先日、noteがこんな発表をしててTweetするみたいなノリで、いま見ているサイトについてnoteが書きやすくなった。 実装での埋込み方法は、公式がこちらで解説しているので、今回はSTUDIOでのサイトで「noteで書く」ボタンを設置する方法を解説 リンクタグを活用する公式が解説しているやり方の１つであるこのコードを埋め込む形式だと、STUDIOはscript付きのコードは埋め込めないので設置不可能。 <a href="https://note.mu/intent/so

          Yutaka Ishii

          STUDIOで「noteで書く」ボタンを設置する方法

          Yutaka Ishii

          次世代デザインツールのデザイン ~感動を生む循環をつくる~

          先日開催された、DIST.26 「Webサービスの個性を支えるデザイン」にて登壇させていただいたのをきっかけに、 ・どんなことを大切にして、サービスを作っているのか？ ・どんな思想でプロダクト、コミュニティ、ブランドをデザインしているか？ など自分の考えをまとめる機会があったので、せっかくなのでnoteにもまとめてみる後半。 前半はこちら ↓ STUDIOを構成する３つのデザイン要素こちらのセクションから、もう少し具体的にどんな要素を意識しながらSTUDIOを作ってい

          Yutaka Ishii

          次世代デザインツールのデザイン ~感動を生む循環をつくる~

          Yutaka Ishii

          STUDIOを創る上で大切にしている価値観 ~ 「作品」としてのサービスづくり ~

          先日開催された、DIST.26 「Webサービスの個性を支えるデザイン」にて登壇させていただいたのをきっかけに、 ・どんなことを大切にして、サービスを作っているのか？ ・どんな思想でプロダクト、コミュニティ、ブランドをデザインしているか？ など自分の考えをまとめる機会があったので、せっかくなのでnoteにもまとめてみる。 サービス作りにおいて大切にしていること僕は学生時代にWebの制作会社を立ち上げ、その後自分のスタートアップを創業するなど、これまでたくさんのWebサイ

          Yutaka Ishii

          STUDIOを創る上で大切にしている価値観 ~ 「作品」としてのサービスづくり ~

          Yutaka Ishii

          Google FormをSTUDIOに埋め込む方法

          STUDIOにはデフォルトでのフォーム機能がありますが、もしラジオボタンやチェックボタンをどうしても使いたい場合は、Googleフォームを埋め込むのが良いでしょう。この記事では、STUDIOのサイトにGoogleフォームを埋め込む方法を解説します。 新しくフォームを作成Googleフォームのサイトにいき、新しくフォームを作成しましょう。この記事では、詳しい作成方法は省力します。 iframeコードを取得項目など必要な設定が完了したら、STUDIOに埋め込むためのifram

          Yutaka Ishii

          Google FormをSTUDIOに埋め込む方法

          Yutaka Ishii

          他ページアンカーリンクに対応しました！

          STUDIOは、みなさんが快適に、自由にデザインが出来るよう日々地道に、地道に機能を改善しております。 本日は、ページ内の特定の箇所へリンクを飛ばせる「ページ外アンカーリンク」に対応いたしました！以前までは、同ページ内のみの対応でしたが、他ページでのアンカーリンクにも対応です！

          Yutaka Ishii

          他ページアンカーリンクに対応しました！

          Yutaka Ishii