ReactNativeのボタンがiosとAndroidでは挙動が違うので代替。

2021.11.18

Logging

今日はReactNative(リアクトネイティブ)でアプリを制作しながら勉強している中で、ボタンを使ってみたら・・・iosとAndroidでは挙動というか見栄えが違うのですよ、ドキュメントにもそう書いていた?。なので、ボタンじゃなくてこちらを使用するほうが良さげです。

Color of the text (iOS), or background color of the button (Android).

こちら【TouchableOpacity】などを使用してボタンを作成しないといけないみたい。こちらで作るとios、Android同じ見栄え(デザイン)になります。作ってて思うことは師というかメンターがいればもっと効率的に開発できそうです。

師匠がほしい今日此頃・・・。

React Native Tutorial #8 – Touchable Components

以上、現場からでした。

import React, { useState } from "react";
import { StyleSheet, Text, TouchableOpacity, View } from "react-native";

const App = () => {
  const [count, setCount] = useState(0);
  const onPress = () => setCount(prevCount => prevCount + 1);

  return (
    <View style={styles.container}>
      <View style={styles.countContainer}>
        <Text>Count: {count}</Text>
      </View>
      <TouchableOpacity
        style={styles.button}
        onPress={onPress}
      >
        <Text>Press Here</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    paddingHorizontal: 10
  },
  button: {
    alignItems: "center",
    backgroundColor: "#DDDDDD",
    padding: 10
  },
  countContainer: {
    alignItems: "center",
    padding: 10
  }
});

export default App;

タグ

Android, background, button, color, from, import, iOS, of, OR, quot, react, ReactNative, Text, The, TouchableOpacity, useState, アプリ, こちら, こと, デザイン, ドキュメント, ネイティブ, ボタン, メンター, リアクト, , 今日, 今日此頃, 代替, 作成, 使用, 制作, 勉強, , 師匠, 挙動, 現場, 見栄え, 開発,

歩くことが楽しくなるピクミンブルームをスマホに?

2021.11.11

Logging

歩くことが楽しくなるピクミンブルームをスマホに入れていますか?、自分はまだこのアプリを入れていません。毎日のように歩いているので入れると楽しいのかなとは思いますが。ポケモンもスマホに入れたけれど遊ばなかったので、おそらくピクミンブルームもポケモンと同じ運命をたどるかなと思っています。なので、スマホに入れていませんが、楽しそうなゲームですよね。

Pikmin Bloom 紹介映像

歩くことが楽しくなるゲームだと思います。

ピクミンが好きな人でダイエットやウォーキングをしている人などはこのアプリをインストールすると励みになったり継続する力になることは間違いないと思います。是非、アプリストアからダウンロードしてプレイしてみてはいかがでしょうか。尚、アプリをインストールしても自分には一銭も入りません。

ios⇒ https://apps.apple.com/app/id1556357398

Android⇒ https://play.google.com/store/apps/details?id=com.nianticlabs.pikmin

タグ

-y, 0, 2, 8, Android, com, https, iOS, sP, watch, wKE, www, youtube, アプリ, いかが, インストール, ウォーキング, ゲーム, こと, ストア, スマホ, ダイエット, ダウンロード, ピクミン, ブルーム, プレイ, ポケモン, まだこ, 一銭, , , 毎日, 継続, 自分, 運命,

kotlinで開発したアプリを申請しました。予約投稿なので報告が遅れています。

2021.11.10

Logging

kotlinで開発したアプリを申請しました。予約投稿なので報告が遅れています。このアプリをiosに移植しようと思ったのですが、何やら面倒くさそうなので当分、アンドロイド端末でのアプリ開発をして、その後、Swift言語で開発しようかなと思っていたのが昨日までの自分の想い。今日いろいろと調べていたら、どうもクロスプラットフォーム開発するなら、フェイスブックが開発したReact Nativedeで開発したほうが良さげだと。学習コストはそれ程高くないような気がしてます。Expoなら尚更・・・!?

React Native Tutorial – Getting set up with Expo

何ヶ月か前にクロスプラットフォーム開発が出来るFlutterに手を出していたのだけど一つアプリをリリースしてからは勉強していませんでした。今回、久しぶりにアプリを作ろうかと考えて手を動かして、何となく自分がアプリ開発で身につきやすいのは今まで使用した言語の延長線上にあるものかなと思い始めました。なのでReact Nativeで開発していきたいなと今は思っています(浮気性・・・?)。

そして何よりReact Nativeは機械学習の要素も取り入れることが出来たり、カメラや位置情報も取れデーターベースも使えるサンプルもネットに落ちているので何とかなりそうだということ。そして求人情報などにもReactを経験した人は重宝されるみたいなので勉強して損はないかなととも思っています(React Nativeを勉強すれば自ずとReactの勉強にもなるので一石二鳥かなと個人的には思っています)。

※浮気性になった理由はkotlinでアプリ開発していて三項演算子が使えないことを知り、気持ちが萎えた事が一番の理由でkotlin開発よりReact Nativeでアプリ開発しようという気持ちなったのです?。それぐらい三項演算子が使えないのは痛い。バージョンが上がれば使えるようになるかもしれないけれども・・・。

因みに海外ではFlutterの方が人気です、日本もそうなるかは未知数です。

タグ

Expo, flutter, iOS, Kotlin, Nativede, react, swift, アプリ, アンドロイド, いろいろ, クロス, コスト, フェイスブック, プラットフォーム, もの, リリース, 一つ, 久しぶり, 予約, 今回, 今日, 何ヶ月, 使用, , 勉強, 報告, 学習, 尚更, 延長, , , 投稿, 昨日, , 申請, 移植, 端末, 線上, 自分, 言語, 開発,

Kotlin言語をはじめて使用してアプリを作ろうとしています。

2021.11.09

Logging

