今回のアップデートでグループコンポーネントに対応いたしました。 コンポーネントをグループ化して、条件に応じた表示/非表示の制御が可能になります。 <iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F737425886%3Fh%3D6955891bc0%26app_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F737425886&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1483967647-378298121b2d027cdd86fa2c985f798a57c19597e329019b529235afa3a4ca61-d_1280&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=vimeo" width="1920" height="1090" scrolling="no" title="Vimeo embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe> 新規登録はこちら <a href="https://app.querier.io/signup" target="_blank" rel="noopener noreferrer">https://app.querier.io/signup</a>

今回のアップデートでグループコンポーネントに対応し、コンポーネントの表示/非表示を制御できるようになりましたので、こちらで解説させていただきます。

コンポーネントをグループ化し、表示/非表示を制御できるようになりました！

株式会社mikan<blockquote>2014年6月創業。 『本質的なテクノロジー活用であらゆる人の英語学習によりそい人生の可能性を広げる』というミッションを掲げ、総ダウンロード数600万を超える英語アプリ「mikan」を運営。 ベストトレンドアプリやe-Learning大賞Edtech部門など、フューチャーや受賞も多数。2021年から人材採用にも力をいれ、1年で組織人数は倍以上に拡大。これまで以上に事業成長のスピード・幅を増し、会社一丸となりビジョンの実現に向けてチャレンジを続けている。</blockquote> コンテンツチーム・エンジニア　新垣 匠也氏<blockquote>大学時代のインターンからmikanに新卒入社。学生時代には業務効率化システムの開発を経験。現在はコンテンツ制作のディレクションや効率化・仕組み化などを担当</blockquote> <h2 id="h1f123a81be">— 管理画面開発ツール「クエリア」を導入する以前は、どのような課題を持たれていたのでしょうか。</h2>mikanは『本質的なテクノロジー活用であらゆる人の英語学習によりそい人生の可能性を広げる』というミッションを掲げ、総ダウンロード数600万を超える英語アプリ「mikan」を開発・運営しています。 mikanでは現在計120冊以上の英語教材を学習することができます。これまでは英単語アプリmikanとして英単語教材のみを提供していましたが、今では”英語アプリmikan”としてTOEICや英検などの問題集を学習できるように進化しています。 問題演習の提供を開始するとのことで、これまで単語のデータベースとして使っていたFirestoreとは別で、新たにCloud SQLを使うことになりました。 それに伴って、新たにSQLと接続した問題集用の管理画面の作成が必要でした。 ただエンジニアチームはフルタイムのメンバーでiOSが 2名、 Androidが 2名、バックエンドが 3名という小規模な人数のため、管理画面の開発に十分なリソースを確保することが難しい状況でした。 また会社としてもプロダクトの提供価値を上げることが最優先であるため、管理画面の構築の優先度が低くなっていました。 <h2 id="h6b1b24c66a">— 普段はどのような業務を担当されているのですか？</h2>私は現在コンテンツチームに所属していて、出版社から頂いた教材PDFデータをアプリで学習できるように、制作から入稿までを行う業務に携わっています。 データベースに入れる際には膨大なデータを扱う必要があるのですが、プログラミングを用いて制作の効率化や仕組み化をしていくというのが主な仕事になります。 今まではフロントエンドの開発業務をメインにしつつバックエンドの開発もFirebaseなどを使いながらフリーランスとしてサービス開発に携わってきまして、今年mikanに正社員として入社しました。 <h2 id="hbfc023b742">— どのような経緯でクエリアの導入を決めていただいたのでしょうか？</h2>Firebaseと繋がっている管理画面を構築した際は社外の方に頼んで、開発を進めていました。ただある機能が欲しいとなった際に実装までの1サイクルに時間がかかることや現場で求めている要件をうまく伝えることができず、要望が上手く反映されなかったりといった点に課題を感じていました。 既にある管理画面に機能をどんどん付け足していくという選択肢もあったのですが、新たに別のデータベースを使うというタイミングであった点や修正画面をなるべく早く構築し利用したいという要望があったことから他の方法を探していました。 そんな中、社内の方からの紹介でクエリアのことを知り、ドキュメントを読んだり実際に触ってみて自分でもやりたいことを素早くローコードで実現できそうと感じたため、導入を決めました。 <h2 id="hfcec67c36e">— クエリアで実際にどんな管理画面を作って頂いているんでしょうか？</h2>主に作成したのは問題修正画面です。 出版社からいただいた教材PDFデータをデータベースに入れた後にユーザーからのご指摘で英単語や英語表現が間違っていたりと誤植が発見されるケースがしばしばあります。その修正をクエリアで構築した管理画面で行っています。 <h2 id="h6ab7d3bcc3">— クエリアを導入後はどういう効果がありましたか？</h2>クエリアを使用して管理画面を構築してみると、1週間足らずで問題集の誤植などの修正画面を構築することができました。おかげでエンジニアチームはプロダクトの改善・改良にフォーカスして開発を行えるようになりました。 クエリアを導入したことでエンジニアに頼らずに、エンジニアでない社員でも修正業務を行うことができるようになったのが一番の効果でした。 <h2 id="hf8ed73c4a2">— 実際にクエリアを使った開発の感想を教えてください。</h2>クエリアはDBからSQLなどを書いて取得したり、JavaScriptで整形したりといった柔軟性も兼ね備えているのでエンジニアとして利用しやすかったです。やりたかったことをすぐに実現できて、ローコードなので工数もスクラッチの開発に比べてそこまで必要ないところが良いなと思いました。 また切り分けて画面ごとにアプリを作ることができるので、作ったり、削除したりがしやすく経験が浅いエンジニアでも技術的負債を心配することなく、CRUDアプリを作れるのが魅力的に感じました。 管理画面をエンジニアチームに頼んで作ってもらうとなるとコミュニケーションコストが発生したり、時間がかかったりすると思うんですが、クエリアを導入したことで管理画面の開発が私一人で完結したのは良かったなと思います。 <h2 id="h73f5e76e6b">— ローコードツールを使った開発とスクラッチでの開発を比べて何か気づいたことはありましたか？</h2>今回初めてローコードツールを使ったんですが、割と簡単に自由度が高く構築でき、すごく便利だなと感じました。管理画面を構築するとなるとUI・UXについても0から考えたり、ディレクトリ構造を考えたり、コンポーネント化を意識する必要があったりかなり大変です。 しかしクエリアの場合、ドラッグ&amp;ドロップである程度完成度の高いUIを構築でき、裏側のロジックの部分も柔軟に自由度高く利用することができました。特にテーブルを配置して、裏側のロジックを少し書くだけですぐに見たい情報が見ることができるというのもシンプルですが良いなと思いました。 今後も必要に応じて様々な機能を構築していこうと思っています。 <h2 id="hcee8766e18">— 自由度が高い分、学習コストが高いと考える方もいると思うのですが実際クエリアに慣れるのにどのくらい時間がかかりましたか？</h2>僕は学習コストがそこまで高いとは感じませんでした。ドキュメントに基本的な使い方が載っていた点や、これまでの開発業務で主にReactを使っていたので、配列やマッピングだとか、コンポーネントの志向だとか普段から慣れている概念が多くあり、比較的スムーズに開発を進めることができました。 自分自身、フロントエンドの開発が得意で、バックエンドは比較的経験が浅いのですが、基本的なSQLやデータベースの知識があるだけで十分な開発ができるのでクエリアはすごく利用しやすかったです。 <h2 id="h8afae4f65b">— 今後の事業の展望をお聞かせください。</h2>これまでは英単語アプリmikanとして英単語教材のみの提供でしたが、今では”英語アプリmikan”としてTOEICや英検などの問題集を学習できるように進化しています。今後も引き続きプロダクトの改善・改良していき、ユーザーに対する提供価値を高めていきたいです。 その際にクエリアを活用して、運用の効率化を高め、より多くのユーザーが求めている教材を学習できるアプリに進化させていきたいと思っています。 <h2 id="h6fae1b6b66">— まだまだローコードで管理画面を構築するという考えが世の中に浸透していないなと感じています。最後にこれからローコードサービスを試したいと考えている方々にメッセージをお願いいたします。</h2>管理画面を作るってやはりすごく工数がかかることだと思っていて、その割にはそこまで事業にインパクトが大きくはないと感じています。 mikanの場合だとプロダクトの改善や改良に時間をかけた方が、ユーザーに対する提供価値を高めていけます。ただ管理画面は事業を運営するのに必要不可欠な機能です。 そのような工数をあまり割けられないけど、必要不可欠な機能をローコードで作ることができれば、エンジニアもビジネスサイドもハッピーになれて、事業の成長に繋がると思います。 なのでエンジニアのリソースを必要なところに最大限割きたいと考えている会社の方にはぜひ試してもらいたいサービスです。<h2 id="hcf83e1357e"> </h2>＜英語アプリmikanについて＞<blockquote>600万ダウンロード突破。 「はやく・ただしく・たのしく」をコンセプトにした国内最大級の英語アプリ。学生向けから社会人でも使える教材まで幅広いラインナップが揃っており、受験・資格試験・日常英会話・ビジネス英会話など、スキマ時間を活用して自分の目的にあった学習をすることが可能です。 <a style="color:#1155cc" href="unsafe:[object Object]" target="_blank" rel="noopener noreferrer">https://mikan.link/</a></blockquote>

