Build applications faster than ever Create beautiful UI, generate clean code, and deploy to the app stores or web in one click. Fully extensible with custom code.
どうも、まさとらん(@0310lan)です! 今回は、GitHubのプロフィールページを自分好みにカスタマイズできるウィジェットやツールなどを厳選してご紹介します! 統計情報の可視化、グラフ、ブログの更新、アナリティクス、自動化…など、幅広く役に立つものをまとめています。無料で使えるツールばかりなので、ご興味ある方はぜひ参考にしてください! ■独創的なコントリビューショングラフの作成! GitHubでの活動状況を可視化してくれるコントリビューションのグラフは、当然ながらプロフィールページにも表示できます。 ただし、見た目はどのユーザーも同じなので、自分のプロフィールページを訪問してくれた人にちょっとでも印象に残るようなグラフを埋め込んでみましょう。 例えば、コントリビューションを「スネークゲーム」のように表示することができます! グラフのドットを、ヘビが少しずつ食べていくという楽しい仕掛け
近年 Bubble や Webflow、日本だと STUDIO などのノーコードプラットフォームが注目を集めています。これらのツールは、プログラミングの知識がなくてもユーザーが思い思いの UI を構築できる機能を提供し、アプリケーション開発の民主化に貢献しています。 このようなノーコードでユーザーが自由に UI を組み立てる仕組みはどのように構築されているのでしょうか。一見複雑に見えますが、基本的な考え方を理解すれば独自のエディタを構築することも不可能ではありません。アーキテクチャの中核となるのは、動的な UI コンポーネントを表現するスキーマ定義と、それを実際の UI 要素に変換する仕組みです。この過程では、データのバリデーション、データ型の絞り込みと UI コンポーネントの動的生成、そしてそれらの適切な配置が重要な役割を果たします。 本記事では、ユーザーがブラウザ上で UI を自由に構
大学在学中&休学中に複数のIT系スタートアップでのインターンやベンチャーキャピタルでのリサーチバイトを経験後、フリーランスとして独立。現在は「TechCrunch Japan」などでスタートアップ企業のプロダクトや資金調達を中心としたインタビュー・執筆活動を行っている。 From DIAMOND SIGNAL スタートアップやDX(デジタルトランスフォーメーション)を進める大企業など、テクノロジーを武器に新たな産業を生み出さんとする「挑戦者」。彼ら・彼女にフォーカスして情報を届ける媒体「DIAMOND SIGNAL」から、オススメの記事を転載します。※DIAMOND SIGNALは2024年1月をもって、ダイヤモンド・オンラインと統合いたしました。すべての記事は本連載からお読みいただけます。 バックナンバー一覧 ノーコードアプリ作成プラットフォーム「Appify」を手がけるAppify T
どうも、まさとらん(@0310lan)です! 今回は、万能なドキュメントサービスとして知られる「Notion」で作成したドキュメントを、誰でも簡単に一般的なWebサイトに変換して公開できるサービスをご紹介します。 基本的な機能はすべて無料で使えるうえ、とにかく簡単な操作でWebサイトに変換できるのが特徴です。また、ボタンやヘッダーメニューなども手軽に追加できます。 手っ取り早くWebサイトを作って公開したい方も含めて、ご興味ある方はぜひ参考にしてください。 【 Popsy 】 ■「Popsy」の使い方 「Popsy」はNotionで作成したドキュメントを手軽にWebサイトへ変換してくれるサービスです。そのため、まず最初にNotion側で何らかのページを1つ用意する必要があります。 自分で用意しても問題はありませんが、「Popsy」にはさまざまなWebサイト向けのNotionテンプレートが提
この記事は新野淳一氏のブログ「Publickey」に掲載された「[速報]マイクロソフト、Power Automateに自然言語の指示でフローを生成する新機能。Ignite 2022」(2022年10月13日掲載)を、ITmedia NEWS編集部で一部編集し、転載したものです。 米Microsoftは現在開催中のイベント「Microsoft Ignite 2022」で、サービス連携機能やRPA機能などを備えたローコード/ノーコード開発ツールの「Power Automate」に、AIによって自然言語による指示を認識し、フローを自動生成する機能を搭載したことを発表しました。 Power Automateは、さまざまなコネクタにより複数のサービスやアプリケーションをワークフローのように接続する機能と、マウスやキーボードなどの操作をソフトウェアで自動化するRPAの機能などを搭載したサービス連携サー
どうも、まさとらん(@0310lan)です! 今回は、DiscordやSlackで動作するボットを、誰でも簡単に開発できるWebサービスをご紹介します! ボットの動作を直感的で分かりやすいフローで可視化していて、必要な箇所をカスタマイズするだけで、思い通りのボットがノーコードで開発できます。作成したボットを無料でホスティングもしてくれるので、即座に運用できるのも魅力です。 ボット開発にご興味ある方は、ぜひ参考にしてください! 【 Dots 】 ■「Dots」の使い方! それでは、「Dots」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトにアクセスして、「Sign up」ボタンから、無料のユーザー登録を済ませておきます。 メールアドレスとパスワードを設定しましょう。 作成したいボットのプラットフォームを選択します。今回は、「Discord」を選んでみました。 ボットのアクセ
どうも、まさとらん(@0310lan)です! 今回は、さまざまなWebサイトのURLを入力するだけで、すぐに取り込んでコメントや編集ができるようにしてくれるサービスをご紹介します。 コメントを使った意見交換だけでなく、各要素のスタイルやテキスト・画像などを編集したコンテンツを意見として投稿できるのが特徴です。 シェアも気軽にできるので、お手軽なコラボツールとしてご興味ある方は参考にしてください! 【 Ruttl 】 ■「Ruttl」の使い方 それでは、「Ruttl」をどのように使えばいいのか詳しく見ていきましょう! まずはサイトにアクセスして【Get Started】ボタンから無料のユーザー登録をしておきます。 メールアドレスとパスワードを設定するだけなので簡単です。 次に、自分のアバターを設定したら以下のようなダッシュボード画面になります。 この画面から新規プロジェクトの作成・管理が行え
iOSエンジニア歴も早5年目となりました。 その経験を活かして、iOSアプリのテスト自動化サービス「SmartQA」を作りました! 今回の開発では、Firebaseが大活躍してくれました。 SmartQAをリリースする上で、AppiumやFirebaseの技術的な知見をここに残せたらと思います。 概要 SmartQA - E2Eテスト自動化をノーコードで ビルドをアップロードするだけで、ブラウザ上で簡単にテストの自動化ができます。 UIが変わってしまった場合でも、要素探索を自動で修復してくれます。 複数端末対応しているので、「iPhone SEやiPadだとクラッシュしてしまった」なんてことも検知できます。 現在はiOSアプリのみ対応しております。 私について 10歳の頃にアセンブリに出会ったのがきっかけで、プログラミングの世界にのめり込みました。 どんなプログラムも足し算・引き算・比較・
どうも、まさとらん(@0310lan)です! 今回は、さまざまな植物の3Dモデルをビジュアルプログラミングで簡単に作成できるちょっと変わったWebサービスをご紹介します! ブロックを組み合わせるだけの簡単操作で、本格的な3Dモデルをリアルタイムに生成できるのが特徴です。完全無料で利用可能なうえ、ゲームはもちろんWebサイトのアクセントにも使えるのでご興味のある方はぜひ参考にしてください! 【 Plantarium 】 ■「Plantarium」の使い方 それでは、「Plantarium」をどのように使えばいいのか詳しく見ていきましょう! 利用する際にログインなどは一切不要で、サイトにアクセスしたら画面左上のメニューから【new】ボタンをクリックします。 すると、3Dモデルを作成するためのWebエディタが表示されます。 この画面からブロックを組み合わせて自分の好きな植物を作成したり、ファイル
Use Amazon Honeycode to build custom apps that help your team manage work and achieve its goals. No programming required.
プログラミングを習得する時間がなく、アプリの開発に踏み出せない方もいることでしょう。エンジニア不足を補う方法として期待されているのがノーコードによるアプリ開発です。今回はノーコードでアプリを開発するメリットやデメリット、具体的な開発ツールなどを紹介していきます。 アプリ開発で知っておきたいノーコードとは? 一般的にプログラミング言語はさまざまな種類があり、それぞれコードの記述ルールが異なります。初心者から見ると、アプリ開発でどの言語を学べばよいのかわかりづらいだけでなく、独学での学習に不安を覚える方もいるでしょう。その点、ノーコード開発はプログラミングをしなくてもアプリを開発できる手段です。具体的にはノーコード開発をするためのプラットフォームをさします。もともとアメリカのIT起業家や個人プログラマーなどによって開拓された分野でしたが、日本でもITエンジニアの人材不足を補う手段として期待され
Bubbleとは なぜ Bubble なのか? WordPress との比較 Bubble で作られた Webアプリ MirrorMirror Clarify Qoins Bubbleの始め方とレッスンについて アカウント作成手順 あとは作るだけ 具体的なアプリの作成方法 twitter のような簡単な SNS をBubble で作ってみる(入門者向け) 元号ジェネレーター OGP画像 かんたん作成 Bubble で作る「4択クイズアプリ」 Bubble で作る「フラッシュカード」 Bubble でログイン処理をしてみよう! まずは私の一番のお気に入りである Bubble (バブル)のことについて紹介します。 Bubbleとは Bubbleは、ノーコードでWebアプリなどを開発することができるサービス開発ツール(サービス)です。無料から使うことができる上に、ビジュアルプログラミングに対応し
プログラミング不要!Googleスプレッドシートにテキスト・画像を入れるだけで全自動でアプリが完成。ノーコードアプリ制作ツール「MagicInstructions」提供開始〜必要情報を入力するだけで最短10分でアプリが完成〜 株式会社NappsTechnologies(代表取締役:榎本友幸、以下、「NappsTechnologies」)は、Excelのように使える、Googleスプレッドシートに写真やテキストを埋めるだけで、プログラムコードを書かずに全自動でスマホアプリを作成できる、国産ノーコードツール「MagicInstructions」の提供を3月29日(月)に開始したことをお知らせいたします。リリース記念キャンペーンとして、4月30日まで、「Webアプリの公開無料キャンペーン」を実施いたします。 ■MagicInstructionsとは? 商品、お店のストーリ、導入事例、そして人材
ノーコードツール(Make)で作ったLINE botはこちら ※非公開のワークフローのためRunOnceを実行していますが、公開している場合は不要です 前提 なぜノーコードツールを使いたいのか ある程度LINEを知っているエンジニアであれば、今回動画にした内容をコード化するのは難しいことではありません。コード化した場合は、より柔軟なフローを実現することができ、またトラフィックの多いアプリケーションであれば実行基盤にかかるコストを削減することも可能になります。 ではなぜノーコードツールを使いたくなるのでしょうか。現時点で私が感じている理由は以下になります。 そもそもコードを書けるエンジニアがいない サクッと作れるエンジニアがいたとしてもコードを保守しきれない ライブラリのバージョンアップなど日々やらなければいけないタスクはたくさんある 小さいものを何でもかんでもコード化してしまうと技術スタッ
新しいシステム開発手法として急速に注目を集めているノーコード開発。マイクロソフトのPowerAppsやAWSのHoneyCodeなどグローバル大手もサービス提供を始めている。このノーコード開発の世界を先取りしてきたのが、2011年にサービススタートしているサイボウズのkintoneだ。現場でアプリを作れる画期的なサービスである一方、SIerにとっては脅威にもなりかねない。果たしてノーコードは敵か? 味方か? コードが書ける人にとっても書けない人にとっても、ノーコードツールは味方 Cybozu Days 2020で開催されたパネルディスカッション「敵か?味方か?仁義なきノーコード談義」では、ノーコード開発をどのように活かしていくべきかという議論が交わされた。参加したのはTECH.ASCII.jp 大谷 イビサと、アールスリーインスティテュートの取締役、金春 利幸氏。TECH.ASCII.jp
どうも、まさとらん(@0310lan)です! 今回は、誰でも簡単に3Dゲームを開発して公開できる無料のWebサービスをご紹介します! ゲームに必要な3Dオブジェクトの作成から仮想世界の構築まで、すべてこのサービスだけで完結できるのが大きな特徴です。無料で使えるゲーム素材も提供されていて、誰でも今すぐゲーム開発を始められます。 ご興味ある方は、ぜひ参考にしてください! 【 dot big bang 】 ■「dot big bang」の使い方! それでは、「dot big bang」をどのように使えばいいのか詳しく見ていきましょう! まずは、サイトのトップ画面にある【Sign Up】から無料のユーザー登録を済ませておきます。 ユーザー名を入力したらボタンをクリックしてください。 次にメールアドレスとパスワードを設定したら、登録したメールアドレス宛に認証リンクが送付されるので、それをクリックしま
どうも、まさとらん(@0310lan)です! 今回は、さまざまなWebサービスが提供する「.new」ドメインを用途別にカテゴライズしてご紹介します! 例えば、Googleであれば「sheets.new」というドメインにアクセスすると、新規のスプレッドシートが作成できます。同じように、他のWebサービスにも多彩な「.new」ドメインが提供されています。Web開発やデザイン、ドキュメント作成など、さまざまなシーンで活用できるものばかりです。 その中でも、本記事ではなるべくログインせず、アクセスするだけで即座に起動できるWebサービスを厳選しています。 ご興味ある方は、ぜひ参考にしてください! ■「js.new」でJavaScriptによるWeb開発をする! 【 js.new 】 「js.new」もしくは「ts.new」とブラウザのアドレスバーに入力してアクセスすると、JavaScript /
アプリの開発にはプログラミング力が必要なのは分かってるけど、正直それが簡単に習得できるようなら誰も苦労しないよ・・・。 よくある悩みですが、ノーコードを活用することで誰でも簡単にアプリ開発ができるようになるため上記の課題はクリアになるはずです。 本記事では、そんなノーコード開発ツールの中でも汎用性が高く高度なアプリが作れるBubbleについて紹介していきたいと思います。 Bubbleとは?柔軟な開発が可能なノーコードツール Bubbleとは、ソースコードを記述することなくWebアプリ開発ができるサービスです。 従来のプログラミング開発のようなコーディングは不要で、ドラッグ&ドロップの直感的な操作だけでWebアプリ開発ができてしまいます。 Bubbleは数あるノーコードツールの中でもトップクラスの利用者数を誇るため、ノーコードツールの代表的な存在とも言えるでしょう。 そんなBubbleは設定
SAP、ローコード/ノーコードツールベンダ「AppGyver」買収を発表、React Nativeベースの業務アプリを生成。売上げ10億円以下の企業や個人には無料で提供 業務アプリケーション大手のSAPは、フィンランドに本社を置くローコード/ノーコードツールベンダ「AppGyver」の買収を発表しました(SAPの発表、AppGyverの発表)。 .@SAP has acquired @appgyver Oy, a pioneer in no-code development platforms. Read the news https://t.co/nPhASFQxKZ pic.twitter.com/0Nx5C4tCXf — SAP News (@SAPNews) February 11, 2021 AppGyverは、開発環境の画面上でユーザーインターフェイスやロジックをドラッグ&ドロ
株式会社NappsTechnologies(代表取締役:榎本友幸、以下、「NappsTechnologies」)は、「Figma」のデザインデータをアプリに自動変換し、UXデザイナーだけでアプリの仮説検証ができる、仮説検証プラットフォーム「MagicInstructions2・α版」の提供を9月16日に開始したことをお知らせいたします。α版期間中(※1)は無料でお使いいただけます。 ■MagicInstructions2とは? Figmaのデザインデータから自動的にアプリを作成することで、仮説検証をリードするUXデザイナーだけで、プロダクトの仮説検証を始められる仮説検証プラットフォームです。これまで開発者によるプログラミングを必要としたプロダクト開発を、デザイナーだけで行うことで、プロダクトの仮説検証を高速化できます。 ■MagicInstructionsのメリット Point1 : Fi
どうも、まさとらん(@0310lan)です! 今回は、面倒な設定不要で誰でも簡単に手描きのマンガ・イラストをアニメーション化できる無料のWebサービスをご紹介します! 画像をアップロードするだけで、キャラクターの抽出からボーン構造の埋め込みまでAIが自動的に最適化してくれるのが大きな特徴です。とにかく自分の描いたキャラクターが、リアルに動きだす瞬間をぜひ楽しんでみてください! 【 Animated Drawings 】 ■「Animated Drawings」の使い方 それでは、「Animated Drawings」をどのように使えばいいのか詳しく見ていきましょう! 利用するにあたり、ユーザー登録や特別な初期設定は不要です。サイトにアクセスしたら、【Get Started】ボタンをクリックしてください。 すると、画像をアップロードするためのエディタが表示されます。 この画面から手描きのマン
あなたも年収アップを実現しませんか? 経験や年齢、性別に関わらず、多くの方がエンジニア転職を実現しています。 卒業生は、転職後1~3年で平均年収144万円UP! さらに、仕事の満足度や自由度も向上。 市場価値を上げたい方、自由に働きたい方は、ぜひお気軽に無料カウンセリングにご参加ください。 カウンセリングはこちら >
DialogflowはGoogleが無料で提供している、簡単にチャットボットを作成できるサービスです。今回はDialogflowを使って、少し複雑な会話ができるAIを作りたいと思います。 まずは、返事に名前を聞くフレーズを追加し、「SAVE」をクリックします。なお、単純な挨拶の設定については以前ご紹介しました。詳しくは以下の記事をチェックしてください。 SAVEが完了したら、Intentsの一覧画面に戻ります。「First」という文字の右にある「Add follow-up intent」という文字をクリックします。この設定をすることで、会話の続きを追加できます。さまざまな種類のテンプレートがありますが、今回はcustomを選択します。 Firstの下に「First-custom」が追加されたらクリックします。 ここで、名前を入力するのですが、名前は人によって違うので、変数として扱います。
AIの産業利用が叫ばれる一方で、AIモデルを構築できるデータサイエンティストやエンジニアの数は不足している。そんな中、AIを知らずとも、プログラムが学習データに適したAIアルゴリズムを自動で選び、良い精度で分析を行える「AutoML」(自動機械学習)を実装したAI自動生成ツールがこの2年ほどで増えてきた。日立ハイテクソリューションズの「AIモデラー」はその一つで、作業者はデータさえ入力すれば、後は数クリックの作業だけで高精度な分析結果を出力してくれる。 しかし、「数クリックで」といわれても本当にそれでできるのか、それで作ったAIを実業務に使えるのかは、説明を聞いているだけでは理解しにくい部分もある。 そこで今回は、AIモデラーを業務で利用している日立製作所の原山元希さん(社会イノベーション事業推進本部 スマートインダストリー開発部)と周祐梨さん(同)に実際の使用感や使い方のコツを聞いた。
米Microsoft(マイクロソフト)の「Power Platform」の特集記事を企画した。プログラミングすることなくワークフローやデータ連携などを組み込んだアプリケーションを開発できるプラットフォームのことだ。 筆者はPower Platformに精通しているとは言い難いので、今回は寄稿の形を取った。ただ「プログラミングができる記者」を自認している者としては、単に特集に書かれている内容をトレースするだけでなく、自分でも何かを作りたいという気分になる。こうしたツールは実際に何か作ってみるのが理解する一番の方法だと思うからだ。 なかでも気になったのがSaaSなど複数のサービスを連携させるiPaaS(Integration Platform as a Service)の「Power Automate」。この機会にマイクロソフトが提供するサービスだけにとどまらず、サードパーティーのサービスと連
ノーコード開発プラットフォームClickの特徴 ノーコードジャパンでは10月よりβテストを実施し、ユーザーからのフィードバックを元に随時、機能を拡充させてまいりました(βテスト参加者1324人)。「Click」には以下の特徴があります。 ・シンプルなUI/UXと直感的な操作 「Click」は、ドラッグ&ドロップを基本とした直感的な操作を基本としています。アプリケーション開発に必要な各種エレメントを用意しており、気の赴くままにドラッグ&ドロップで、エレメントを組み合わせていくことで、簡単にアプリケーションを開発することができます。 ・初心者でも扱えるデーターベース設計 「Click」のデータベース設計に、専門的知識は必要ありません。アプリケーションに必要な情報はデータベーステーブルで簡単に管理することが可能で、随時、更新して反映させることが出来ます。 Clickの今後の予定 今回は、無料プラ
AirTableは2012年にスタートしたサンフランシスコ・ベイエリア発のクラウドデータベースのサービスです。 小難しいデータベースと違い、GoogleスプレッドシートやExcelの操作感で簡単に使用できます。 操作感はExcelのままで、入力チェックや絞り込み、複数シートにまたがるデータの整合性チェックは一般的なデータベースの機能になっているので、Access+Excelというイメージです。 1.業務システムに寄り添う表示切り替え機能業務システムとして使用する場合、上記のようなExcel表示だけだと少し物足りないですよね。 AirTableではワンクリックで、様々な表示に切り替えることが可能です。 例えば、カレンダー表示。これは、日付項目を参照して表示しています。 ユニークなのが、カンバン形式の表示もあります。 2.強力な入力チェック機能ExcelやGoogleスプレッドシートでは、入力
マイクロソフト、RPAツールの「Power Automate」強化へ。RPAベンダのSoftomotiveを買収、統合 マイクロソフトはRPA(Robot Process Automation)ツールベンダの「Softomotive」の買収を発表しました。 マイクロソフトのRPAツールである「Power Automate」との統合により、同社のRPAツールを強化する狙いがあります。 .@Microsoft has acquired @Softomotive, accelerating automation innovation to provide customers with an even faster and more robust robotic process automation service: https://t.co/wAq7Z74gjd pic.twitter.com/
あらゆる規模の高度な Web サイトの制作をサポートデザイン →複雑なデジタルエクスペリエンスをより直観的に制作できます。 開発 →カスタム機能を迅速に構築・デプロイできます。 AI 機能 →内蔵の AI ツールでワークフローを整理し、サイト制作を高速化します。 ビジネスソリューション →ネイティブツールを活用して多機能のビジネスサイトを構築できます。 ネットショップ →強力な EC ソリューションで、独自のネットショップを効率的にデザインできます。 管理ツール →プロジェクト、チーム、クライアントの一元管理に役立ちます。 CMS →ノーコードの動的コンテンツでサイト制作を加速できます。 SEO →高度な SEO 機能でクライアントの事業成長をサポートします。 マーケティングツール統合 →ネイティブおよびサードパーティアプリを統合して、サイトにより多くの機能を追加できます。 スキルアップと
SIも知っておくべき、ローコード開発でトラブルが起こる理由:特集:“コーディングのプロに嫌われない”ローコード開発(2) 「ローコード開発」に対する企業の関心が高まっているが、どう捉え、導入を進めればよいのか。考慮しておかなければならない点は何か。ガートナー ジャパンのアナリストに、ローコード開発の市場動向や注意点、今後の展望などを聞いた。 「ローコード開発」に対する企業の関心が高まっている。Amazon Web Services(AWS)やGoogle、Microsoftが新製品をリリースしたり、トヨタ自動車やマツダといった日本を代表する企業がローコード開発ツールを採用したりするなど、エンタープライズ市場も活発化している。 ローコード開発は、最低限のコードだけであるいは全くコードを書かずにシステム開発が可能なため、開発のスピードアップや低コスト化が見込める。一方で、「コードや成果物をどう
2023年には新規アプリの60%がローコード/ノーコードで開発される、IDC Japanが予測。過去1年で国内の導入率は4倍超に IDC Japanは国内のローコード/ノーコードプラットフォームの動向に関する調査結果を発表しました。 同社は「2023年には新規開発されるアプリケーションの60%がローコード/ノーコードプラットフォームで開発されるようになる」とした上で「ローコード/ノーコード開発がアプリケーション開発における標準のひとつになるまでにはそう時間はかからないだろう」と予測しました。 この予測は、2020年8月に同社が実施した調査(回答社数435社)での導入率が8.5%であったのに対し、約1年後の2021年9月に実施した調査(回答社数485社)では導入率が4倍超の37.7%と大幅に上昇したことなどによるもの。 同社はローコード/ノーコードプラットフォームの定義として、アプリケーショ
マイクロソフト、ローコード/ノーコード開発ツールのClear Softwareを買収、Power Platformのシステム統合機能を強化 マイクロソフトは、ローコード/ノーコード開発ツールベンダのClear Softwareの買収を発表しました。 Clear Softwareは、いわゆるiPaaS(Integration Platform as a Service)と呼ばれるサービスによって、SAPやOracleなどの業務アプリケーションを接続、統合し、業務アプリケーションをまたいだ連携システムを容易に開発できるようにするというものです。 マイクロソフトはClear Softwareを買収することで、マイクロソフトのPower Platformを強化するとしています。 Power Platformは、Power Apps、Power Automate、Power BIなどから構成されるマ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く