今回はGlideを使ってみました。前回のAdaloに引き続き、ノーコードのアプリ開発ができるツールです。 GlideはGoogleスプレッドシートを用いてモバイルアプリを作成できるノーコードツールです。 このツールは以前ノーコードについて調べたときに、アプリ作成が素早く作成できるということを聞いて気になっていたものです。 「いなぎお弁当マップ」というアプリはなんと1日で作成されたと話題になったこともあります。 https://inagiobento.glideapp.io/ 今回も、日本語版が無いということで入門記事を見ながら勉強することにしました。 ですのでAdaloの時と同様に、使い方というより私自身の興味を持ったポイント中心の記事なります。 ↓が参考にさせていただいた記事です。 https://mogi0506.com/glide-tutorial/ 本当にすぐできた スプレッドシートを用いるタイプは初めてだったので、これでどうアプリが作成されるのか？と不思議に思っていたのですが、 「New App」→「Google Sheets」→スプレ

これまではサイトやブログ作成中心にやってきていたので、アプリを作ってみたいと思いまして、今回はAdaloというノーコード開発ツールを使ってみました。 ノーコードで調べたときにあちこちで紹介されていたので、前からちょっと気になってたんですよね。 ただ、Adaloは日本語非対応なのでちょっと不安もあり（そこまで難しい英語は出てきませんが）、今回はこちら↓の記事をチュートリアル代わりに触ってみることにしました。 https://qiita.com/wakiwaki/items/e969e9a207363cf3da96 ただやったことを並べるだけでは上記の記事と同じになってしまうので、実際に使っていて私が感じたことなどを中心にした記事となっています。 テンプレートはあんまり多くない。でもアレンジは効く Adaloのテンプレートの数はあまり多くありません。無料版で使用できるテンプレートは モバイルなら（Blank除き）6種類 Blank Directory Chat To-Do List Ordering Coaching Appointments WEB

ニュース記事紹介、今回はアバター関連です。 アバター関連といってもざっくりしたもので、一つはロボットアバターで、あと二つがバーチャル空間でのアバターについてです。 ロボットの方は、このコロナ禍で遠隔でのコミュニケーションのこれからのあり方について興味があったので、バーチャルの方は、趣味でたまに３Dモデルを作成したり動かしたりするので、興味があり紹介することにしました。 https://style.nikkei.com/article/DGXMZO58566760Y0A420C2000000?channel=DF130420167231 ビジネス・ブレークスルー大学で、ロボットアバターを用いて卒業証書授与式が行われたというニュース。 情緒的なセレモニーを無機質なロボットが？というミスマッチ感を想像してしまいましたが、想像していたよりも機械的な雰囲気になるわけではないようでした。 ロボットであろうと操作者の人間がいる限り動きに個性が出る、という当然のことが、強烈なビジュアルで頭から飛んでいました。 別のニュースのことですが、身体的な不自由を抱えている

いずれWordPressを本格的に使っていく予定なので、ひっかかったところや気づいたことなどを備忘録のような感じでまとめてみる記事です。 初心者故か説明を見てもピンと来ないところも多かったので…。 ブロックエディター まず、WordPressのエディターはブロックエディターと呼ばれるのですね。 名前が分かって調べやすくなりました…。 WordPressはWixやSTUDIOとエディターの仕組みが違うので、結構苦戦しています…。 あらゆるパーツがブロックという単位になっており、ブロックの中にブロックを入れることもできます。 「ブロックの追加」→「すべて表示」で表示されるサイドバーからブロックの種類を選択して配置していきます。 ブログパーツ的なものをどこで追加できるのかずっと探していたのですが、ここだったのですね…。ウィジェットしか見つけられていませんでした。 また、よく見ると画面下部に「 文書 → カバー → Layout Grid 」とありました。 現在選択しているブロックの位置が確認できるようになっているようです。 Layout Grid La

