お店のホームページ(サイト)の作り方を解説していきます。

2022.02.28

Logging

おはよう御座います。
今日は昨日よりも暖かくなるそうですね☀。

さて、突然ですがお店のホームページ(サイト)の作り方を解説していきます。次回の記事から何回かにわけてお店のホームページ(サイト)の作り方を文字と動画により解説していきますね。今では無料でお店のホームページを作ることが出来てしまいますが、無料でサイトを作った場合は広告などが表示されお店のブランドを損ねてしまう可能性大なので、月額131円で静的なサイトを構築していく方法を教えます(予約機能付き:一部有料)。

尚、プログラムを全て解説すると言うよりかは雛形のサイトを提供しますので、そちらの雛形のサイトに記載している文字や画像を差し替えてオリジナルテンプレートをご自身で作ってもらうという形になります。それも難しいという方に向けて文字や画像をサイトから差し替えできるサービスを作っていこうと思っていますが開発は未定です、そのサービスは無料で提供するつもりでいます。

無料で提供して見返りも求めないという自分には何にもメリットがないものです。ただ、このサイトのアクセス数がもっと増えたらなという思いがあります😌。

追伸:無料で提供するテンプレートの中に、こちらのリンクを貼っていただければ有り難いですがこれもご自身で判断してください。

タグ

131, オリジナル, お店, こと, ご自身, サービス, サイト, そちら, それ, つもり, テンプレート, ブランド, プログラム, ホームページ, 一部, 予約, , 今日, 何回か, 作り方, 全て, 動画, 可能性, 場合, , 広告, , 提供, 文字, , 方法, 昨日, 月額, 有料, 未定, 構築, 機能, 次回, 無料, 画像, 表示, 解説, 記事, 記載, 開発, 雛形,

新サービスをいま作っています、お披露目はさくらレンタルサーバー、Newサーバ…。

2022.02.10

Logging

今日の朝は雨がシトシトと降っていますね☔。昼からは高知県、晴れるそうです。

新サービスをいま作っています、お披露目はさくらレンタルサーバー、新サーバーがリリース後になります、いま、大枠のデザインとHTMLコードを書いています、バックエンドの部分はこれからです。

【さくらのレンタルサーバ】Let's Encrypt(無料SSL)を設定してみよう

尚、このサービスはさくらレンタルサーバーのNewサーバーで出来れば運用したいと思っています、何故なら新サーバーでは、表示速度が今までと違いかなり早くなったそうです。そしてセキュリティ面もありますから、そこらへんを心配しないで良いというのは心配しないで開発だけに没頭出来ますからね。

因みにどんなサービスかといえば、掲示板なのですが2chなどと違って、今作っている掲示板では競合が少ない分野でこれからも伸びそうな分野の掲示板です。その掲示板を開発して3月頃から運用していきたいなって思っています。リリース後にこちらでもアナウンス(報告)したいなって思っていますので、ブログチェックしてみてください。よろしくお願い致します。

タグ

2, , ch, html, new, アナウンス, いま, エンド, お披露目, かなり, コード, こちら, これ, サーバ, サーバー, サービス, さくら, セキュリティ, そこら, デザイン, バック, べん, リリース, レンタル, , 今日, 分野, 大枠, 心配, 掲示, , , 没頭, 競合, 表示, 速度, 運用, 違い, 部分, 開発, , 高知県,

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, アプリ, こちら, こと, デザイン, ドキュメント, ネイティブ, ボタン, メンター, リアクト, , 今日, 今日此頃, 代替, 作成, 使用, 制作, 勉強, , 師匠, 挙動, 現場, 見栄え, 開発,

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, アイク, アプリ, カット, ストレスフリー, ソフト, ブラウザ, ブレイブ, プレミア, ブレンダン, もの, , 一切, , 停止, 先日, 全て, 存在, 安全, 広告, 方法, 発案者, 開発, 開発者,

コロナゼロは無理だから賢い人はコロナと一緒と言ったんだろうけど。

2021.09.10

Logging

一年前(2020年)にコロナゼロは無理だから賢い人はコロナと一緒と言ったんだろうけど、日本人はコロナゼロに頑張ろうとしているみたいですね。万能ワクチンか万能薬が開発されない限りコロナと一緒の生活を数年は送らないといけないのに、未だにコロナゼロに近づけようとしている。

落合陽一「Withコロナ時代の日本再生ロードマップ」(期間限定ダイジェスト)

後手後手の対応しているようでは、なかなか大変だと思います。世界はコロナと一緒(withコロナ)を模索している中、日本だけはコロナゼロに近づけようとしている。その理由はコロナ感染症が増えたときに、医療が圧迫されてしまう理由があるのだろう。それを解決するのに数年はかかるじゃないかなと・・・数年後にはコロナは収束してしまって後手後手が続くというのが落ちにならないためにも、革新的な対応を政治にはとってもらいたいですね。

今、日本に必要なのはトップダウンできるリーダーなのかもしれない。こういう時に必要なのは凄腕でワンマン的なリーダーでしょうね。単なるワンマンな指導者はいらない、その人が言っていることを守れば上手くいくそういう一頭地を抜く人ではないと駄目なのかもしれない。