2014年6月創業。 『本質的なテクノロジー活用であらゆる人の英語学習によりそい人生の可能性を広げる』というミッションを掲げ

「やりたいことをすぐに実現できる」クエリア導入で管理画面の開発工数を大幅に削減したmikanの担当者に聞く

今回のアップデートでiFrameコンポーネントに対応いたしました。 これにより、Webサイトや動画を埋め込むことが可能になります。 <iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F718183203%3Fh%3D72760366cf%26app_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F718183203&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1447004899-e14e7572b58169817638db436eb80c0c4e9e2fa46bd35179cfdd31cc4f9332fa-d_1280&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=vimeo" width="1920" height="1089" scrolling="no" title="Vimeo embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe> 新規登録はこちら <a href="https://app.querier.io/signup" target="_blank" rel="noopener noreferrer">https://app.querier.io/signup</a>

今回のアップデートでiFrameコンポーネントが追加されましたので、こちらで解説させていただきます。

iFrameコンポーネントに対応しました！

<h2 id="h9250fa375a">Cloud Storageと連携してファイルをアップロードする</h2> <h3 id="h754de4e610">１. 連携データ画面で、 <code>Cloud Storage</code> を選択し、<code>Credentials JSON</code> を入力する</h3><img src="https://images.microcms-assets.io/assets/d227d458429d4051a17239ee5909bf41/5e46a91551764059be83d2505032ad4e/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-06-06%2014.19.49.png" alt="" width="1840" height="1576"><h3 id="hfbe806df4b"> ２. データフローから必要な項目を設定する</h3><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F717400727%3Fh%3D5081e428a6%26app_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F717400727&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1445595765-45cdfa1c500d21adc66227c194bab5dadeda63453b73f808e43c52babdd7b9f7-d_1280&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=vimeo" width="1920" height="1089" scrolling="no" title="Vimeo embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe> 新規登録はこちら <a href="https://www.querier.io/" target="_blank" rel="noopener noreferrer">https://www.querier.io/</a>

