WEB制作のヒントと日常の便利を紹介。WEB制作はWordPressをメインにCSSやコーディングのHOWTOをまとめています。最終更新日:2020.08.26すごいサービスが公開されています。その名も「STUDIO」。日本発信のこのサービス、なんとデザインから公開まで、コーディングなしで完結しちゃうんです。ナコさんが5分で作ったサイトがこちら!サブドメインなら無料で公開までできてしまいますよ。「STUDIO」の制作秘話的なインタビュー記事を読んだのですがデザイナーさんがコーディングの手間や時間をかけず簡単にサイト公開できるようにという思いから制作されたそうです。これからはデザインの後のコーディング作業や、サーバーのセットアップは必要ありません。STUDIOでデザインした画面は、瞬時にコードに変換されそのまま公開が可能です。あなただけのデザインオリジナルデザインを簡単につくれちゃいます!STUDIOは、実際のWebサイトに使用される「ボックスモデル」を搭載した、世界で初めてのデザインツールです。あなたがデザインをしたものは、STUDIOが瞬時にコードに変換します。デザインと開発が1つになりました。ドラッグ&ドロップで、直感的にデザインドラッグ&ドロップでボックスを追加して、レイアウトを作れます!このチュートリアル記事で紹介されているように要素をドラッグするだけで簡単に配置ができます。画面を見ながらレスポンシブ表示の調整ができます。WEBサービスだけどアプリライクショートカットも沢山用意されていますがデザイナーさんが使うAdobeのツールと揃えてくれているので迷うことはなさそうです。レスポンシブレイアウトの作成なことにかく簡単!共同編集ができるチームでリアルタイム編集が可能です!すごない?編集してる箇所はアイコンと色つきで表示されます。ミスっても履歴からの復帰あり。STUDIOでは、プロジェクトにメンバーを招待したり、リアルタイムの共同編集が可能です。プロジェクトの編集を行うと、チームメンバーの編集者は編集内容を見ることができます。チームメンバーがプロジェクトのページを開いているときは、メンバーのアイコンが色で囲まれます。チームメンバーが編集している行なっている要素は、アイコンと同じ色で強調されて表示されます。詳しくは公式サイトのチュートリアルをみてみてください。公開は「公開」ボタンを押して好きなURLを入力するだけ。サーバーへのアップロードとかいらないんです。編集後の更新も更新ボタンを押すだけ。無料プランだとサブドメインになっちゃいますが月9ドルで独自ドメインもGETできます。独自ドメインの取得も「STUDIO」内で完結しちゃう。なこもうお名前ドットコムのメールテロ受けなくていいのん?ヤバない!?まだまだあるよ便利な機能オリジナルのフォームを作成PHPで組まないといけないフォーム、大変ですよね...。なんとフォーム作成機能がついてます。「STUDIO」で作成されたサイトは、SEOにも最適化されています。titleやmetaタグなど、自由に編集可能です。Analyticsや、カスタマーチャットのIntercomなどの外部サービスと簡単に連携ができること。このあたりの裏側サポートはさすが!WEBデザイナーさんの意見をたくさんヒアリングして取り入れてくれたんだなぁとおもいました。公式サイトに比較表があったのですが英語なので日本語VERを置いておきます。☓デザインファイルデザインをWebサイトに変換するには、Web開発者を雇うか自分でコードを書く必要があります。◎100%カスタマイズされたウェブサイトあなたのデザインは即座に完全にレスポンシブなWebサイトになります。コードを書くことを心配する必要はありません。△デザイン済みウェブサイトコーディングしなくてもWebサイトを入手できますが、最初から作成することはできません。◎フリーデザインSketchで自由にデザインできます。テンプレートをカスタマイズする空白のキャンバスまたは私たちの美しく現代的なテンプレートの1つから始めて、あなたが望むすべてをカスタマイズしてください。限定的なカスタマイズが可能あなたは写真やテキストを編集することしかできません、あなたはあなたの夢のウェブサイトを作成することはできません。☓スケッチ自体はテンプレートを提供していません。私たちのテンプレートはあなたのウェブサイトがプロのデザイナーによってあなたのために特に作られたように見せます。○あなたは様々な単純なテンプレートから選ぶことができます。他のチームメンバーと共同作業することはできません。◎あなたとあなたのチームメンバーは、同じプロジェクトに同時に取り組むことができます。共同作業は可能ですが、STUDIOほどシームレスではありません。公式のサポートなし唯一のサポートはコミュニティベースなので、あなたの問題を素早く解決するのは難しいかもしれません。◎リアルタイムサポート私達は現場のライブチャットを通して即座にどんな質問にでも答えます。標準カスタマーサービスライブチャットも、リアルタイムサポートもありません。やってみよう日本の方が開発したサービスなので完全日本語対応で、細かいところまでつかいやすいUIなので最初にある4ステップのチュートリアルが終われば直感的に使えるハズです。サブドメインは無料ですし、LPや自分のサイトを作ってみたい方におすすめです。大学のゼミ発表など共同で更新することもできますし、非公開設定も可能なのでモックを進めてみたり使い方は無限大。ポートフォリオもいいですね〜夢が膨らみます。デザインから公開まで、コーディングなしで完結。v4系へ移行するとエラーがでてコンパイルできなくなります。それはgulpfile.jsの書き方が変わった為です。2019.07.10ブログをみていると度々登場する会話形式の吹き出しデザイン。2019.09.20こんにちわ!ナコです。macのターミナルからSSH接続しようと思ったらSSH接続エラーがでたのでその対処法です。無機質なんは嫌や...カラフルにたのしくするんや。2020.06.17VirtualBoxをアップデートしてから調子の悪いvagrantさん。投稿一覧WEB制作会社で16年、WEBデザイナーとして勤務中!娘が2人居るママワーカー。2019年10月から全社員在宅勤務となり、絶賛リモートワーク中。デザイン・コーディング・WordPress組み込みまでトータルで受け持っております。WEBの事以外にも子供が小さい時の働き方やランチ、在宅ワーカーに向けたハック等を書けたらいいなぁと思っております。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。投稿一覧WEB制作会社で16年、WEBデザイナーとして勤務中!娘が2人居るママワーカー。2019年10月から全社員在宅勤務となり、絶賛リモートワーク中。デザイン・コーディング・WordPress組み込みまでトータルで受け持っております。WEBの事以外にも子供が小さい時の働き方やランチ、在宅ワーカーに向けたハック等を書けたらいいなぁと思っております。【コピペOK】jQueryを使って数字がカウントアップするアニメーションを3ステップで簡単実装しよう。installが出来ない。WordPress.。