このブログのモバイル版の画面をあまり触っていなかったことに気づいたので、画面作成時に気づいた機能についてなどについて書いていこうと思います。 メニュー＆ページ 「サイドメニュー」でページ移動と、モバイル版でのメニュー項目の非表示設定ができます。「ブログページ」では、ブログ一覧と記事ページへの遷移・編集ができます。 簡単に複数の画面をまたいで編集するための機能ですね。 モバイル背景 モバイル版での背景を設定できます。 画像だけでなく動画も使用することができますが、このブログでは使いどころがあまり見つけられなかったので単色のままです…。 うまく使用できればおしゃれなサイトが作れると思います。 モバイルツール モバイル画面だけの要素を設定できます。 問い合わせ・メール・電話・ソーシャルリンクなどの固定メニューを表示する「モバイルアクションパッド」 画面上部へ移動できる「トップへ戻る」ボタン ホームページを開いた時の「ウェルカム画面」 アドレスバーの色「Chromeテーマカラー」 以上を追加・設定することができます。 今回は「トップへ戻る」ボタンを設置し

IT関連で気になった記事をピックアップして感想などを述べてみるシリーズ（？）です。 どちらも日経新聞から。 https://www.nikkei.com/article/DGXZQOFK311FY0R30C21A3000000/ てっきり全体的に進んでいくものかと思っていたのですが、 新型コロナがあったがために一方ではAI活用に積極的になり、一方ではそんな余裕がなくなってしまったということのようです。 コロナ禍が過ぎた後、この二極化はどのような影響が出るのでしょう？ 社会全体がアップデートされるというより、ついていけなかったものは旧態依然という差がくっきりでてしまうのでしょうか。 導入企業がすべてAIを本当に有効活用できているかはわかりませんが… https://www.nikkei.com/article/DGXZQOUC190XJ0Z10C21A4000000/ COCOAは配信前からなにかとよくない意味で話題になっていましたね。 この返納額が具体的にどういう業務に相当するのかよくわかりませんし、 この件は厚労省側にもいろいろ問題がありそうで

Wix,STUDIOに続いて、今回はWordPressについて書いていこうと思います。 ですがWordPressはノーコードでのCMSの中では非常にメジャーなので良質な紹介記事はいくらでもありますし、非常に多機能ゆえに少し触った程度では全体を知ることはできません。 ですので、この記事ではWordPressのサイトデザイン方面での機能を中心に、特徴等をピックアップしていきます。 テーマの変更 サイト管理画面のサイドメニューの「外観」→「テーマ」で、サイトのテーマを選択することができます。Wix・STUDIOで言うテンプレートです。 ビジネスプランやプレミアムプランを利用すると、有料テーマもすべて使用できるようです。 無料で選択できるテーマはそこまで多くありませんが、次で紹介する「カスタマイズ」で簡単にアレンジできます。 カスタマイズ サイト管理画面のサイドメニューの「外観」→「カスタマイズ」で、テーマのカスタマイズができます。 ここで編集できる項目はWix・STUDIOではエディター画面で編集するものでした。 WordPressではテーマ（テンプレ

前回はSTUDIOのチュートリアルについての記事でしたが、今回はチュートリアル後、 つまりエディターでのサイト作成について書いていこうと思います。 ちなみに無料版です。 Project List ログインするとProject List、作成したサイトの一覧が表示されます。 「新規プロジェクト作成」から、「Blank Site」と「CMS Basic」のどちらで始めるかを選択することができます。 「Blank Site」を選択すると、全くの白紙状態から、 「CMS Basic」を選択すると、新規CMSプロジェクトを作成できます。 Project List画面を下にスクロールすると、テンプレートを選択することができます。 作りたいサイトの種類で絞ってから選択することもできます。 あまり種類は多くありませんが、初心者にはいきなり白紙はきついということもあると思いますので、練習にはちょうどいいと思います。 ダッシュボード 記事やライターの設定、タグ、カテゴリ等の管理ができる画面です。 有料版がどのようなものか見れていないので、これが無料版だからなのかもわ