いつもQuerierをお使いいただきありがとうございます。今回のアップデートでCloud Storage連携が追加されましたので、こちらで解説させていただきます。

Google Cloud Storageと連携して、ファイルのアップロード・読み込み・削除などができるようになりました！

今回のアップデートで、以下の2点がアップデートされました。<ul><li>データフローの成功/失敗時の複数イベントを設定</li><li>イベントでのコンポーネントの操作</li></ul> これらのアップデートを組み合わせて、データフロー成功時にモーダルを自動で閉じることができるようになりましたので、以下の動画で解説させていただきます。 <iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F716234671%3Fh%3D60486b9a4d%26app_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F716234671&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1443293891-b70193a63c4a578c3f6964442277258cb568d867aa61fe0cddd6ab3f5014ebb5-d_1280&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=vimeo" width="1920" height="1089" scrolling="no" title="Vimeo embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe> コンポーネントの操作については、現状モーダルのOpen/Closeのみの対応ですが、今後他のコンポーネント操作にも対応予定ですので、ご要望などございましたらお気軽にお問い合わせください！

いつもQuerierをお使いいただきありがとうございます。今回のアップデートでデータフローのイベント機能がアップデートされましたので、こちらで解説させていただきます。

データフロー成功時にモーダルを自動で閉じることができるようになりました！

