NoCode学生会

学生限定のNoCode(ノーコード)コミュニティ🚀小学生から大学院生まで、学生であれば…

NoCode学生会

学生限定のNoCode(ノーコード)コミュニティ🚀小学生から大学院生まで、学生であれば誰でも参加OK🙆‍♂️全くの初心者から1人で案件をこなせるまでに成長できます💯みんなで楽しく学んでいきましょう✨
  • 固定された記事

今話題のNoCodeとは？

こんにちは！NoCodeエンジニアのほうた(@Houta_NoCode)と申します！ 昨日、NoCodeに関して以下のツイートがバズって注目を浴びていました。 このツイートを通してNoCodeを知った人も多いんではないでしょうか？ そしてこう思った人は多いと思います。 ノーコード、やばくね？ そうなんです、NoCodeって上手く利用すればめちゃくちゃやばいんです(笑) なので今回はこのツイートの内容を深掘りして、NoCodeの概要から使いこなし方まで順番にしっかり解説

NoCode学生会

    • STUDIOを勉強するならフォロー必須のTwitterアカウント！

      こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は、 「STUDIOを勉強するなら絶対にフォローしなマジでめっちゃ損するぞ！」ってアカウントを紹介したいと思います！ NoCodeを勉強する上では、Twitterでの情報収集はめちゃくちゃ重要になってきます！さらにググっても出てこないような情報がTwitterには載っているので、今回の記事を紹介されている方はしっかりフォローして情報収集に役立ててください！ １．STUDIO まずはSTUDI

      NoCode学生会

      • NoCodeを使うならインストールすべきGoogle拡張7選！

        こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は、NoCodeをやるならインストールすべきGoogle拡張を紹介していきたいと思います！これを知っているだけで本当に効率化良くなるので絶対にインストールしてください！では、いきましょう！ Image Downloader これはWebページ上の画像を全て一括でダウンロードできるChrome拡張機能です。 大量の画像を一括でダウンロードできるだけではなく、ダウンロードする画像の高さ、横幅も指

        NoCode学生会

        • NoCodeのコーチングサービスまとめ

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は、NoCodeのコーチングサービスを全てまとめていきます！ これを受ければ圧倒的にコスパ良く勉強できるので超おすすめです！ では、早速紹介していきます！ 1．NoCodeCampまずは、NoCodeCamp(＠NoCodeCampSalon)のコーチングです！ 世界で２番目に規模が大きいNoCodeオンラインサロンの公式コーチングサービスです！それだけあって、コーチングをしているメンターの

          NoCode学生会
        • 固定された記事

        今話題のNoCodeとは？

        NoCode学生会

          .bubbleでいいね機能を実装しよう！

          こんにちは！NoCode学生会運営の岩田史門（しもん）です！ 今回は.bubbleでのいいね機能の実装方法について説明していきます！.bubbleでSNSなどを開発する際には必須の技術になるので、楽しみながら学んでいきましょう(^▽^)/ 0.はじめに今回いいね機能実装を学ぶにあたり、勉強しやすいように簡易的な教材用のアプリを作成しました！エディタを公開しておくので、ぜひ学習の参考にしてみてくださいね(^▽^)/ https://twitter-clone-by-shi

          NoCode学生会

          .bubbleでいいね機能を実装しよう！

          NoCode学生会

          【bubble】 小技テクニック集3！！！

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は、小技テクニック集3！！！ということでさらに小技テクニックを伝授していきます！これらをマスターすればショートカットや便利な機能を、しっかり扱えるようになります！なので是非最後まで見てみてください！ Reveal in element treeを使おう！ 特定のエレメントの親子関係を把握したいけどelement treeをいちいち開いて把握していくのめんどくさいなって思ってませんか？ でも実

          NoCode学生会

          【bubble】 小技テクニック集3！！！

          NoCode学生会

          .bubbleのレスポンシブデザイン（初級編）

          こんにちは！NoCode学生会運営の岩田史門（しもん）です！ 今回はレスポンシブデザイン対応の基礎知識と.bubbleでの実装方法について説明していきます！.bubbleでお仕事を受けて開発するうえでは必須の技術になるので、楽しみながら学んでいきましょう(^▽^)/ 1.レスポンシブデザインの基礎知識そもそもレスポンシブデザインとは何かご存じでしょうか？ レスポンシブデザインとは、スマホやPC、タブレット端末など、画面幅が変わるときでもページのレイアウトを崩すことなくき

          NoCode学生会

          .bubbleのレスポンシブデザイン（初級編）

          NoCode学生会

          bubbleを勉強するならフォロー必須のTwitterアカウント5選！！！

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は、 「.bubbleを勉強するなら絶対にフォローしないと人生の半分損するぞ！」ってアカウントを紹介したいと思います！ .bubbleの日本語情報はまだネット上には少ないので、Twitterでの情報収集はめちゃくちゃ重要になってきます！僕自身、Twitterでの情報で超助かっています！なのでこのnoteを読んで、情報収集の効率化に役立ててください！ また、以下に「NoCodeを勉強するならフォ

          NoCode学生会

          bubbleを勉強するならフォロー必須のTwitterアカウント5選！！！

          NoCode学生会

          .bubbleにAirtableの問い合わせフォームを埋め込む方法

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は.bubbleで問い合わせフォームを扱う方法について紹介しようと思います！では、いきましょう！ 問い合わせフォームを埋め込む方法まず、Airtableで問い合わせフォームを作りましょう。 メニューから「Form」を選択します。 赤枠の部分をクリックして、フィールドを増やしましょう。そして、フィールドを必要に応じて編集します。 編集が完了したら「Share form」をクリックしましょう。

          NoCode学生会

          .bubbleにAirtableの問い合わせフォームを埋め込む方法

          NoCode学生会

          .bubble初心者あるある！！！

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は.bubbleの初心者あるあるを言いたい〜（レイザーラモンRG風）ってことで紹介していきます(笑) これは僕が実際につまづいてきた場所なので、参考になると思います！ では、いきましょう！ .bubbleたまにバグりがち！これマジであるあるです！(笑) 99%は自分のミスだったりするのですが、1%だけガチでバグります(ファイルがアップロードできなかったり、レスポンシブデザインが反映されなかった

          NoCode学生会

          .bubble初心者あるある！！！

          NoCode学生会

          .bubbleのWebアプリを公開する方法

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は、.bubbleで作ったアプリを実際に公開する方法を紹介したいと思います！では、いきましょう！ 開発バージョンと本番バージョンについてまず知っておくべき知識として.bubbleでは、Development Version（開発バージョン）とLive version（本番バージョン）という2つのモードがあります。 これは何かというと、 Development Versionとは、アプリ開発する

          NoCode学生会

          .bubbleのWebアプリを公開する方法

          NoCode学生会

          Bubbleの右クリックの操作について

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は、よく使うbubbleの右クリックの操作について説明します！右クリックの動作を上手く扱えるようになれば格段と作業効率が上がります。 なのでしっかりマスターしてください！では、いきましょう！ 実践動画こちらの動画に右クリックの動作を実践しています！この動画の下の「主要な右クリックの操作一覧」に紹介してある操作の順で説明しているので、パソコンで動画を、iPhoneなどでnoteを見て同時に視聴する

          NoCode学生会

          Bubbleの右クリックの操作について

          NoCode学生会

          【bubble】 小技テクニック集2！！！

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は、Bubbleの小技テクニックについてさらに紹介したいと思います！これを活用すれば色々な場面でショートカットできます！なのでしっかりマスターしてください！ テキストスタイルを作ろう！Webサイトなどを作ろうとしたときにわざわざフォントやサイズなどを毎回毎回設定し直すのって面倒ですよね... そんな時のために、.bubbleでは「テキストスタイル」というものを作れます！これはページのタイトルの

          NoCode学生会

          【bubble】 小技テクニック集2！！！

          NoCode学生会

          初心者向けIT用語集

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は初心者向けIT用語集ということでよく使われるIT用語を紹介していきたいと思います！ 僕が初心者の頃はそもそもITのことを全く知らなかったので用語を調べることにとても時間を割いてきました。なのでこの記事を見て僕のようにならないようにしてください！では、いきましょう！ UIとは？UIとは「ユーザー・インターフェース」の略で、直訳するとユーザーとの接点になります。つまり、アプリやWebサイトの見

          NoCode学生会

          初心者向けIT用語集

          NoCode学生会

          【bubble】 小技テクニック集1！！！

          こんにちは！NoCode学生会のほうた（@Houta_NoCode）です！ 今回は、Bubbleの小技について紹介したいと思います！これを活用するだけでショートカットできるので絶対に覚えておきましょう！では、いきましょう！ ⌘Gを活用しよう！noteの資料を見て勉強する際に、「fixed widthっていう表示ってエディタのどこにあったっけ？」みたいな感じに機能の表示自体を探すのに最初は時間がかかって勉強が捗らないことがあると思います。 そんな時は⌘G（Macのみ）を使っ

          NoCode学生会

          【bubble】 小技テクニック集1！！！

          NoCode学生会

          .bubble x SendGrid メールをもっと効率的に

          こんにちは！NoCode学生会会長のRyoです！ 今回はメールサーバーのSendGridをbubbleと連携させてbubbleサービスのメールをさらにカスタマイズする方法をお教えします！ それでは早速行ってみましょう！ SendGridとは？SendGridとはbubbleでデフォルトで使われているメールサーバーです。 SendGrid(https://sendgrid.kke.co.jp/)のサービスでしっかりとメールテンプレートを作成することでbubbleでのメー

          NoCode学生会

          .bubble x SendGrid メールをもっと効率的に

          NoCode学生会