Kotlin言語をはじめて使用してアプリを作ろうとしていますが、こちらでアプリのお披露目をする事は考えていません。自分の本名のドメインで紹介することになると思います。一度、桁読み漢字変換はfulluter言語で作ったことがあるのですが、リリースはしていません。今回は作ってリリースまで行いたいと思っています。それ程、難しいことはないと思っているので、リリースは数週間で出来ると思います(審査も含めて)。

kotlin言語をはじめて使用してアプリを作ろうとしています。

何故、Kotlin言語でアプリを開発しようと思ったか?、簡単に言えばiosにも移植出来るとのことなのでKotlin言語を選びました、そしてそれなりに勉強になるかなぁと思ったからです。動画を見てもらえれば分かる通り、いきなり動的な処理で制御しています。たぶん、いろいろな事を飛ばして勉強しています。参考書も持っていないのでサイトとYOUTUBEで調べつつ理解していこうと今、奮闘中です。今回書いた、ソースコードも調べたものです。

package com.example

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.text.Editable
import android.widget.EditText
import  android.text.TextWatcher
import android.util.Log
import android.widget.TextView

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        var editText = findViewById<EditText>(R.id.editTextTextN1)
        var textview = findViewById<TextView>(R.id.textView)
        editText.addTextChangedListener(object : TextWatcher {
            override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {

            }

            override fun afterTextChanged(s: Editable?) {

            }

            override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
                Log.d("テキストが入力されました","$s")
                textview.text = s.toString()
            }
        }
        )
    }
}

タグ

fulluter, iOS, Kotlin, youtube, アプリ, いろいろ, お披露目, コード, こちら, こと, サイト, ソース, ドメイン, リリース, 一度, , , 今回, 何故, 使用, 処理, 制御, 勉強, 動画, 参考書, 変換, 奮闘, 審査, , 本名, , 漢字, 理解, 移植, 簡単, 紹介, 自分, 言語, 調べ, 通り, 開発,

YOUTUBEプレミア一時停止しましたが、YOUTUBEをほぼ広告無しで見る方法。

2021.11.08

Logging

YOUTUBEプレミア一時停止しましたが、YOUTUBE広告無しで見る方法を先日知りまして、その合法的な方法で見ております。その方法とはbraveというブラウザで見ると一切の広告をカットしてくれます。その代わりにbraveの広告がはいるのですが、ほぼ無いみたいなモノなのでとてもストレスフリーなブラウザです。何故、このような事ができるのかといえば、Gさんなどに広告費を代わりに支払ってくれているのでこういう事ができているのだとか。

動画クリエイター/起業家がおすすめしたい神ツール3選!

iosアプリやAndroidアプリも存在するので怪しいソフトではないです。このブレイブブラウザの発案者(開発)はjavascriptの開発者、ブレンダン・アイクなので全然、安全かと思います。そして全ての広告をカットするのではないとwikiには書いているけどほぼカットに近いw。

使用し始めてあまり月日が経っていないからなのか、広告はほぼ無いですね。全てをブレイブに委ねるのはちょっと心配なので、自分はYOUTUBE以外はChromeを今も使用中です。

そしてYOUTUBEミュージックの代替えにアマゾンミュージックを使用しています。アマゾンミュージックはプレミア機能だけだとちょっと物足りないけどもサブスクリプションが見直せて良かったと思います。尚、仕事に就き次第、YOUTUBEプレミアはまた始めようかなとは思っているので一時停止にしています。

以上、節約メモでした。

タグ

5, Android, brave, com, dDkE-gzpNM, https, iOS, javascript, , watch, wiki, www, youtube, アイク, アプリ, カット, ストレスフリー, ソフト, ブラウザ, ブレイブ, プレミア, ブレンダン, もの, , 一切, , 停止, 先日, 全て, 存在, 安全, 広告, 方法, 発案者, 開発, 開発者,

Windows11を入れてみたよ。違和感、操作性どう?

2021.10.06

Logging

朝晩は徐々に寒くなってきましたね。昨日は朝からフェイスブックで障害が発生しておりましたが自分は友達が一人もいないので特に問題なかったです。逆にツイッターで障害が起きるとちょっと困りますね、因みにフェイスブックの障害の原因は設定ミスだったらしいですよ。

さて、Windows11を昨日、メインのパソコンに入れてみました。自動アップグレードを待つことが出来なかったので人柱になりましたw。動かなくなったときは自分で対処しないといけないので、対応可能な方のみ、コチラのサイトで一足先にインストール(アップグレード)してみてください。アップグレードはそれほど時間はかからなかったのだけど、それでも30分ぐらいはかかると思っておいたほうが良いです。

Windows 11 Upgrade Experience

Windows10からWindows11へのアップグレードは殆どのアプリ(ソフトウェア)は問題なく使用できると思います。今の所、自分が使用しているアプリで不具合は発生していません。アプリの設定も引き継いでいます。

Windows11ではビジュアル面やウィジェット機能の復活などがあるのですが、自分が使用して「あっ楽になった」と思う機能はWindows10でもあった仮想デスクトップが機能が簡単に使用できるようになった事ですね。新しいデスクトップという物がタスクバーにあるのでそれを押すと仮想デスクトップが新たに作れるのでとても便利です。あと大量のファイル管理が前よりも表示や検索が若干早くなったと思います。

以上、現場からでした。

タグ

10, 11, 30, , Windows, アップ, アプリ, インストール, グレード, コチラ, こと, サイト, ソフトウェア, それ, ツイッター, とき, パソコン, フェイスブック, ミス, メイン, 一足, 不具合, 人柱, , 使用, 原因, 友達, 可能, 対処, 対応, , 操作性, , 昨日, 時間, , 朝晩, 殆ど, 発生, 自分, 自動, 設定, , 違和感, 障害,