<h2 id="hef86a51264">Slackと連携してメッセージを送信する</h2> <h3 id="he9e4e46e4e">１. 連携データ画面で、 <code>SlackWebhook</code> を選択し、Webhook URLを入力する</h3><img src="https://images.microcms-assets.io/assets/d227d458429d4051a17239ee5909bf41/bd688e29c72a429291cbb34261c7bc13/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-05-27%2011.44.25.png" alt="" width="1802" height="1568"><h3 id="hfbe806df4b"> ２. データフローから必要な項目を設定する</h3><img src="https://images.microcms-assets.io/assets/d227d458429d4051a17239ee5909bf41/11d1d3ffaf8d45cdb24167799608714a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-05-27%2011.47.38.png" alt="" width="688" height="1158"> 新規登録はこちら <a href="https://app.querier.io/signup" target="_blank" rel="noopener noreferrer">https://app.querier.io/signup</a>

いつもQuerierをお使いいただきありがとうございます。今回のアップデートでSlack連携が追加されましたので、こちらで解説させていただきます。

Slackと連携して、メッセージを送信できるようになりました！

今回のアップデートで、テーブルカラムの値を条件に応じて表示変更することが可能になりました。 データベースでは英語の文字列で保持しているものを、管理画面上では日本語の文字列に変換して表示したいユースケースに対応できるようになります。 <img src="https://images.microcms-assets.io/assets/d227d458429d4051a17239ee5909bf41/8d203c066e964b639e2d2528268df820/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-05-26%2014.59.09.png?w=664&amp;h=1236" alt="" width="664" height="1236"> 上記の画像では、下記の条件でテーブルカラムの表示をカスタムしています。 <code>payment_method</code> の値が、<ul><li><code>null</code> であれば、「未設定」と表示</li><li><code>card</code> であれば、「カード払い」と表示</li><li><code>bankTransfer</code> であれば、「請求書払い」と表示</li></ul> <img src="https://images.microcms-assets.io/assets/d227d458429d4051a17239ee5909bf41/0e2e0b0abe6846ada8e074686e1603ac/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202022-05-26%2015.03.13.png" alt="" width="2274" height="1236"> より詳しい動画での解説はこちら<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F713945820%3Fh%3D19d431e13f%26app_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F713945820&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1439107103-a8d4a9d89f755d1001cda9bd97ee3eacec61dcb2bbc1f051fae3e746b0f8549c-d_1280&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=vimeo" width="1920" height="1089" scrolling="no" title="Vimeo embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe>

いつもQuerierをお使いいただきありがとうございます。今回のアップデートでテーブルに機能が追加されましたので、こちらで解説させていただきます。

テーブルカラムの値を、条件に応じて表示変更できるようになりました！