そんな人、この日本では変わり者扱いされてしまいがちですけど・・・。たぶんこれからはそういう人材が必要になってくるだろうなぁって思います。

タグ

, 2, 2020, 242, 8, , amp, com, https, pniZ, watch, with, www, youtube, コロナ, ゼロ, それ, ため, とき, ワクチン, , 一緒, 万能, 万能薬, 世界, , , , 医療, 収束, 圧迫, 大変, 対応, 後手後手, 必要, 感染症, 政治, , 日本, 日本人, 未だ, 模索, 理由, 生活, 落ち, 解決, 開発, 限り,

ロボットの進化が止まらない。進化よ止まれロボット!

2021.09.03

Logging

また一週間ほど、雨模様だそうです。先月のブログの収益はジュース3本分ぐらいでした、ワンコインランチも食べれない…。収入が若干減少しましたがこれは誤差の範囲なので横ばいという表現が良いのかもしれません。

さて、立て続けにロボットの動画を見る日があったのでロボットのことを書こうかなと思います。

ロボット開発の中ではボストン・ダイナミクス社のロボットが自分は一番凄いなと思っているのだけど、いろいろな会社がロボット開発を行っていて人形ロボットから四角い箱のロボット、魚型ロボットなど使用される用途に適したロボットが作られています。人形ロボットが一番、進化すれば人の仕事を代行してくれるのだと思います。だから人形ロボットが一番、開発するのが難しいと言われているけど、その開発に挑む企業もいます。

Atlas | Partners in Parkour

もしスムーズに動く人形ロボットが生産されるようになれば、あっという間に大企業は労働をロボットへシフトしていくのだろうと思います。だだ、スムーズに動く人形ロボットを作るのは難しいと感じますが、イーロン・マスク率いるチームが来年(2022年)に人形ロボット(テスラボット)を発表すると意気込んでいます。下記の動画は人なのだけど、こんな感じに滑らかに動く人形ロボットが開発されたら驚異ですよね。

Tesla AI Day

最終的には人と同様に滑らかに動くロボットが必要だろうと思います、例えば介護などの仕事を代替えするとなるとガクガクと動くロボットでは人を傷つけてしまう恐れがあるので、やはり滑らかに動くロボットが必要とされるでしょう。

これから先、ロボットに優しい工場や環境を作る企業も出てくると思います。ロボットだけが働く工場などは人ように工場を設計する必要がないので、コンパクトで且つエコな工場などになると思います。

Inside A Warehouse Where Thousands Of Robots Pack Groceries

何にせよ、ロボットの進化は凄まじいです。

タグ

, あっという間, いろいろ, コイン, こと, これ, シフト, ジュース, スムーズ, ダイナ, ブログ, ボストン, ミクス, ランチ, ロボット, ワン, , , , 人形, 仕事, 代行, 企業, 会社, 使用, 先月, 労働, 動画, 収入, 収益, , 横ばい, 減少, 生産, 用途, 立て続け, , 範囲, 自分, 若干, 表現, 誤差, 進化, 開発, 雨模様, ,

C#でwebview2を使用して情報を収集するためのサンプルコード。

2021.08.22

Logging

今日は日曜日ですね。先日は久しぶりにお天気になったので外へ出ていっておりました。これを投稿する日は晴れているでしょうか。

さてjavaを勉強している合間にC#も勉強しております。javaを勉強しているとC#に応用が効くのでとてもやりやすいですね。webview2というオブジェクトをインストールして使用しました、VC#2019で開発しているのですが既存のwebBrowserというオブジェクトは全然というほど役に立ちません。例えばYahooのトップページを開いたらjavascriptエラーのアラートが表示されたりして動作してくれません。おそらくwebBrowserというオブジェクトを使用して何か開発している人はあまりいないじゃないかなと思います。

今回、作成したサンプルコードはYahoo!ニュースのITニュースのタイトルとリンクを収集するものですが、この方法を応用してブラウザの作業を自動化することはそれ程難しくないと思っています。

サンプルコードの一部を記載します=ボタンをクリックする場所に埋め込んだソースコードになります。因みにawaitを使用しているのでボタンクリックにはasyncしてあげる必要があります。

※注意事項としてYahoo!ニュースのソースコードが変わればそれに対応したコードを記載する必要があります。

C# webview2でテスト
PM> Install-Package Microsoft.Web.WebView2 -Version 1.0.902.49
        async private void button1_Click(object sender, EventArgs e)
        {

         var result = await webView21.ExecuteScriptAsync(
                "(()=>{let obj = document.querySelectorAll(\"#uamods-topics > div > div > div > ul > li > a\");" +
                "let str = \"\";" +
                "for (let i = 0; i < obj.length; i++)" +
                "{" +
                "str += obj[i].innerText + \"[\" + obj[i].href + \"],\";" +
                "}" +
                "return str;" +
                "})();"
             );
            richTextBox1.Text = result.Replace(",","\n").Replace("\"","");
        }

タグ