格安スマホ・SIMで毎月1500円パケット通信使い放題なんですけどね。

2021.09.14

Logging

格安スマホ・SIMで毎月1500円パケット通信使い放題なんですけどね。自分は某パケット通信プラスというサービスを使っていて通信速度に1.5Mという縛りがあるものの、パケット通信使い放題(3日間で3G超えない場合は)なんですよ。自分が外で使うのはTwitterとニュースアプリ、そしてYOUTUBEミュージックぐらいのもの、外で動画を見る場合は大体、ダウンロードしといて観るので通信費はかからないって事で、通信費はかなり抑えています。

因みにパケット通信plus、格安スマホでググればヒットします。

通信速度は若干遅延があるのですが、1秒?3秒待てば表示されるのでそこは我慢ですかね。それに自分はモバイルwifiも無料枠(別途契約)で使ったりしますので、特に問題はありません。

スマホ代って固定費なので限界までおさえると、かなり年間の出費が抑えられると思います、昔はキャリアを使っていましたが、思い切って格安スマホにして今では良かったなって思えます。そんなに使ってもいないのに毎月、1万円ぐらい払っていた時期もありましたからね。

自分のおすすめはキャリアの格安スマホ版ではなく、格安スマホで名前の通っている格安スマホ会社が良いかと思います。理由はキャリアが始めた格安スマホはサポートは行き届いているかと思いますが、その分、値段が割高です。なので、格安スマホで名前の通っている会社の方が良いと思います。そして、スマホは一括払いで購入するかなどして購入するほうが良いです。

そういう事で格安スマホおすすめしますよ。

タグ

, 1.5, 1500, , Plus, SIM, Twitter, wifi, youtube, アプリ, かなり, キャリア, サービス, スマ, スマホ, そこ, それ, ダウンロード, ニュース, パケット, ヒット, プラス, ミュージック, もの, モバイル, , 出費, 別途, 動画, 問題, 固定, 場合, , 大体, 契約, 年間, 我慢, 放題, , , 格安, 毎月, 無料, 縛り, 自分, 若干, 表示, 通信, 速度, 遅延, 限界,

写真などからポリゴン(Polygon)を自動で生成(作成)するツール?。

2021.08.23

Logging

本日は写真などからポリゴン(Polygon)を自動で生成(作成)するツール?を紹介します。このツールはMac・windowsともに対応したツールになります。それも無料でポリゴンを作成します。ツール自体は英語表記で書かれていますが、イメージロードとセイブという英単語がよめれば大丈夫かと思います。

使い方は簡単でポリゴンにしたい対象の画像や写真を読み込みます、写真を読み込んだ時点でポリゴンが作成されますので、ポリゴンの線などを表示したくない場合はポイントをクリックすると非表示になります。そこだけ覚えておけば良いのかなと思います。どこからが有料機能なのかはわかりませんが、無料で十分かなと自分は思っています。

ここまで書いてツール名を記載するのを忘れておりました。DMesh(ディーメッシュ)というアプリです。おそらく有料機能(プロ)だと思いますが動画をポリゴン化する事もできるみたいですね?

タグ

DMesh, Mac, Polygon, Windows, アプリ, イメージ, クリック, ここ, セイブ, そこ, それ, ツール, ティー, どこ, プロ, ポイント, ポリゴン, メッシュ, ロード, , 作成, 使い方, 写真, 動画, 場合, 対応, 対象, 時点, 有料, 本日, 機能, 無料, 生成, 画像, 簡単, 紹介, , 自体, 自分, 自動, 英単語, 英語, 表示, 表記, 記載,

java言語を勉強していて結構つまずく。ゴリゴリとコードを書きたいな。

2021.08.19

Logging

家のクーラーの付いている環境にいると日中が寒いぐらいですね。洗濯物を干すのに自分の部屋が活躍しているのでクーラーが切れないのです。早くお天気の日にならないものか??

さて、java言語を今、勉強していると書きましたが本当にメチャクチャな勉強方法なので、基本的な順番をすっ飛ばしているような気がします。コマンドラインでoとxを入力出来るものを作りました。それ以外を入力すると再度、入力してもらうという単純なアルゴリズムですが、PHP言語のような文字判定をしていたので三項演算子で正しいデータを入力しているのに否定を返すように処理が動いてしまってつまずきました。

こんな感じで毎日、java言語に触れていたら「習うより慣れよ」という感じで日々、覚えていけるのではないかなと思います、今回躓きは初心者の初の字ぐらいの部分だと思いますが、こうやって覚えていくしかないなと思います。

あるアプリ会社を一年ぐらい前に受けたのですが二次面接で不採用になりました。その会社の紹介サイトを先日、拝見したら未経験の人を採用している紹介文を見て絶句しました。なんだろうか、この行き場のないやるせない気持ちは・・・と、そんなわけでjava言語のコードを記載します。

java勉強中
import java.util.Arrays;
import java.util.Scanner;
import java.util.function.BiFunction;
import java.util.function.Consumer;
public class Ox {
    public static void main(String[] args) {
        String [][] ox_list = new String[3][3];
        int x_max = 3,y_max = 3;
        BiFunction<Integer,Integer,Boolean> md = (x,y)->{
            Scanner kigo = new Scanner(System.in);
            System.out.printf("縦%d 横%d 番目の記号を入力してください{o,x}\n",y,x);
            ox_list[y][x] = kigo.next();
            return ((ox_list[y][x].equals("x") || ox_list[y][x].equals("o"))?true:false);
        };
        Consumer<String> Oxview = (s)->{
            System.out.println(s);
            String str = "";
            for (int i = 0; i < y_max; i++) {
                for (int ii = 0; ii < x_max; ii++) {
                    str+=  "|" + ox_list[i][ii] ;
                }
                str+= "|\n";
            }
            System.out.println(str);
        };
        for (int i = 0; i < y_max; i++) {
            for (int ii = 0; ii < x_max; ii++) {
                if(!md.apply(ii,i)){
                    System.out.println("入力が不正です");
                    ii = (ii-1)>=0?(ii-1):-1;
                }
                Oxview.accept("入力中");
            }
        }
        Oxview.accept("最終結果");
    }
}