株式会社ツクルバ<blockquote>2011年8月に創業。「『場の発明』を通じて欲しい未来をつくる」というミッションのもと、デザイン・ビジネス・テクノロジーをかけあわせた場の発明を行い中古・リノベーション 住宅の流通プラットフォーム「cowcamo（カウカモ ）」の企画・開発・運営や不動産企画デザインなど多岐に渡り事業を展開している。 2019年7月31日には、東証マザーズ（現・東証グロース）へ上場。 2021年8月に11期目へ突入し、組織メンバーは約200名にまで拡大。場にまつわるビジネス・デザイン・テクノロジーを融合した事業を展開し、ビジョン実現に向けた試行錯誤のチャレンジを続けている。</blockquote> バックエンド・テックリード門田 英晃氏<blockquote>新卒で本田技研工業株式会社へ入社。IT部門へ配属となり、業務システムの企画から開発マネジメントや新サービスの立ち上げを経験。その後スタートアップへ転職、ソフトウェアエンジニアにキャリアチェンジ。SaaS開発やハードウェアプロダクトの企画・開発、スタートアップでのCTOの経験を経て、2021年にツクルバにジョイン。 PF事業部サプライサイド事業推進部にてプロダクトマネージャー／バックエンドテックリード／シニアマネージャーとして、不動産売却領域の新規プロダクト開発を担当している。</blockquote> <h2 id="h1f123a81be">— 管理画面開発ツール「クエリア」を導入する以前は、どのような課題を持たれていたのでしょうか。</h2>ツクルバは、「場の発明」を掲げ、主に不動産領域で事業を展開している会社です。私が所属する部署では、新規事業として中古不動産流通構造に存在する歪みを解消し、中古不動産の流動性を高める「ウルカモ」を開発しています。 上場してから3年が経ちましたが、現在も新しい事業を立ち上げては、それを急速にグロースさせており、まだまだ成長を続けている段階です。次々と企画が立ち上がっており、実現したいことが山のようにあります。 ただ、リソースが追いついていないのが実のところです。やりたいことがたくさんある分、優先順位の低い業務が後回しになりがちで、そのひとつが管理画面の構築でした。 <h2 id="h9708811a7b">— 管理画面の開発は後回しになりがちですよね。</h2>そうなんです。新サービス「ウルカモ」の立ち上げ前に、サービス運営のための管理画面の必要性は把握していたものの、タイトな開発期間の中で、管理画面の開発に十分な工数を確保することが難しい状況でした。 これまでは自分で手を動かして解決していましたが、それでは事業成長に遅れが出てしまいます。「なにかいい手段はないか」と考えていたところ、たまたま見つけたのが「クエリア」だったんです。 <h2 id="hb1f69d530a">— 管理画面開発にはスクラッチで作る選択肢もあります。最終的に「クエリア」を選んでいただいた理由について、教えてください。</h2>社内Slackのエンジニアリングチャンネルで、たまたまクエリアの記事を見つけ、ノーコード・ローコードには日頃から興味を持っていたので、そこからドキュメントを読んで、「これならやりたいことは実現できそう」と感じ、あとは価格感をご相談したいと思い、お問い合わせさせていただきました。 実際に触ってみて、まず多くのデータソースに対応しているのがいいなと思いました。弊社はデータベースにFirebaseを使用しており、今後はAWSのAuroraも使用する予定だったのでどちらにも対応しているのは魅力的でした。また、S3にも対応していたのでファイルを使用するユースケースにも対応できるイメージが湧いたのも大きかったです。 実際にアプリを作っていく操作感はエンジニアフレンドリーな設計になっていて、これならスクラッチで作るよりも早く必要な管理画面を開発できるなと感じ導入を決めました。 <h2 id="h8ac5fbb455">— エンジニアフレンドリーな設計がエンジニアへの説明コストを下げたのですね。ローコードツールを使った開発において気づいたことありましたか？</h2>改めて、管理画面は本当にスクラッチで作る意味ってないんだなっていうのがまず感じたことでした。 弊社の場合、管理画面に特に複雑なノウハウは必要なかったので、会員登録や不動産データの編集などデータに対してCRUDを行ういわゆる標準的な管理画面なら全てクエリアでカバーできると感じました。GUIと少しのコードで本格的な管理画面が作れたので開発スケジュールを大幅に巻くことができました。 クエリアの場合、完全にノーコードではなく、SQLを書いたりデータをJavaScriptで整形したりといった柔軟性も兼ね備えているのでエンジニアとしては非常に使いやすかったです。結果として管理画面開発の工数が短くなった上に、色々なやりたいことが実現できました。 クエリアのプロダクトアップデートも頻繁にチェックしていて、先日リリースされたページ遷移の機能やバージョン管理の機能でさらに使いやすくなったなと感じました。 <h2 id="h26aa61d4b4">— 新機能もリリースしたらすぐに使っていただいていてますよね。クエリアを使った開発において特に工夫したことはありましたか？</h2>クエリアはRestAPIにも対応していたので、扱うデータによって、データベースのレプリカ経由のものとAPI経由のものを使い分けています。Read処理だけはレプリカのDB経由にしておいて、Write処理などははしっかりとロジックを書いたAPIを経由するように使い分けています。 弊社の方でAPIを全て整理する時間がなかったので、Readに関してはIPアドレス制限をかけてデータベースのレプリカに直で接続した結果、早く管理画面の開発を終えることができました。 <h2 id="h45934f5bb9">— レプリカ経由とAPI経由を分けて構築したことで結果的に早く管理画面の開発が終わったんですね。</h2>はい、レプリカであれば間違ってデータが書き変わるリスクもないので安心して使うことができています。 <h2 id="had6e04805b">— どのようなチーム体制でクエリアを利用していただいたのでしょうか？</h2>管理画面の開発は実質、私一人で行いましたが少しだけエンジニアにも触ってもらいました。その人はエンジニア歴が長い人だったので特に詳しい説明もせずに実現したいことを提示した上でドキュメントを渡し、現状のクエリアで作った管理画面を見ながらサクサクと必要な修正をしてもらうことができました。 また、完成した管理画面は新規事業チームの4,5人のビジネスサイドに業務の中で使ってもらっています。今のところ特に不満は出てきていません。管理画面なので、特に不満が出ていなければ要件は満たせているかなと感じています。 <h2 id="h585f3b8dde">— 「クエリア」を導入した感想をお聞かせください。</h2>クエリアを使用して管理画面を構築してみると、1週間足らずで「ウルカモ」のオペレーションに必要な管理画面を構築することができました。 おかげで、開発スケジュールのほとんどをユーザー向けプロダクトの開発に充てることができ、「ウルカモ」を迅速に立ち上げることができました。開発スケジュールを大幅に巻くことができ、今までのスクラッチでの開発がなんだったのかと思えるほど管理画面の開発が楽になりました。 サービス立ち上げから 2ヶ月以上経った現在でも、クエリアで構築した画面に改善を加えつつ、業務に支障なくオペレーションできています。 <h2 id="h8afae4f65b">— 今後の事業の展望をお聞かせください。</h2>まずはお客さん向けのプロダクトを成長させて「ウルカモ」の事業をPMFさせたいと考えています。 お客さん向けの機能に開発チームのリソースをこのまま全集中させて、グロースの段階になったらクエリアでさらにトランザクションの分析など分析系の管理画面の実装も進めていきたいと考えています。 <h2 id="h6fae1b6b66">— まだまだローコードで管理画面を構築するという考えが世の中に浸透していないなと感じています。最後にこれからローコードサービスを試したいと考えている方々にメッセージをお願いいたします。</h2>今まで、Zapierなどのワークフローを組むiPaaSは使ったことがありましたが、画面を作っていけるローコードサービスを実際の業務の中で使ったのは私も今回が初めてでした。結果的に開発工数が大幅に削減され、今までなんでこういうサービスがなかったのか、必要なタイミングでこういったサービスが使えることを非常に嬉しく思っています。 データソースの組み合わせや JavaScript を使用したデータ整形などを使いこなせば、スクラッチ開発の管理画面にも引けを取らない画面をクエリアで構築することができると思います。今から管理画面を作る方にはぜひ試してみてもらいたいサービスです。 ＜ウルカモについて＞<blockquote>「ウルカモ」（2022年2月10日サービス提供開始）は、持ち家の売却を検討する方が住まい情報を手軽に投稿して、中古住宅の購入を検討する方がその投稿にリアクションをすることができる、日本初の売り出し前中古不動産の売買意向のマッチングプラットフォームです。 <a href="https://cowcamo.jp/urucamo" target="_blank" rel="noopener noreferrer">https://cowcamo.jp/urucamo</a></blockquote>