Wixを触る前に、似たWEBサイト作成サービスであるSTUDIOを試したことがありました。 STUDIOもWixと同じく、基本的にドラッグアンドドロップでパーツを配置でき、直感的な操作が可能です。 軽く触っただけですが使用感の違いは感じられたので、Wixと比較しつつ、STUDIOの使い方と感想について書いていこうと思います。 今回は始め方からチュートリアルについてです。 チュートリアルの流れ https://studio.design/ja 始めるには上記リンクの「無料ではじめる」をクリックします。（下画像の右上） すると、新規登録画面が表示されます。 FacebookまたはGoogleアカウントを利用してログインします。 するとチュートリアルが開始されます。 画像ボックス追加 最初に、ドラッグアンドドロップで画像ボックスを追加します。 ドラッグの動きを示してくれているので何をすればいいのかはわかりやすかったです。 ボックスを配置したら、ガイド線までサイズの調整をします。 画像変更・フィルター 続いて、画像の変更をします。 画像はダブルクリックを

はじめに 様々なデジタルサービス間の連携を自動化する、Fair-code なツール、n8nの紹介です。 https://n8n.io/ 今日は簡単な紹介だけですが、何回かに分けて使い勝手も紹介したいと思います。 「なんて読むのか？」 Githubのページによると、「ノードメーション、略して　エヌ・エイトゥ・ン」とのこと。ノード間の連携のオートメーションを Node.js でやるというような思いだそうです。 https://github.com/n8n-io/n8n 連携出来るノード 連携出来るノードの数は、現時点で 200 ほどあるとのこと。 https://n8n.io/integrations Zapierが More than 3,000 apps, better together と言っているので、ちょっと見劣りするかもしれませんが、必要なものがないか探してみてはいかがでしょうか？ とりあえず動かしてみます npx npx n8n npm npm install n8n -g n8n Docker docker run -it --rm

ワードファイルをどうにかしたくて。markdown に出来れば扱いやすいし検索もしやすいだろうということで、pandoc を試しました。 環境は WSL / Win10 インストールは 実行は 実行結果（docx の画像は media というフォルダの下に置かれているらしい） 左が出来た md ファイル、右が表示した様子。右寄せの情報は消えています。でも重要じゃないので不要。既にワードファイルがあるなら、体裁が必要な時にはワードをそのまま使えばいいでしょうし。。 大量にワードファイルがあるならば、バッチ処理で md ファイルにしてしまってブラウザで表示出来るようにすれば、再利用できる情報が増えるかもしれません。 * その他にLibreOffice を使う Ruby の gem も試してみました、またいつか。。 https://www.moongift.jp/2015/04/word-to-markdown-word%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92markdown%E3%81%AB%E5%A

コーディングの知識、経験が無くてもWEBサイトやWEBアプリを作成できる、いわゆる「ノーコード」ツール。このブログもその一種である「WIX」を用いたものであり、私が初めてノーコードツールで作成したものです。 ほか２つほど別のツールに触れたが、ひとまずこのWIXを利用することで落ち着いたので、使用感などをメモしておきます。 まず、WIX ADIでブログのテンプレートを使用して大体のレイアウトを作成。 レイアウトはいくつかのブログを参考に構成。 その後WIX エディターの方に移行して、テキストサイズ・パーツ追加・パーツ配置を調整。 やはりWIX ADIが、サイト作成初心者にとって非常に便利だと思います。 WIX ADIは、WIXで新しくサイトを作成する時に、ADIでの作成を選択すると利用できます。 「どのようなサイトを作りたいか」「何の機能が欲しいか」「どんなデザインにしたいか」などのいくつかの質問に答えていくことで、AIがサイトを作成してくれます。 こういったツールで白紙の状態からスタートはハードルが高いです。 ですので、だいたいの形をADIで作成

毎年ではないにしても、結構、吉野まで行きます。 でも、桜を見れたことがほとんどありません。 いつもほとんど散ってしまってから。 今年は2週間雨続きだったので、ほとんど桜は無い状態。 でも、とても良い天気で、新緑がきれいな中、気持ちの良い散策が出来ました。 コロナも増えている中なので、ただ歩くだけでしたが、木々に囲まれて居る時間が取れるというのは贅沢なものだとあらためて。