2, 2019, IT, java, javascript, VC++, webBrowser, webview, Yahoo, アラート, インストール, エラー, オブジェクト, コード, こと, これ, サンプル, タイトル, ため, ドップ, ニュース, ブラウザ, ページ, もの, リンク, 久しぶり, , 今回, 今日, 作成, 作業, 使用, 先日, 勉強, 動作, 収集, 合間, , 天気, , 応用, 情報, 投稿, 方法, 既存, , 日曜日, 自動, 表示, 開発,

独自のフレームワークとかで開発していると潰しが効かないので気をつけてね。

2021.08.12

Logging

暑さ寒さも彼岸までという言葉があります、今週から一週間ぐらい雨模様が続くらしいので高知県は若干涼しくなるとは思いますが、彼岸まではまだまだ暑い日が続くのでしょうね。

さて、エンジニアの皆さんは知っているかと思いますが、独自のフレームワークとかで開発していると潰しが効かないので転職活動の時にかなり不利です。個人で開発していないと益々、不利になりますのでお気をつけて。始めて就職活動している方は、WEB会社でもソフトウェア会社でも同じく独自開発をしている会社ではなく、ちゃんとフレームワークを使用して開発している会社へ入るべし。ある程度、技術力があっても仕事でフレームワークを使用していないと転職活動では不利です。

特にフルリモートのお仕事を探す中で、フレームワーク経験がないと全然駄目ですね?。なので、もし会社でフレームワークを使っていないのならば・・・。フレームワークを今すぐに使いませんかと上司に提案することをオススメします。そこで骨を埋める覚悟で働いている人でも同じくフレームワークで開発をしていないともしもの時に大変な目にあいます。

これから、ITエンジニアとして生き残りたければどんなに小さな開発でも上流工程から下流までの手順を踏んでいて且つ、フレームワークで開発している会社。この条件がど田舎以外のIT会社につきまとう最低条件だと思ったほうが良いです。もしそういう機会のない会社に入った場合、自分でサービスをイチから作り公開する事だけが唯一の道かもしれません。何にせよフレームワーク大事です!!

以上、現場からでした。

タグ

web, エンジニア, お仕事, お気, かなり, こと, ソフトウェア, プル, フレームワーク, リモート, , 上司, 不利, , 今週, 仕事, 会社, 使用, 個人, 就職, 彼岸, 技術力, 提案, , , , , 活動, 皆さん, 経験, 若干, 言葉, 転職, 開発, 雨模様, 駄目, 高知県,

Strayとは迷い込む、Strayというサイバーパンク猫のゲームがそれ!

2021.08.06

Logging

Strayとは迷い込むという意味では、Strayゲームはサイバーパンク猫のゲームを指す。これまでにはないPS5、PS4のゲームです。PS5になって何もかもがリアルになっていてついに猫を操作して遊ぶゲームまで登場しました。プレイ動画を見てもわかるようには、本当にサイバーパンクな猫を操作して遊ぶゲームです。PS4でも遊ぶことは可能ですが、リアルさを追求するならPS5なんでしょうね。

Stray – Gameplay Walkthrough | PS5, PS4

はじめてみた時は猫を操作して遊ぶっていう発想、なかったなぁ。このゲームを作った人はかなり柔らかい思考の持ち主であることは間違いないです。このゲーム、クリアってご主人さまを見つければ終わるのかな。どんなエンディングになっているのか見てみたいですね。

開発会社のリンクを載せときます。このゲームで遊ぶことになるのはいつの日になることだろう・・・。皆さん、PS5持っているのかな・・・。

BlueTwelve Studio

タグ

4, 5, BlueTwelve, PS, Stray, Studi, いつ, エンディング, かなり, クリア, ゲーム, こと, これまで, ご主人, サイバーパンク, それ, プレイ, リアル, リンク, , 何もかも, 動画, 可能, 思考, 意味, 持ち主, 操作, , , 本当, , 発想, 登場, 皆さん, 追求, 開発,

ココ最近の人工知能(AI)の衝撃(IMPACT)。

2021.07.30

Logging