株式会社ツクルバ  2011年8月に創業。「『場の発明』を通じて欲しい未来をつくる」というミッションのもと

「信じられないほど楽になった」クエリア導入で管理画面の開発工数を大幅に削減したツクルバの担当者に聞く

<h2 id="h88199a7e5a">エンジニアの価値を最大化するローコードツール「Querier」</h2>株式会社Querierは、ローコード技術を用いて、管理画面や社内向けツールなど業務アプリの開発・運用コストを大幅に削減するサービス「Querier」をリリースしました（詳細な機能は後述します）。 「Querier」を開発した背景は、僕自身がエンジニアとして経験した、管理画面の開発は楽しくないにも関わらず、必ず発生する業務のために「エンジニアがプロダクト開発に専念できない」という原体験があります。 Querierを起業する以前、ITプロダクトの開発支援を行っていました。 その際に度々ぶつかった壁が「メインプロダクトの開発に集中できない」という課題。特に、社内向け管理ツールの開発に手こずりました。 社内向け管理ツールは、それが存在しないとビジネスそのもが進展しないケースが多々あります。つまり非常に重要なのですが、とにかく開発が面倒なのです。 僕が支援していた企業では、プロダクトに新機能が追加されるたびに、管理画面を再度開発する必要がありました。 しかし、管理画面のコードはどうしても煩雑になってしまいます。結果的にメンテナンスに問題が生じ、「誰もやりたくない」状態になっていました。 結果的に「間に合わせの管理ツール」になってしまい、リリース後にゼロから管理画面をつくり直しています。 1年以上突貫工事をしていると、気が付いた頃には、負債だらけのコードになってしまうのです。 <h2 id="hc4cf0180f1">その課題、ローコードで解決できるかも</h2>エンジニアとしてITプロダクトの開発を支援してきた過程で、僕が最もペインを感じたのが、この「業務アプリの開発」でした。 プロジェクトに参加するたびに「またこの作業が発生するのか」「なんとかならないものか」と頭を悩ませていました。 しかし、繰り返し開発プロジェクトに参加しているうちに、とあることに気がつきます。 業務アプリは、どのようなサービスでもコンポーネントが非常に似通っているのです。 メインプロダクトをローコードで開発する勇気はないものの、毎回似たようなものをつくる業務アプリなら、ローコードで置き換えられるはず。 そして、もしそんなサービスがあれば、僕なら間違いなく利用する。 エンジニアがやるべきことに集中できる世界を目指して、僕は、ローコード技術を用いて、管理画面や社内向けツールの開発・運用コストを大幅に削減するサービス「Querier」を開発しました。 「Querier」を端的に説明すると、「エンジニアが圧倒的に楽になる」サービスです。エンジニアのリソースを、メインプロダクトの開発に全振りできるようになります 具体的にはUIをドラッグ&amp;ドロップで簡単に構築することで様々な業務アプリを作成することができます。 例えば、社内で運用中のDBのAPIと連携し、コンポーネントとクエリを紐付けて管理画面を作成できます。 例えば、データの入力、編集、削除、読み込み（一覧表示させたり）、表示させた物に対してアクションを行うパネルを作成できます。 例えば、JavaScriptを使った簡単な関数を設定すれば、計算を自動化できます。 このように業務アプリをローコードで誰もが素早く作成、運用できます。 業務アプリを雑に開発する会社が少なくないので、どんどんリプレイスしていかなければいけませんが、「Querier」があればその必要がなくなります。 <h2 id="h26be613441">エンジニアと非エンジニアの溝が埋まります</h2>たびたび「エンジニアと非エンジニアの溝」が話題に上がりますが、それも解決できると思っています。 仕方のないことですが、技術に理解のない非エンジニアには、極端に言えば「それくらい簡単にできるでしょ、エンジニアなんだから」といった考えを持っている人もいます。 また、理解があったとしても、「どれくらいの工数がかかるか」まで想像が及ばず、コミュニケーションに摩擦が発生してしまうこともあります。 ビジネスサイドの人間がエンジニアに話をするときに、「摩擦を避けるために、自分でいろいろ調べてから質問する」といったシーンも見てきました。これは非エンジニアがストレスを感じてしまうパターンです。 こうしてどんどん、エンジニアと非エンジニアの溝が深まっていく。すると結果的に、組織の成長が鈍化してしまう。 社内向け管理ツールは影の薄い存在かもしれませんが、組織と密接に関わっています。業務アプリの設計によって、日々のオペレーションが変わってくるからです。 優れた業務アプリの存在は、不要なストレスとコミュニケーションを削減し、効率的なオペレーションと生産性を生み出すのです。 <h2 id="h9e7d5d5587">「Querier」はエンジニアの生産性を高めます</h2>僕は「ソフトウェアはもっと、抽象化されるべきだ」と考えています。 歴史を振り返ると、新しい言語やライブラリ、AWSなどのクラウド環境の出現によって、ソフトウェアは簡易化され、エンジニアの仕事が効率的になってきました。複雑性が隠蔽され、エンジニアの俗人性が薄れてきています。 しかし、まだまだ属人性が高い。 日本の技術力を高める方法は、エンジニアを育て母数を増やすか、ソフトウェアを簡易化し一人あたりの生産性を向上させるかのいずれかです。 僕らはソフトウェアを簡易化することで、エンジニアの生産性を高めます。 もう、業務アプリの作成及び、メインプロダクトの開発以外にリソースを注ぐには終わりにしましょう。 イノベーションを起こす仕事に集中し、自社の発展、そして日本の技術力を高めることに全ての時間を注ぎましょう。 僕たちは、「Querier」を通じて、「エンジニアがプロダクト開発に専念できる」という本来あるべき未来を先取りします。 <h2 id="h9be0c3393d">おわりに</h2>ここまで読んでいただきありがとうございました。 今回の記事で一人でも、Querierに興味を持っていただける方がいれば幸いです。 新規登録はこちら: <a style="color:#358cda;background-color:#ffffff" href="https://app.querier.io/signup" target="_blank" rel="noopener noreferrer">https://app.querier.io/signup</a> お問い合わせはこちら:&nbsp;&nbsp;<a style="color:#358cda;background-color:#ffffff" href="https://www.querier.io/meeting" target="_blank" rel="noopener noreferrer">https://www.querier.io/meeting</a> ドキュメントはこちら:&nbsp;&nbsp;<a style="color:#358cda;background-color:#ffffff" href="https://docs.querier.io/docs/getting-started/what-is-querier" target="_blank" rel="noopener noreferrer">https://docs.querier.io/docs/getting-started/what-is-querier&nbsp;</a>