タグ

java, php, アプリ, アルゴリズム, クーラー, コード, コマンド, それ, データ, めちゃくちゃ, もの, ライン, , , , 今回, 入力, 再度, 処理, , 初心者, 判定, , 勉強, 単純, 否定, 天気, , , 感じ, 文字, 方法, , 日々, 日中, 本当, 毎日, , 洗濯物, 活躍, 演算子, 環境, 自分, 言語, 部分, 部屋, 順番,

少しjava言語を勉強中。自分の勉強方法はこんな感じになります。

2021.08.18

Logging

最近、雨が続いていてあの暑さを忘れかけていますが、いま夏なんですよね。。。天気が回復したら空の良い写真が取れそうな気がします。

さて、先日からjava言語をまともに勉強しだしました、アプリ制作をしながらjavaに触れようかなと最初は思ったのですが、考え直して基本から始めた方が遠回りだけど近道に思えたので、そちらを選びました。

今までPHP言語ばかりしていたので正直な所、java言語はとっつきにくいですけど、オブジェクト指向の王様を勉強していると他の言語にかなり応用が効くみたいなので今更ですが、勉強しているですね。

自分の勉強方法は参考書などを手にして勉強するのではなくて、実際に手を動かしながらネットで調べつつ勉強スタイルです、これが一番自分には向いている勉強方法なのかなと思います。参考書は一番最後に開くようにしているという感じです。手を動かしながら学ぶときに重要なのはお題を見つけることなのですが、この頃はアルゴリズムの問題を提供しているサイト(競技プログラミング)が山程あるので、そちらを解きながら勉強していくのがベストだと思います。

参考書を読んで、そのまま身につくという人はあまりいないじゃないかなと思いますし、実際に使う関数って限られているので、そのパターンを身につけるには問題を解いていくのが大事になると思います。

因みにjavaのコンパイルと実行方法はこんな感じになります。

javac -encoding UTF-8 example.java
java example

タグ

java, php, アプリ, いま, オブジェクト, かなり, こと, これ, スタイル, そちら, とき, ネット, まとも, 今更, , 先日, 写真, 制作, 勉強, 参考書, 回復, 基本, , 天気, 実際, 少し, 応用, 感じ, , , 指向, , 方法, 最初, 最後, 最近, 正直, , 王様, , 自分, 言語, 近道, 重要, , , ,

Notionというアプリが定着しているけどどうなのかな。

2021.08.15

Logging

雨はシトシトと降っている、平日に土日の記事を予約投稿しています?。

非ITエンジニアの方はあまり知らない、もしくは、はじめて聞いたという方もいると思いますがITエンジニアの方々にはNotionというアプリが結構、定着しています。使用していなくてもIT界隈の皆さまは名前だけは聞いたことあるよという人は多いはずです。Notionというアプリを簡単に説明するならばメモアプリです?。