何でもかんでも人工知能(AI)ですね(*´ω`*)、こんな事まで人工知能がしてしまうのかと思うことがこの頃、増えてきて人工知能は切っても切れない関係になってきたと感じます。例えばイーロン・マスク率いるスペースX社のロケットには人工知能が搭載されていて離着陸の制御を人工知能が行っています、世界の迷惑者のコロコロ助ウィルスの製薬開発にも人工知能は大きな力になっています。そんな感じで人工知能は至るところに人工知能が浸透してきています。

SpaceX Falcon Heavy- Elon Musk's Engineering Masterpiece

一番、身近に触れる人工知能はおそらくグーグル検索だと思います(BERT)、この検索機能にも人工知能の力が取り入れられているのだとか、そして今では文脈を評価できるようになっているのだと。これには衝撃が走りました、、、?。

【6分で分かる】BERT!Googleが人間の意志を理解する!

今までのSEOが通じなくなってきていて、どちらかと言えば文章がしっかりしていて尚且、正確性が評価の基準になりつつあります。要するに本物志向になってきています。人の作ったフェイクニュースなどや価値のない記事は評価されにくくなってきているという事です。代わりに人工知能が作ったフェイクニュースなどは大きな力を持ち出しています。人ができることは信頼性のあるオリジナルの記事を量産することにしか勝ち目がないのではないでしょうか?。ともあれここ数年の人工知能の進化と浸透は凄いなと思います。

It’s Getting Harder to Spot a Deep Fake Video

タグ

AI, BERT, IMPACT, SEO, イーロン, ウィルス, グーグル, ココ, こと, これ, ころ, コロ助, スペース, ところ, どちらか, マスク, ロケット, , 世界, , 人工, , 制御, , 基準, 志向, 感じ, 搭載, 文章, 文脈, 最近, 本物, 検索, 機能, 正確性, 浸透, 知能, , 衝撃, 製薬, 評価, 身近, 迷惑, 開発, 関係, 離着陸, ,

今はよく使う無名関数と即時関数というモノ?

2021.06.21

Logging

javascriptを例に無名関数即時関数をよく書いています。尚、PHPでも同じ要領で無名関数と即時関数がかけます。たぶんいろいろな言語に同じ要領で書けるようになっていると思います。但しPHPにアロー関数での無名関数と即時関数がどうか分かりません。因みにPHPの方に即時関数があることは結構、最近になって知りました。
自分は無名関数の存在は知っていましたが、あまり使うことがなく使い方もヘンテコな使い方をしていましたね。
無名関数や即時関数を使わない人もいると思います、駆け出しのエンジニアさんに配慮して書かないという職場もあるでしょうし、制約で書けない場合もあるかもしれません。

【JavaScript入門 #7】匿名関数、高階関数、コールバック関数を攻略せよ!【ヤフー出身エンジニアの入門プログラミング講座】

そんな感じで仕事をしているといろいろ制約の中でコードを書くことになるので、ちょっと窮屈感を感じる人も多いと思います。特に開発に新しい技術を取り入れるような実験が出来る職場は少ないです。大規模開発になればなるほど、実験的な事ができなくなる傾向にあると思います。それも仕事だと割り切るしか無いかなと思います。使いたい技術は私用で開発するときに使うようにしましょう。そういうITエンジニアは結構いますよ。

//functionで無名関数
var mumei1 = function(a){
	return a;
};
console.log(mumei1(123));
//アロー関数で無名関数
var mumei2 = (a)=>{
	return a;
};
console.log(mumei2(123));
//functionで即時関数
console.log((function(a){
	return a;
})(123));
//アロー関数で即時関数
console.log(
((a)=>{
	return a;
})(123));

タグ

javascript, php, アロー, いろいろ, エンジニア, コード, こと, ヘンテコ, もの, , , , , 仕事, 使い方, , 傾向, 制約, 即時, 場合, 大規模, 存在, 実験, , 感じ, 技術, , 最近, 無名, 窮屈, 職場, 自分, 要領, 言語, 配慮, 開発, 関数, 駆け出し,

プロを見て思った運が良かったでは上手く行かない。考えるという事を意識しよう。

2021.06.04

Logging

YOUTUBEのおすすめに「中田敦彦の1日ルーティン〜YouTube大学のつくり方〜」が紹介されていたのでちらっと見てみようという気持ちで見始めて結局、最後まで見てしまった。見ていて中田敦彦さんは戦略に物事を考えているなと、これがプロと素人の違いなのかな。
気づいているかどうか分かりませんが、このブログもそれなりに力を入れて作ろうとしています。自分なりに考えて記事を書いたりデザインしたり開発したりを数週間前から取組でいます。

【完全密着】中田敦彦の1日ルーティン〜YouTube大学のつくり方〜(1Day Routine)

因みに自分はYOUTUBEのおすすめで見る事しか殆ど無い、いや無いと言い切っても良いぐらいです。YOUTUBEのチャンネルを紹介するのにもYOUTUBEのおすすめ機能は大活躍です。チャンネル登録数が数人でもお薦め紹介してくれるのでとても便利です。これは良いなというのはピックアップしてブログの記事として紹介したりしています。

出力(アウトプット)したことに対して、デジタルならデータという結果が返ってくるので、それと照らし合わせてここがダメだったとかの反省や改善はとても大事になってくるのだと思います。検索して何故、このブログは読まれているのかなどを考えたりしています。

最後に日々の積み重ねは大事だね。(昔書いた本質;とは真逆の記事かもなぁ。?時が経てばいろいろ考え方が変わる)

タグ

, youtube, アウトプット, おすすめ, お薦め, こと, これ, それなり, チャンネル, つくり方, デザイン, デジタ, ピックアップ, プロ, ブログ, ルーティン, 中田敦彦, , 便利, 出力, , 取組, 大学, 大活躍, 意識, 戦略, , 数人, 最後, 機能, 殆ど, 気持ち, 物事, 登録, 素人, 紹介, 自分, 記事, , 違い, 開発,

クロスプラットフォーム開発(アプリ)を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, あと, アプリ, インストール, えま, クロス, コード, こちら, こと, コマンド, チェック, パイソン, プラットフォーム, プログラム, ボックス, リンク, 上記, 下記, , , 使い方, 使用, 個人, , 利用, 動画, 可能, 商用, 実行, , 構築, 環境, 縛り, 自分, , 解説, 記述, 設置, 設計, 説明, 連携, 開発, 難易, 面倒,

マニフォールドガーデン異色の一人称パズルゲームが凄いって!?

2021.05.19

Logging

新たな物理法則による一人称パズルゲームマニフォールドガーデン(manifold garden)が凄いな。凄く洗練されている世界観のパズルゲームだなと感じました。PS4,PS5、ニンテンドースイッチでもリリースするそうです。

マニフォールド ガーデン Nintendo Switch/PS4 リリースアナウンストレーラー

公式にも書かれていることですが、Xboxやスチームでもプレイできるみたいなので特に媒体を選ばずにゲームを楽しめるそうです。この頃、ゲームは多展開が出来るように設計されているのでゲーム開発会社も昔よりかはスームズじゃないかなと思います。あとApple Arcade(アップルアーケード)でもプレイできるのでiosでも動くということなのでApple信者にも有り難い。こんなに多展開していると開発費用は回収できるような感じがしますよね。大型タイトルの場合、こういう事ができないですよね、大体、どこかの独占販売的な契約になるので。でもプレイする側からすれば、わざわざゲーム機を購入しなくて良いのは有り難いものです。

Manifold Garden – Launch Trailer | PS5

タグ

4, 5, apple, Arcade, garden, iOS, manifold, PS, XBox, アーケード, アップル, ガーデン, ゲーム, ゲーム機, こと, スー, スイッチ, スチーム, タイトル, どこか, ニンテンドー, パズル, プレイ, マニフォールド, リリース, わざわざ, , 世界観, , 人称, 信者, , 公式, 回収, 場合, , 大体, 大型, 契約, 媒体, 展開, , 法則, 洗練, 物理, 独占, 異色, 設計, 販売, 費用, 購入, 開発, ,

Proofreading(校正)というリクルートが開発したAPIを使って。

2021.04.27

Logging

Proofreading(校正)というリクルートが開発したAPIを使って、今まで投稿した記事に誤字がないかを判別してもらった。因みに1000文字を超える文章は対象にならないのでワードプレスで取得した記事を900文字程度で切って判断してもらうことにしています。誤字があった場合、1を最大値として値が渡されるので、その平均値を取ればその文章の誤字率が判定できる。今回は平均値を取らず、最大値を判断材料として文章をスコア化しました。一応、判断した値をCSVで出力するプログラムをちょこちょこと制作したので参考にして頂ければ幸いです。正直なところ、ProofreadingのAPIが制度が良いのか疑わしいものがあるがAPIを取り扱うのが始めてという人は勉強になると思います?。

AI・機械学習と創る未来 – A3RT

ソースコードはこちらになります。

<?php
require "../../wp-load.php";
global $wpdb;

$proofreading = function($text=""){
	$url = "https://api.a3rt.recruit-tech.co.jp/proofreading/v2/typo";

	$params = [
		'apikey' => '取得したAPIKEY',
		'sentence'=>"$text",
		'sensitivity'=>"high"
	];
	$curl = curl_init($url);
	curl_setopt($curl, CURLOPT_POST, TRUE);
	curl_setopt($curl, CURLOPT_POSTFIELDS, $params);
	curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
	curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
	$response = curl_exec($curl);
	curl_close($curl);
	$obj = (object)json_decode($response);
	$score = 100;
	if($obj->alerts){
		$max = 0;
		foreach($obj->alerts as $key=>$val){
			$max = $max<$val->score?$val->score:$max;
		}
		$score = 100 - ($max * 100);
	}
	return $score;
};

if($argv[0]){
	file_put_contents("blogscore.csv","");
	$query = "SELECT * FROM $wpdb->posts WHERE post_status = 'publish' and post_type = 'post'";
	$results = $wpdb->get_results( $wpdb->prepare($query));
	foreach($results as $row) {
	   $id = $row->ID;
	   $title = $row->post_title;
	   $score = $proofreading(mb_strimwidth(preg_replace("/[\r|\n]/","",strip_tags($row->post_content)),0,900,"…"));
	   $str = "'$id'".",'".$title."',"."'$score'";
	   print $str.PHP_EOL;
	   file_put_contents("blogscore.csv",mb_convert_encoding($str."\n","SJIS","UTF-8"),FILE_APPEND);
	}
}

タグ

, 1000, 900, API, CSV, lt, php, Proofreading, quot, require, wp-load, コード, こちら, こと, スコア, ソース, ところ, プレス, プログラム, もの, リクルート, ワード, , 今回, , 出力, 判別, 判定, 判断, 制作, 制度, 勉強, 参考, 取得, 場合, 対象, 平均, 投稿, 文章, 最大, 材料, 校正, 正直, 記事, 誤字, 開発,

カートシステム開発中。

2021.04.20

Logging

本日はカートの管理者画面の画面部分だけという何とも手抜きお仕事をしていました。全体の話になりますがデザインは後回しです。

因みに開発を始めたのが4月8日ぐらいだと思います、カート決済部分は7割ぐらい完成しています。あと3割は管理者部分の設定値が関係してくるので、管理者の設定値を変更する機能(処理)ができればほぼ完成かと思います。

真実を述べると実は毎日カート作りをしていたわけではないのです。テンションが低い時は殆ど開発しない日などありましたので、まだ実質開発した日数は5日ぐらいかと思います。

そう思うとLaravelというフレームワークはシステムなどを開発するのにやはり重宝するなという印象を受けます。まだまだLaravelの良い所を活かせてはないと思いますが、ある程度慣れては来ました。プラグインなどを活用すればもっと簡単に開発できるだろうけど、あまりプラグインを使用せずに開発を進めようと思います。

そして作り出して思うことは、このシステムは一体どれぐらいのお値段としたものかと?

一日、1万円のお金が開発に発生すると考えて、利益を9割ぐらいのかな。完成まであと15日とすると20*9=180万という何とも高額な商品になります、しかしながら、このシステムを売るわけではなく使用料金(サブスク)として利益を上げることを考えています。市場を調査するとカートシステム、大体3000円から始まります、なので自分も3千円ぐらいで運営できれば良いかなと思っていますが・・・。

世の中、そんなに甘くない。今の段階では食えないなと思っています。あくまでもこれはお試しで作っているだけです。良いものが出来れば運営はしたいなとは考えていますが、今の所、勝算などのことは考えておりません。

動画ではいつも同じ服装だと思いでしょう・・・同じようなものがあるだけです。

タグ

, 4, 5, 7, 8, Laravel, お仕事, カード, こと, システム, デザイン, テンション, プラグイン, フレームワーク, わけ, , 使用, 全体, 処理, 印象, 変更, 完成, 実質, 後回し, , 手抜き, , 日数, , 本日, 機能, 殆ど, 毎日, 決済, 活用, 画面, 真実, 管理者, 簡単, 設定, , 部分, 重宝, 開発, 関係,

完璧に作らず運用しながら改善するのがベストかも。

2021.04.15

Logging

今、カートシステムを作っているのだけど完璧に作らず運用しながら改善するつもりでいます。サブスクとして運用していくつもりで、980円か売上の何パーセントかをピンはねする様にします。カートシステムなんてありふれているので、収益性はあまり無いけど少しは足しになるのかもと思っています。最初は不具合とかもあるので無料で運営するつもりです。ある意味実験的です。

因みに自分が忙しくなって開発が頓挫する可能性もありますが、このまま順調に開発が進めば再来月の末には形になっているのではないかなと思います。代引きや銀行振込とかは請求メールを飛ばせば良いのだけど、クレジットカード決済や何とかpayの決済の部分を導入できるかどうかは不明ですね。クレジット決済システムや何とかpayのAPIシステムの導入は何度もした事があるのだけど、お客様のURLからカートシステムURLへデータを飛ばしてクレジット決済する事が出来るかが申請がおりのかが不明で、まだそこらへんを調べてはいないのです。

尚、カートシステムが一段落したら、商品を管理するBASE (ベイス) | ネットショップみたいなものを作ろうと思っていて、それを多店舗展開できるもの。アイデアは前の前の会社で勤めていた時のシステムから着想を得ています。因みにそのシステムは導入費用は100万円ぐらいだったけど、自分が作ろうとしているものは、多店舗展開する機能は自前せずに他社のAPIと連動するという所が違うかな?、どこと連携するかと言えば例えばネクストエンジンとかです。なので自分は自社サイトを管理する部分だけ作ってしまえば良いかなと思っています。ちなみにお値段は固定ではなくサブスクで売り出す事とし、値段は千円を超えない範囲で考えています。サーバー負荷も考えないといけないので100店舗ぐらいで最初は運用したいです。収入としては10万円以下ですが、収入はないよりもある方が良いですよね。

ネクストエンジンとは?

タグ

980, API, Pay, url, お客様, カード, クレジット, サブ, システム, スク, つもり, データ, パーセント, ピンはね, ベスト, メール, 不具合, 不明, , , 代引き, , 何度, 再来月, 収益性, 可能性, 完璧, 導入, 少し, , 意味, 振込, 改善, 最初, , 決済, 無料, 申請, 自分, 請求, 運営, 運用, 部分, 銀行, 開発, 順調, 頓挫,

まいど?ショップ開設しました。

2021.03.15

Logging

まいど?ショップ開設しました。開設した理由は旨旨飯が食べたいからです、、、いや違います。収入源を確保していきたいからです。スズリというGMOの開発したショップ開設サービスを使用しています。当初はBASEで物を売ろうとBASEショップのTシャツアドインなどを試しましたが、画像の取り込みが綺麗にできていなくて劣化するので諦めました。いろいろ探していたら、スズリというサービスに行き着いたのです。因みに商品が売れても全額、収入にはならないのです、300円から自由に自分の取り分が設定できます。値段を上げると商品も高くなります…。

トイウワケデ、毎日1商品はUPしていくつもりでいます。作った商品はツイートします、気に入った商品があればご検討くださいませ。なお、こことは違うサイトを使用しデジタル商品も売っていくつもりでいます。

最後に自分のショップのURLを貼っときますね。

https://suzuri.jp/zip358

タグ

, 300, base, GMO, UP, url, アドイン, ここ, ご検討, サービス, サイト, シャツ, ショップ, スズリ, ツイート, つもり, デジタル, トイウワケデ, 使用, 値段, 全額, 劣化, 収入, 取り分, 商品, 当初, 最後, 毎日, , 理由, 画像, 確保, 綺麗, 自分, 自由, 設定, 開発, 開設, ,

ざわざわ[騒騒]と表現。

2021.03.07

Logging

初日にエヴァンゲリオンを見に行くことはないだろうなと今日、確信した。学生さんは休みだからか、初日の朝なのに結構な人が予約されていて映画館、エヴァヲタでいっぱいな気がします。なので、自分はその次の日にでも観に行けたら観に行きます。残念ながら失業中ですが貯蓄預金はまぁまぁあります。未だに実家暮らしなので、家賃や食費代がないのであとは、年金とサーバー代やドメイン代と何やらで月に2?3万円飛びますが、一応生きていけます。まぁこれでは駄目人間なるので仕事先を探しています。自分でお金を稼ぐというのは簡単ではないですよね。

フリーランスで働いている人がこれから増えていくのかもしれませんが、正直なところ、雇われて働く方がどんなに楽なことなのか。因みにITエンジニアが流行っていますが辞めておいた方が良い。この先、AIの技術が進み殆どのことはAIが出来るようになります。いずれプログラムコードも殆どが自動生成で生み出されるでしょう。なので生き残れるのはAIを開発できるエンジニアだけだと思います。あとはあまりいらないと思いますよ。

『シン・エヴァンゲリオン劇場版』本予告・改2【公式】

トイウコトデ。
逃げちゃ駄目だより・・・一体何が言いたかったんだろ。

タグ

2, , AI, IT, いっぱい, エヴァ, エヴァンゲリオン, エンジニア, お金, コード, こと, これ, サーバー, ところ, ドメイン, フリー, プログラム, ランス, ヲタ, , 予約, , 人間, 今日, 仕事, 休み, , 初日, 失業, 学生, 実家, 家賃, 年金, 技術, , , 映画館, , , , 正直, 殆ど, 残念, , 確信, 簡単, 結構, 自分, 自動生成, 表現, , 貯蓄, 開発, 預金, 食費, 駄目,

海外のチャンネルだけど良質、The Flutter Way

2021.02.06

Logging

海外のチャンネルだけど良質な技術を早送りではあるけれど、見えるというのはかなり意義のあるなと思います。デザインをコードにどう起こすのかが分かりやすく掲載されていて凄く助かるじゃないかな?特に初心者には助かるなと思います。Flutterは実はこのごろ、触っていないです。

Onboarding Screen – Complete E-Commerce App Flutter UI – Ep 1 – Speed Code

リモートワークになってちょっと腑抜けていている状態になってますが、やはり勉強をしようとこの動画を見て思いました。こんなアプリ作れたら、やっぱ楽しいでしょうね。アプリもリリースしたいからね・・・。中断していたjavaの勉強も休日にごとごとするようにします。そちらは実名のqiitaに掲載していきます。Flutterでなにかアプリを開発したい人、勉強したいひとは下記からチャンネル登録どうぞ。因みに日本ではFlutter大学というチャンネルが有名ですかね。

TheFlutterWay Food Delivery App UI Kit

https://www.youtube.com/channel/UCJm7i4g4z7ZGcJA_HKHLCVw 【The Flutter Way】

https://www.youtube.com/channel/UCReuARgZI-BFjioA8KBpjsw 【KBOYのFlutter大学】

タグ

4, 7, channel-, com, flutter, https, java, qiita, The, UCJm, way, www, youtube, アプリ, かなり, コード, ごろ, そちら, チャンネル, デザイン, ひと, リモート, リリース, ワーク, 下記, 中断, , 休日, 初心者, 勉強, 動画, 大学, 実名, 意義, 技術, 掲載, 日本, 早送り, 有名, 海外, 状態, 登録, 良質, 開発,

文字の置き換えはよく使うjavascript「吾輩は猫である。」

2020.12.06

Logging

文字の置き換えはよく使う。いろいろな参考書にも文字の置き換えは出てくる基本中の基本だ、そしてコレは結構使うことがある、とくに商品名を整理するときなど、連番に命名を置き換えるなどに使用することがある。EC系のシステム開発ではデーターベースへ製品名(product name)を登録するときなどによく使うのである?が、製品名や商品番号が整っていないのは、よくあることだ、だがしかしコレが中小企業の現実なのである。

この頃、再帰処理を使うことが少なくなってきて、何でも良いから再帰処理に当てはまる題材をじぶんに課すべきだと思う今日このごろです?

<p>吾輩は猫である、名前はまだない。</p>
<p>吾輩は猫である、名前はまだない。</p>
<button class="btn btn-primary" id="btn" type="button">名前はまだない?</button>
<script>
	document.getElementById("btn").addEventListener("click",(e)=>{
		var object= document.querySelectorAll("p");
		for (const key in object) {
			
			if (object.hasOwnProperty(key)) {
				const element = object[key];
				(element).innerText = (element).innerText.replace("名前はまだない。","名前は猫はちだ。");
			}
		}
	});
</script>

タグ

btn, btn-primary, button, class, EC, gt, ID, javascript, lt, name, product, quot, type, いろいろ, こと, コレ, システム, じぶん, データー, とき, ベース, 中小企業, 今日このごろ, 使用, 再帰, 処理, 参考書, 名前, 吾輩は猫である, 命名, 商品, 基本, 整理, 文字, 現実, 番号, 登録, , 製品, 連番, 開発, , 題材,

今頃、javaの大切さを知ることになる。

2020.11.24

Logging

java言語が理解できたらお仕事の幅は結構広がるし、そもそもプログラミングのお作法てきに源みたいな言語なので、勉強していると凄くソフトやアプリ開発する時に凄く便利なんだとこの頃、気づきました。javaはC#にもSwiftにもある意味繋がるなと思いますし、スプリクト言語にも繋がっていてるし、java言語はとても良いプログラミング教材だと…。

いまDart言語でアプリ開発しているですが、やっぱjava言語を勉強していたらなと思うわけです。そんなわけでjava言語を勉強中です。特にjava言語を使用してアプリを開発するわけではないですが、『スッキリわかるJava入門 実践編 第2版 スッキリわかるシリーズ』を購入して勉強中です?。勉強しないといけないのが、この業界です、、、、。自分は勉強会とかにはあまり参加しないですけど、そのかわり独学でもくもく?と勉強をしています。じぶんの知識は継ぎ接ぎだらけなので、この768ページある参考書を読めば埋め合わせになりそうです。

あと、Swiftもやはり勉強しようと思って中古の本を367円で購入。『Swift実践入門 ── 直感的な文法と安全性を兼ね備えた言語 (WEB+DB PRESS plus)』を購入しました。こちらは新刊ではないのですが、ゴニョゴニョと学べそうです。

まずはJava言語を学びつつflutterでアプリ開発を並行して行っています。何故、java言語を勉強しているか?、java言語を学べばなんか色々と克服できそうな気がしています。今までPHP言語での開発が多かったのですが、今後、どう転んでもjava言語をゴニョゴニョ出来れば生きていけそうな気がしています。トイウカ、そういうアドバイスを年上のIT先輩から数ヶ月前に助言を頂きました。その時はピンと来なかったですが、いろいろと勉強していく中でこの頃、そりゃそうだなと感じました。

やはりWEB開発ならフレームワーク使えないと話しならないし、ソフトウェア開発ならjavaはマスターしてフレームワークも使えないと話しならないと思います。今までサボってきた分、勉強しないと生き残れないなと思います。人柄とかも大事ですけど、やはり技術がないと仕事にならない気がします。あとコミュニケーションも必要ですけどね。コミュニケーション身につけるならば自分の場合は自信をつける意味でも技術力を身に着けなければならないと感じています。

まぁ何でもそうですが大変なことが大事なんです。

タグ

2, 768, Dart, java, swift, アプリ, いま, お仕事, かわり, こと, じぶん, シリーズ, スプリクト, ソフト, プログラミング, わけ, 今頃, 作法, 使用, 便利, 入門, 勉強, 勉強会, 参加, 参考書, 大切, 実践, , 意味, 教材, , 業界, , 独学, 理解, 知識, 継ぎ接ぎ, 自分, 言語, 購入, 開発, ,

暑いのか寒いのかわからない。

2020.11.20

Logging

暑いのか寒いのかわからない季節を過ごしています。そんな中でアプリ開発してみました。開発したアプリはFBへ飛んで自分のHPが貼ってあるのでそこへ移動して動作動画などを見てみてください(※インストール出来ます)。今回、自分が開発したアプリは基本的なことが出来るよということをアピールするためのアプリなので、大それた開発日数がかかっていませんが基本は押さえていると思っています。自分が開発した環境はflutterとElectronというものを使用して開発しました。クロス開発になっているのでElectronだったら、Windows、Mac、リナックスなどに移植出来ます、flutterはアンドロイド、ios、Webが同時に開発できるので手間いらずです。因みにElectronの方が簡単ですね、flutterはDart言語を理解していることとflutterのドキュメントを見とかないとどんな機能があってどんな事が苦手なのかなどは分からないと思います。あと、Electronは脆弱性があってnode.jsのライブラリを初期設定では呼び出せないようにしています。初期設定をOFFって非推奨でコード開発しましたが、実際は皆さんはどうしているのか知りたいところですね。

そんな訳で、アプリ開発はしていきます?
良いのが出来ればこちらでも紹介します!!

タグ

Dart, Electron, FB, flutter, HP, iOS, Mac, web, Windows, アピール, アプリ, アンドロイド, インストール, クロス, こと, そこ, ため, ドキュメント, もの, リナックス, , , 今回, 使用, 動作, 動画, 基本, 季節, 手間, , 日数, 機能, 理解, 環境, 移動, 移植, 簡単, 脆弱, 自分, 苦手, 言語, 開発,