株式会社Querierは、ローコード技術を用いて、管理画面や社内向けツールなど業務アプリの開発・運用コストを大幅に削減するサービス「Querier」をリリースしました。

「エンジニアがプロダクト開発に専念できる」未来をつくります

株式会社Querierはローコードツール「クエリア」（https://www.querier.io）を正式にローンチいたしました。&nbsp;「エンジニアを管理画面の開発から解放し、プロダクト開発に100％の力を注げるようにする。」をミッションにエンジニアがプロダクト開発以外に割いていた工数を圧倒的に削減します。 <h2 id="h3f6cb3c8e8">Querierについて</h2><iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FNIqLDiTXPsU%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DNIqLDiTXPsU&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FNIqLDiTXPsU%2Fhqdefault.jpg&key=94335756f04b424b8ce3ce71cbe3de0a&type=text%2Fhtml&schema=youtube" width="560" height="315" scrolling="no" title="YouTube embed" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="true"></iframe> 「Querier（クエリア）」は社内向け管理画面を圧倒的な速さで、かつビジネスのスケールに合わせて柔軟に構築することができるエンジニア向けローコードツールです。 ビジネスサイドが顧客対応をするのに必要なCRUD操作やプロダクト開発以外でエンジニアが行っているオペレーション業務を簡略化するために管理画面の開発・運用に多くのエンジニアの時間が奪われています。 クエリアを使えば、バックエンドエンジニアが、UIをドラッグ&amp;ドロップで、裏側の処理をSQLやJavaScriptで記述することで必要な管理画面をフルスクラッチでの開発に比べて数倍の速さで社内に提供することができます。 新規登録はこちら: https://app.querier.io/signup お問い合わせはこちら:&nbsp;https://www.querier.io/meeting プレスリリースはこちら: https://prtimes.jp/main/html/rd/p/000000006.000061798.html

株式会社Querierはローコードツール「クエリア」（https://www.querier.io）を正式にローンチいたしました。 

Querierブログ