それも無料枠で結構使える、メモアプリ。どこかの記事では神アプリとも言われているぐらい良いアプリですが・・・(*´ω`*)、自分はまだこのメモアプリを使用しておりません。なので、今回どんなアプリなのかを知るために平岡雄太さんのYOUTUBE動画を視聴しました。

Notionの使い方徹底解説!Notionの魅力と基本的な使い方を解説【前編】

それを見てITエンジニアが使うわけだと思ったわけです、その理由はメモした情報をデータとして管理・整理することが出来るという所です。データベースの使い方を平岡雄太さんが詳しく分かりやすく解説していますので、これからNotionを使用したい方は必見の動画になると思います。

Notionの使い方徹底解説!データベース管理の基本を分かりやすく紹介します【中編】

因みにNotionは、日本語対応をしていないので、ページをGさんの翻訳機能を使用して使用するか英語を理解するかになります。尚、2021年中に日本語対応する可能性があります、遅れたとしても2022年には日本語に対応することになりそうです、そうなれば一気にNotionというアプリが広がりそうな気がします。そんな訳もあり今回紹介しました。

Notionの使い方徹底解説!Viewを活用して欲しいものリストや読書記録を作る【後編】

尚、自分としてはガントチャートが使用できるというのはすごく便利だなと思いました。

人気の情報共有ツール「Notion」が2021年中に“日本語対応“へ──日本第1号社員を直撃

タグ

IT, Notion, youtube, アプリ, エンジニア, こと, それ, ため, データ, データベース, どこか, パス, まだこ, メモ, わけ, 予約, , 今回, 使い方, 使用, 動画, 名前, 土日, 定着, 平岡, 平日, 情報, , 投稿, 整理, , 方々, , 無料, 理由, 界隈, 皆さま, , 管理, 簡単, 自分, 視聴, 記事, 説明, 雄太, , ,

androidアプリをはじめて申請しました。リリースされるかは?

2021.07.21

Logging

高知県も梅雨明け宣言したころだと思います、そんな事を考えながら雷の音を聞きながらこの記事を書いています。
この記事が公開された時にはandroidアプリがリリースされている頃だと思います。
この記事はアンドロイドアプリ(Flutterアプリ)を作ったときに戸惑ったところなどを本人しかわからない形で箇条書きにしたものです。他人が見てもわかるようには書いていません。

尚、参考にしたサイトはこちらになります。
https://passe-de-mode.uedasoft.com/ja/tips/software/device/flutter/flutter04.htm

flutter_icons:
  android: true
  ios: true
  image_path: "lib/assets/icon.png"
flutter pub get
flutter pub run flutter_launcher_icons:main
keytool -genkey -v -keystore C:\android\jks\key.jks -storetype JKS -keyalg RSA -keysize 2048 -validity 10000 -alias key
    signingConfigs {
        release {
            storeFile file("C:\\android\\jks\\key.jks")
            storePassword "Password"
            keyAlias "key"
            keyPassword "Password"
        }
    }
    buildTypes {
        release {
            // TODO: Add your own signing config for the release build.
            // Signing with the debug keys for now, so `flutter run --release` works.
            signingConfig signingConfigs.release
        }
    }
flutter build appbundle

タグ

04, Android, assets, com, device, fl, flutter, GET, htm, https, icon, icons, image, iOS, ja, lib, passe-de-mode, path, png, pub, quot, run, software, tips, true, uedasoft, アプリ, アンドロイド, こちら, ころ, サイト, とき, ところ, もの, リリース, , 他人, 公開, 参考, 宣言, , , 本人, 梅雨明け, 申請, 箇条書き, 記事, , , , 高知県,

彼のVue.jsの入門解説動画が分かりやすいかも。超入門は理解しました。

2021.07.12

Logging


vue.jsを勉強したい方はよしぴーのYouTubeプログラミングスクールの超Vue.jsの入門解説動画が分かりやすいかも。自分は入門版は理解しました。尚、bodyにID付けて試すのは辞めとけよ。bodyにIDを付けて動かないなぁとかしないように!!ドキュメントにもbodyにIDを付けるのは推奨しないと記載しております。動画を見て背景の色を動的に変えるvue.jsの簡単なサンプルプログラム作りました。コード書いていてjavascriptで書くよりもvue.jsなどのライブラリ?を使用して書くほうが短いコードで書けるので良いなと実感。

超Vue.js 2 入門 完全パック – Vueでアプリを作りたい方必見! (Vue Router, Vuex含む)

htmlコードとvue.jsのコードは下記になります、最終的にはvue.jsでアプリ作りたいな(時間がない?^^;)。SPAに関して難しいという意識がある人も触っていくうちに慣れると思います。因みに学習能力が高い人はこんなの作れちゃうみたいですね、学習してまだ二週間しか経過していなくてゴニョゴニョ作れている所がへぷさん(@HEP1147)、凄いところ!!ですね。

【LT】2週間でVue.jsを学び、SPA作った話。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

<style>
    #el{
        width: 100vw;
        height: 100vh;
    }
</style>
<title>背景の色を変える</title>
</head>
<body>
<div id="el" v-on:mousemove="mouseXY($event)">
    <span v-on:click="colorclick('#000')"style="color:#000">■</span>
    <span v-on:click="colorclick('#fff')"style="color:#fff">■</span>
    <span v-on:click="colorclick('#4eaeec')"style="color:#4eaeec">■</span>
    <span v-on:click="colorclick('#4eeccc')"style="color:#4eeccc">■</span>
    ---{{ color }}---
    X={{x}},Y={{y}}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="./main.js?<?=time()?>"></script>
</body>
</html>
var vm = new Vue({
    el:"#el",
    data:{
        color:"#fff",
        x:0,
        y:0
    },
    methods:{
        colorclick:function(c){
            this.color = c;
            document.body.style.backgroundColor = c;
            return true;
        },
        mouseXY:function(event){
            this.x = event.clientX;
            this.y = event.clientY;
        }
    }    
});
  

タグ

body, html, ID, javascript, JS, SPA, vue, youtube, アプリ, うち, コード, サンプル, スクール, ドキュメント, プログラミング, プログラム, よし, ライブラリ, 下記, , 使用, 入門, 勉強, 動画, 学習, 実感, , 意識, 推奨, , 時間, 理解, 簡単, 背景, 能力, 自分, , 解説, 記載, ,

為になる対談/エンジニアでない人が聞いても為になると思います。

2021.07.05

Logging

凄腕エンジニアの堤 修一さんと凄腕エンジニア、個人開発者TAKUYAさんの対談がとても為になる話でとても良かった。自分にとっては神回ですね?!!!。いろいろとハッとさせられるお話が聞けます、ストーリーテリングの重要性や仕事の配分などなどとても良かったです、特に悩みは4つに分けられる所はハッとさせられましたね。マーケティングはプログラミングすると同じぐらい重要だと言うことを痛感しました?。

ストーリーテリングを極めろ〜英語圏でも効く集客方法(ゲスト: 個人開発者 TAKUYA氏 前編) #エンジニアと人生 Vol.44

今の所、自分はちょっとしたツールばかり作っていますが動画を視聴してもう少しボリュームのあることも挑戦出来たらなと思い出しましたし、やはりアプリをリリースしたい気持ちにもなりました。まさに隗より始めよ?なのかなと思いました。

時間配分は開発:情報発信=1:1(ゲスト: 個人開発者 TAKUYA氏 後編) #エンジニアと人生 Vol.45

タグ

4, TAKUYA, アプリ, いろいろ, エンジニア, お話, こと, ストーリー, ツール, テリング, プログラミング, ボリューム, マーケティング, リリース, , , 仕事, 修一, 個人, 凄腕, 動画, , 対談, , 挑戦, 気持ち, , 痛感, 神回, 自分, 視聴, , 配分, 重要, 重要性, 開発者, ,

みんなの銀行ってどうなのかって思っている人!??

2021.06.25

Logging

みんなの銀行ってどうなのかって思っている人!??は結構いると思います。みんなの銀行って何なのさと思った方のために軽く説明しときますと地方銀行(ふくおかファイナンシャルグループ)が設立したネット決済などに特化した銀行です。セブンイレブンのコンビニATMからも引き落としができるですけど・・・?、手数料が110円(平日時間帯)かかっちゃう所があるので少し現金払いの人にはネックになりそうです、逆にネット決済やレジも電子マネー払いの人にとってはメリットがあります。そしてみんなの銀行のアプリは金銭管理が管理しやすくなっているので便利そうですね?。

みんなの銀行デビットカードをApple Payへ登録しよう

アプリはiPhone、アンドロイド端末にも対応しています。口座開設も結構スームズに出来る所がアピールポイントなのかも。前述にも記載したとおり、みんなの銀行は金銭管理に特化した所が他のアプリと違うところです。なので、お金の管理がしやすい、何々貯蓄とかが簡単にアプリ内で出来る所は良いなと思います。使用してみたい方は下記からアプリをダウンロードして口座開設等にトライしてみてください?!。

[Sponsored]ついにスマホでATMから現金をおろせるように。持ち物を極限まで減らしたい人におすすめの、デジタルバンク「みんなの銀行」

https://itunes.apple.com/jp/app/id1521392854 ?iPhone端末

https://play.google.com/store/apps/details?id=com.MinnaNoGinko.bankapp ?アンドロイド端末

タグ

, 110, ATM, com, https, iPhone, Sm-qFiJp, watch, www, youtube, アピール, アプリ, アンドロイド, グループ, コンビニ, スー, セブンイレブン, ため, とおり, ところ, ネック, ネット, ファイナンシャル, ふくおか, ポイント, マネー, みんな, メリット, レジ, , , , 便利, 前述, 口座, 地方, 対応, 少し, , 平日, , 手数料, , 時間, 決済, 特化, 現金払い, 端末, 管理, 記載, 設立, 説明し, , 金銭, 銀行, 開設, 電子,

字幕データ生成ツールを作りましたよ。

2021.06.01

Logging

字幕データ生成ツールを作りましたよ。ツールを作ったのは5月23日になります、その日の午前にちょこちょこ制作し?、その日の午後にリリースしました。どんなツールかと言えば、srt形式のデータを生成するツールです。手動で字幕データを作る方法が記載しているサイトがありました(こちら)。

作った経緯(イキサツ)は、もう少し楽にsrt形式のデータを作りたいなと考えた結果、このようなツールを制作しました。自分の声はどもりがあるので、巷で話題のVrew(ぶりゅう)というAI(人工知能)が自動で字幕を生成してくれるアプリではどうしても字幕が上手く変換されないので逆に手間が発生します。

そんなこんなで作ったツールがこちらです。https://zip358.com/tool/srt-make-file/

無料ツールのリンクからも参照することが可能です。尚、字幕のデータなどは一切、サーバーに持たない設計にしていますので安心安全です。なお、Vrew(ぶりゅう)というアプリみたいな物も自分は作れますが、こちらになるとどうしてもGCPAWSに音声データを送りテキスト変換する(自動文字起こし)というAPIの力を借りないといけないので、今回は作るのを断念しました?。時間があれば作ってみたいとは思っています。尚、APIのkeyなどは自分のAPIを登録して貰う形のアプリだったらみんな安心して使用できますよね。因みにVrewはあまり信用していないの派です?、便利だけどね。

爆速!テロップ自動作成アプリ。Vrewが便利なので紹介する

タグ

23, 358, 5, AI, com, https, srt, srt-make-file, tool, Vrew, www, zip, アプリ, イキ, こちら, こと, サーバー, サイト, サッ, そんなこんな, ツール, データ, どもり, ぶりゅう, リリース, リンク, 一切, 人工, 制作, 午前, 午後, 参照, 可能, , 変換, 字幕, 安全, , 形式, 手動, 手間, 方法, , 無料, 生成, 発生, 知能, 経緯, 結果, 自分, 自動, 記載, 設計, 話題, ,

クロスプラットフォーム開発(アプリ)をPythonで行う。

2021.05.21

Logging

PyQt5クロスプラットフォーム開発(アプリ)を行う事が出来るだってさ。ただし、PyQt5は商用利用に縛りがあるのだとか、個人で使用する分には問題なしだということ。CSSとPythonの記述が分かっていればそれほど難しくない難易度かと自分は下記の動画を見て思いました。

Create GUI App with PyQt5 – PART 1
pip install PyQt5

Python:パイソンがインストールしている環境で上記のコマンドを打つことでPyQt5はインストール可能です。あとはコードを書いて実行するだけでアプリが実行されます。

PyQt5の使い方を解説している人がいます。リンク先のように書けばチェックボックスなども設置可能です。因みにコードを一々書くのは面倒だという方はQt Designerと連携することでGUIの設計は楽になると思います。
環境構築を説明しているリンクを貼っときます。こちらでPyQt5のプログラムを使用しQt Designerで開発を行えます。

この頃はクロスプラットフォーム開発も多様化していろいろな言語で開発ができるようになってきてますね。楽になったものだと・・・。

追伸:商業利用でクロスプラットフォーム開発が行いたい場合はPySideを使用するべしです。理由はこちら
https://www.kimoton.com/entry/20181202/1543724518

タグ

5, css, Designer, GUI, install, pip, PyQt, Python, Qt, あと, アプリ, インストール, えま, クロス, コード, こちら, こと, コマンド, チェック, パイソン, プラットフォーム, プログラム, ボックス, リンク, 上記, 下記, , , 使い方, 使用, 個人, , 利用, 動画, 可能, 商用, 実行, , 構築, 環境, 縛り, 自分, , 解説, 記述, 設置, 設計, 説明, 連携, 開発, 難易, 面倒,

人工知能のお手軽モデル生成がGUIで出来るやつtensorflow対応。

2021.05.12

Logging

人工知能のお手軽モデル生成がGUIで出来るやつtensorflow対応しているからね。本当に便利だと思います。以前ブログで紹介したかもしれません、もしくはツイートしたか記憶が定かではないのですが再度改めて記載します。このlobeというソフト(アプリ)は人工知能の学習を行い、学習データからテストもできるのです。一番良いところは学習データ=モデルをエクスポートしてテンソルフロー(tensorflow)で動かせるところです。

Introducing Lobe | Build your first machine learning model in ten minutes.

テンソルフロー(tensorflow)で動かし方を解説している記事がありますので、そちらのリンクを貼っときますね。
https://dev.classmethod.jp/articles/lobe-lobe-export-tensorflow-lite/

これから先、人工知能の学習は誰でもできるようになり誰でも人工知能を使ったものがお手軽で作れるようになっていくと思います。あと数年後で自分が思うにはエクセルでも人工知能の学習で判定できるような関数が搭載されてもおかしくはないと思います。それぐらい人工知能は浸透してきていますね。因みに人工知能(教師あり機械学習)ってデータが多いほど、精度の良い結果を出してくれます、なのでデータは結構大事になりますよ!

LobeからTensorflow Lite形式でエクスポートしてMacで推論してみました

タグ

articles, classmethod, dev, GUI, https, jp, lobe, lobe-lobe-export-tensorflow-lite, tensorflow, アプリ, エクスポート, これ, そちら, ソフト, ツイート, データ, テスト, テンソル, ところ, フロー, ブログ, モデル, もの, やつ, リンク, 人工, 以前, 便利, , 再度, 学習, 対応, 本当, 生成, 知能, 紹介, 解説, 記事, 記憶, 記載, ,

コネクトする部分やプラットフォームの部分が!!

2021.05.10

Logging

コネクトする部分やプラットフォームの部分が儲けを出しやすいというのは、システム関係者なら大半の方が理解していると思う。コネクトとは繋がりを意味しプラットフォームは基盤を意味する、例えばフェイスブックツイッターは人と人を繋げるプラットフォームを構築して、広告収益や個人情報を収集して新たなサービスなどを提供して儲けに繋げている。そういうサービスをグローバルに展開すれば利益を得やすい。因みに日本って英語圏ではないので海外のサービスがちょっと遅れて日本に入ってくるので、逆に言えば海外で流行っているアプリなどを調べて、まだ日本でリリースしていないものをオリジナルアレンジを追加してサービスを日本で展開すれば勝算は少なからずあるだろうと思うけど、もうサービスというサービスは出尽くしたじゃないのかなというぐらい、WEBサービスもアプリも存在している。

そんな中で、カートシステムを作っているのだけど、、、これがHITするというのは有り得ない。有り得ないのにシステムを作る理由はLaravelというフレームワークに慣れるということが一番にあり二番目にビジネスとして成り立てば良いなという気持ちがある。

自ら何か稼ぎを得たければ商品という武器を持たなければならないらしくて、自分はいまそれを考えているのだけど、アイディアが出てこないので自分が出来る物から作ろうとしている、最初にリリースするのはカートシステムになりそうです。次に予約システムを作り、その後、商品管理システムを作ろうと思っている。自分には勝算はないかも?。ただ作ったということは自分の実績にはなるし、大きな経験にもなるのでシステムはこれからも作っていきたい。

それはプログラマーという職から離れることになっても作っていきたいと思っている。

タグ

HIT, web, アプリ, アレンジ, オリジナル, カード, グローバル, コネクト, これ, サービス, システム, ツイッター, フェイスブック, プラットフォーム, もの, リリース, , , 個人, 利益, 勝算, 収益, 収集, 基盤, 大半, 存在, 展開, 広告, 情報, 意味, 提供, , 日本, 構築, 海外, 理解, 英語圏, 追加, , 部分, 関係者,

ブログをGWお休みしていました。アクセス数や収益はどうだったのか?

2021.05.07

Logging

ブログをGWお休みしていました。アクセス数や収益はどうだったのか?
特に質問されたわけでもなく、ツイッターのDM(ダイレクトメール)に質問が来たわけでもないけれど、この疑問に答えると、まずアクセス数は50人ぐらい落ち込みました。収益はいつもの週平均より若干少ないということで、アクセス数、収益とも減という結果になりましたが、これからも土日祝はブログ更新のお休みを頂きます。

"Gold Rush" – Visualization + Sonification of Opensea activity (2021)

収益が激減したら土日祝の更新も考え直しますが、今のところはこのスタンスで活動していこうと思います。
因みに、今年の国民年金を一括払いして自分を追い込んでしまったので何とか毎月、最低でも3万円の収入を得なくては今年の年末には苦しくなるので何とかしようと模索しているのですが、どれも収益化には届かないのです。無理ゲーと言われるアプリも作ろうかと悩んでいます。あとラインのスタンプなども創作しようかなど、本当に何でも良いので収益を増やしたいと思っています。

自分で言うのも何だけど、上手く回せば収益化出来るじゃないかなと・・・。単なる宣伝や告知、ファン作りが下手なのかもしれないな・・・要するにマーケティング力がないだと自分で思っています。

Rhizomatiks DJ Krush x Daito Manabe – JAG Benefit

数撃ちゃ当たると思っていたけど、それは違っていてマーケティング力って大事なんだということをこの頃、ひしひしと感じていています。

タグ

, 50, DM, GW, アクセス, アプリ, いつも, お休み, ゲー, こと, これ, スタンス, スタンプ, ダイレクト, ツイッター, ところ, どれ, ブログ, メール, ライン, わけ, 一括払い, , , 今年, 創作, 収入, 収益, 国民年金, 土日, 年末, 更新, 最低, 本当, 模索, 毎月, 活動, , 激減, 無理, 疑問, , 結果, 自分, 若干, 質問, 週平均,

アプリは見た目が大事。

2021.04.05

Logging

アプリは見た目が大事。アプリを手にとって使ってもらうには、第一印象のアプリの見た目がすごく大事になってくる。その次に機能だ。どんなに良い機能だとしても見た目が悪ければ手にとってくれる人は少ない。これって就職活動も同じだと自分は思っていて、中身がどんなに良い人でも見た目で断られることは少なからずあると思っていて、人もアプリも第一印象って大事だなと改めて思いました。

話変わって、自分が仕事を辞めてから1ヶ月経過しました。今回はなんだか直ぐに次が決まりそうな予感がしています、単なる予感なのでズルズルと来年まで持ち越してしまう可能性もありますが、なんとかして働かこうと思っていて、正社員雇用ではなくパートなどの仕事もしつつ最終的に正社員の仕事にたどり着けばそれで良いです。出来れば好きなことが活かせれたらそれで良くて、活かせなくてもそれはそれで仕方がないなと思っています。

タグ

, アプリ, かこう, こと, これ, それ, パート, , 中身, 予感, , 今回, 仕事, , 印象, 可能性, 大事, 就職, , 来年, 機能, , 正社員, 活動, 直ぐ, 経過, 自分, 見た目, 雇用,

radiko[ラジコ]のWindowsアプリがないので作りました。

2021.03.24

Logging

昔、ラジコのWindowsアプリが存在していたのだけど今は使えなくなっていたのでradiko[ラジコ]のWindowsアプリを作りました。簡単な仕様です・・・とても簡単で単なるwebブラウザをはめ込むようにしているだけです。なのでこのページからリンクを辿れば別のサイトに移動することができます。何故、これを作ったのかというとブラウザとは別にアプリとして開きたかったという経緯があります。動作環境はwindows10です。

使用したい方は下記のURLからダウンロードしてくださいませ。

https://zip358.com/tool/radiko-view-Setup-1.0.0.zip

タグ

1.0.0, 10, 358, com, https, Radiko, radiko-view-Setup-, tool, url, web, Windows, www, zip, アプリ, こと, これ, サイト, ダウンロード, ブラウザ, ページ, ラジコ, リンク, 下記, , 仕様, 使用, , 動作, 存在, , , 環境, 移動, 簡単, 経緯,

FF14を自動起動させてパスワード入力を

2021.03.23

Logging

Power Automate Desktop使用してFF14を自動起動させてパスワード入力する事を試みる。パスワード入力の動作を録画して再現して実行してみると動かないので自分で直しました。当初はUI Pathを活用して試してみたけど結局、うまく行かないので凄く単純な方法で動作をさせました。因みにこの方法はFF14が開いている最中に他のアプリを開いたりすると上手く動作することが出来ないので悪しからず。

上記のような設定をします。ウェイト(待ち時間)はご自身のPCによって調整が必要です。キーの送信部分は下記のように設定ください。

これで超長いパスワードを入力することもなくワンパスワードを入力すれば良いようになりました。ワンパスを設定していない方やフリープレイの方は送信するテキストを入力して保存するだけで後は、Power Automate Desktopを起動してフローを再生(実行)することで自動的にFF14が起動してパスワードを入力してくれます。

※前手順としてID保存状態にした状態で上記を実行ください!!!

https://flow.microsoft.com/ja-jp/desktop/

タグ

14, Automate, Desktop, FF, path, PC, Power, UI, アプリ, ウェイト, キー, こと, これ, ご自身, テキスト, パス, パスワ, パスワード, フリー, プレイ, フロー, ワン, 上記, 下記, , , 使用, 保存, 入力, 再現, 再生, 動作, 単純, 実行, 当初, 待ち時間, , 必要, , 方法, 最中, 活用, 自分, 自動, 設定, 調整, 起動, 送信, 部分, 録画,

映画、花束みたいな恋をした。#はな恋

2021.03.05

Logging

映画、花束みたいな恋をしたをカップルでは見に行かないほうが良いと思った。リアルな感じの恋愛を最後まで描いた映画。ネタバレになるけど最後は別れます。ここまでヒットしたから、ある意味別れようの意味で映画観に行くカップルもいるかもしれないなと思います。それとは関係なく同じやつのマッチングアプリをまたはじめて見たけど、見ていると重たさを感じてしまって放置しています。やっぱマッチングアプリより本当の出会いが良いのかもなと思ってしまった。話戻して花恋ですが、綺麗綺麗な恋愛映画じゃなくて、リアルさを突いた映画になってます。

因みに・・・始まりの彼氏彼女と終わりの彼氏彼女、記憶してくださいね。そうするともっと楽しめる映画です、これ以上言うと面白さが半減しちゃうのでここまで!!

映画『花束みたいな恋をした』140秒予告【2021年1月29日(金)公開】

タグ

アプリ, カップル, ここ, これ, それ, ハナ, ヒット, マッチング, やつ, リアル, 半減, 彼女, 彼氏, , 恋愛, 意味, 放置, 映画, 映画観, 最後, 本当, 綺麗, 花恋, 花束, 記憶, ,

facebookで自分の名前を検索すると!!

2021.03.04

Logging

facebookで自分の名前を検索(ローマ字)するとゲームアプリをシェアしている画像をUPしているのが出てくる。数年前からずっとこういう事を行っているのだけど、どうなんかなぁって思います。これを違反ですよと報告する人もいないので、こんな状態が続いているのだろうけど・・・。通報してもなんだか、自分には効力がないみたいなので、誰かが一斉にフェイスブックに通報してくれることを待っている状態です。ちなみにYOUTUBEも同じことをやっているのですね。同姓同名で経歴まで同じやつっているのかと・・・。

何年もやり続けるタイプなので、何とかしてほしいなとか思います。

タグ

Facebook, UP, youtube, アプリ, ゲーム, こと, これ, シェア, タイプ, フェイスブック, ローマ字, , , 何年, 効力, 同名, 同姓, 名前, 報告, , 検索, 状態, 画像, 経歴, 自分, 誰か, 通報, 違反,