■

■ - Beyon開発日記

解決策

というほど大げさなものではないんですけれども ピンチインピンチアウト をJavaScript で実現するためのホームページが二つあって 片方は画面全体が拡大されるけれど もう片方は枠中だけで反映される設定になっているつーことはdivタグでcss設定して枠内のみbeyonできそうな仕事終わって帰ったら試そう、そうしよう

早速問題が

今までの言語開発の失敗は視覚言語的に凝ったものを作りすぎて結局自分の技術が追いつかず断念というパターンで それが嫌なので今回は最初からscratchに寄せると宣言するなど極めてシンプルに作る事を心がけていたのですが早くもトラブル発生 というか、よく考えればわかったことなんですが ブラウザで開発するのにJavaScriptで組もうとして気付いた事 で伸び縮みに使用しようとしてるピンチインピンチアウト、これ本来はブラウザの文字や画像の拡大縮小に使われてるんですね つまり本来のブラウザ本来のピンチインピンチアウト拡大縮小機能を殺しつつ、beyon で使用するピンチインピンチアウトを別途反映させる必要…

Beyonイメージ

Beyonイメージ とりあえずIf文をメイン関数に組み込んで伸び縮みした際のイメージをさっくり描いてみる。

ちなみにscratchとswift学習用に

今はコレ使ってます tickle https://apps.apple.com/jp/app/tickle-app-learn-to-code/id1063639403 元々は知り合いさんが子供向け制御プログラム学習用に覚えるってんで付き合いで入れたアプリだけど、意外に使えるというね

Beyonはscratchに寄せます

えー最初に言っておきますが この開発するBeyonの見た目というか基本ベースはscratchで、びよんしたり拡張性をつけると言うscratch+みたいな形になる予定です 「これはパクリではなくリスペクトだ」とか詭弁みたいなこと言うつもりではなく、ちゃんとした理由があります 来年2020年から子供たちの間でプログラミングの授業が始まります 実は今まで新言語を作っていたのもそれに合わせて使って欲しいと言う願望というか野望もあったりしたのですが もう正直それには間に合いそうもないので一旦企画自体を凍結、その上で授業で主要に使われる言語がscratchかそれに類する言語（文部科学省が提唱しているプログ…

新しく開発する言語はBeyon(びよん)であります

とまぁ何か新元号の発表みたいになっちゃいましたが、とりあえず名前だけ先に決めました。 beyondではなくBeyonです。びよんします。 えーと何が「びよん」するかを説明する前に、そもそも何故コレを作ろうかと思った理由から。少し長い話になりますが。 過去製作中の新プログラミング言語は肝心な部分が上手くいかず頓挫してる訳ですが、斬新すぎる故に作り手の技術が追いつけない問題が発生したので、発想を変えて既存の言語をスマホに合った形で作り直す方向で考えました。 ではそのベースになる既存言語とスマホに合った形とは何か、という事ですがまず私はscratchという視覚言語が素晴らしいと思っていますし、過去の…

色々再起動

いやー本当にご無沙汰しておりましたが仕事変わったり職場変わったり（同じだろうと思われるかもしれませんが同じ仕事内で勤務地が変わったと言う意味です） 本業の他にフリーランスで仕事を受けたりそっちでトラブルあったり、この業種では当たり前のスカウトもあったり、まぁいろいろありまして全然手つけずだった新言語ですが ちょっとひらめいたことがあるので今年中をめどにリニューアルします というか?キーワードが終わってはてなブログ違うって言うサービスになったそうですね 個人的には早くタグ編集できるようになって欲しいんだけど

ずっと待ってんだけど

はてなキーワードとは編集 はてなのサービスの1つ。共有辞書サービス。はてなダイアリー/はてなブログの存在意義のひとつと言っても過言ではない素晴らしい機能。 2003年1月16日、はてなダイアリーの一機能としてリリース。2008年9月1日、「はてなダイアリーキーワード」から名称を変え.. 続きを読む はてなキーワード - 話題の言葉がわかる、みんなで編集するキーワード k.hatena.ne.jp このキーワードを含むブログを見る はてなダイヤリーが春終了、はてなブログに移行促進に伴い記事の新規作成・編集機能が現在一時停止中。 なのですがダイヤリー終了時期が未だ未定、そのせいかまだはてなキーワー…

想定内だが面倒くさい

というわけでブロックを使ったプログラミング 現在読み込ませ、になかなか難航しております。 一番の問題はブロックが立体であることですねぇ 光の当たり方と厚みで色むらが出るし四角枠からずれる 枠ズレは置き方工夫するのとスマホのカメラで撮影する際にガイド枠を表示させる等の対策で、あと色むらは取り込んだ色の平均値取るとかの対応かなぁ。 もちっと工夫してみます。

レゴ買ってきた

ブロックでプログラミングするにあたって、マイクロブロックよりレゴのほうが組みやすいのではと思いたち、比較的近所にレゴ専門店あったので足を運びました。 この入れ物に詰め放題で販売。 店員さんにはもっと入りそう、とか言われたんですが 必要な色が揃えばそんなに量もいらなかったので 中身はこんな感じです。 必要だった12X12ブロックエリアを6X4パネルの6枚で実現。 裏側はこんな感じでとめてます 普通にブロックとしても楽しみたかったので、こんな感じに組めるパーツも入手。 回転出来るブロック 何に使えるか分からなかったけど、一応こんなものも マイクロブロックとの比較。 マイクロだと場所は取らないんだけ…

二つの方向性

何かを思いつく時、それは良い場合もあれば、今やってる作業が中断する悪いことも有る。 でもって今回思いついたのは明らかに後者なんだけど自分の中で切り捨てられない部分というかね。 ちょっと前までB012というプログラム言語作ってました。 そこから今は別の言語を作り始めてるわけども、もとい訳だけれども 折角キリ良いところまで作ってるんでもったいなく感じてもいるのです。 これを何とか、名前以外にもっと流用できないもんかと。 で思いついたのは、例えばこんな感じ B012 今までのブログを御覧になってる方ならご存知のB012画面。 これと ブロック 似てませんか？ つまりクォータービュー画面そのままに、ブ…

ブロック読み込みプログラム Bo12(0)

言語システムと並行して、肝心の読み取りプログラムも作りはじめます。 構想は10＊10だが外枠認識に外周1ブロック設置したいので12＊12。 おお、くしくも前まで作ってたプログラミング言語B012とかぶる。 ということでそちらに敬意を払い仮名称Bo12と命名。 まずはJAVASCRIPTの色習得で出てきたのがコレ www.petitmonte.com1 コレに前回作った を組み込ませたのがコレ http://yoseisan.happy.nu/test.html んー、意外に読んでるようなそうでもないような？ まあ最初はリアルブロックでなく、画像で作った四角の読み込みから。 リアルでやろうとする…

実際のプログラム組み案（1）

では実際にどういう感じでブロックを組んでプログラミングするのか、 と考えた際に、ちょいと色に数字と役割を定義してみました。 で予約語と演算子で各2ブロック、8＊8＝64種類を設定してます。 これだけあったら、当面は足りるかなぁと。 で、よく使う順から同色でまとめたいと思います。 if文と演算子の＋なら青2連とか。 さて実例として例えばコレを使って、まず文字を設定する場合 こんな感じです。 数字は8色使った8進数表記。7ブロック使えば上記にあるように2017952までの数字が表現できる、はづ。 文字には1文字3ブロックを使用。 また変数と関数は「変数名」という概念がなくて全部数字表現。 ですが、…

文字の取り込み案（その3）

前回の記事では文字毎に使用するブロックの数がまちまちで管理しにくい難点が。 ということでキッチリ3マスでまとめた案がこちら。 案3 なおプログラミングといいつつ日本語表記にこだわる理由は、 以前開発していたプログラミング言語B012時代からの流れで子供にも分かりやすい言語を目指してるため。 例えばキーボード入力でも、年配の超初心者が覚えるならローマ字打ちよりカナ入力で覚えたほうが入力文字数が減って覚えやすい（アルファベットの入力時に覚え直しで苦労するが） ので、前回の案2で使った「日本語ベースでアルファベット表現」は、そのまま継承する予定。 で、これはあくまでプログラミング言語であった「ブロッ…

点字を応用した文字の取り込み案（その2）

案2 8色フルに使って文字表現、それをローマ字基準でやろうとしたのが上の表。まず三色でアルファベット・日本語のひらがな、カタカナを切り分けて それを5X5種類の枠内の組み合わせで表現したもの。 最初三色でしかきりわけてないので表の横列で使ってる白黒紫をアルファベット日本語切り分けにしてもいいかもしんない（あるいは分かりやすく赤青緑か） あと跳ねる音つまる音はローマ字のxで表現したが、それだけで使用マス目が増えるので要検討。

点字を応用した文字の取り込み案（その1）

前回の記事で、点字を今回のブロック組みプログラムに組み込めないかということで まずは荒っぽくこんな感じで構想。 解説すると、点字は2X6の白黒2色のマス目で表現される。 それを4色、8色、と増やしていった場合、当然必要なマス目が減る。 ただ実際は文字識別用にもう一つか二つマスが必要なのと、例えばカナであれば母音と子音で分けて AIUEO KSTNHMYRWGZDBPYW で組み合わせたほうがアルファベットとの親和性が良いのかなとちょっと思ったのですが。 この辺はもう少し検討ですかねぇ

文字デジタルの先駆者、それは点字

ブロックでプログラムを組むのはいいとして、じゃあその場合文字をどう表現するんだという疑問が湧くと思います。 最初は5x5枠ぐらいのスペースを用意してそこにドットで文字っぽいのを作るのも考えていたんですが、いや、もっと良いのがあるじゃんと思い立ちました。 それが ja.wikipedia.org www.tohoho-web.com です。 というかWEB制作でお世話になってる「とほほ」さんが点字のサイトもやってるとは思わんかった。 2X6マスの組み合わせで様々な文字を網羅するこの技術を、うまいこと取り込めないかなぁと考えます。 予定では8種類の色が使えるわけで、さらに使うマスの数を圧縮出来るは…

アニメの話を久々に

転スラが次回で最終回で二期が決まってめでたい！とか、 www.ten-sura.com 【在庫あり/即出荷可】【新品】転生したらスライムだった件 (1-10巻 最新刊) 全巻セット価格：6576円（税込、送料別) (2019/3/21時点) 楽天で購入 4月から始まる、同じなろう系アニメ「賢者の孫」が楽しみとか、 kenja-no-mago.jp 【入荷予約】【新品】賢者の孫 (1-9巻 最新刊) 全巻セット 【4月中旬より発送予定】価格：5634円（税込、送料別) (2019/3/21時点) 楽天で購入 色々アニメ界で気になる話題はあるものの、 ココ最近で気になってるのは newbem.jp…

カメレオンコードと今後の方向性

そもそもブロックを組んで画像で読み込ませようという大本の発想はQRコードのあの白黒の模様からなんですが、 ならばカラーでバーコードっぽいのを実現してる前例が有るんじゃないかと調べた所・・・ ありました。しかも、わりと一部業界では浸透しつつある模様。 それが今回ご紹介するカラーバーコード、通称カメレオンコードです。 www.infofarm.co.jp 思った以上にブロックで情報量を詰め込める模様。 実際、コレを読み込むためのアプリも既に出回ってる模様。 前例がある、ということは技術的に可能という事であるので自信につながります。 ということで、まずは画像から色を読み取るとこから始めようかと思いま…

ブロックについて色々しらべてみた。

ブロックでプログラミング、をする前に敵を知らねばと言うことでまずは一つブロックを組んでみたわけですが、 さらに調べてみると、色んな百均で似たようなブロックが出ている模様。 ダイソーミニ(プチ)ブロック全種類！入っている各パーツ写真付き♪消防車やフラミンゴなどナノブロックみたいな小さなパーツで組み立てよう♪マイクラレゴの代用にもなりそう♪ 雪見日和 セリアの優秀100円おもちゃ♪マイクロブロックの全種類をご紹介♪ダイソーのプチブロックと互換性は？ 雪見日和 ただ各メーカーの互換性がない上、欲しい色だけ揃えるが出来ない模様（まあ百均だからねえ） ので、ちゃんとしたメーカーで欲しい色だけ揃え…

B012改めMacaw（コードネーム）始動。

前回書き込みの発想の転換でも書いた通り、 リアルでブロックを組み立ててそれを画像として読み込む事でプログラムを組む、的な企画を進めていきたいと思います。 で、今回そのプロジェクトを進める前に近所の某100円均一で実際にブロックを買ってきて組んでみました。 コンゴウインコ でこの作ったブロックのコンゴウインコ、英語でMacaw（マコー）って言うらしいのですが響きが良いのでそのまま開発コードネームにしちゃいます。 ということで、今後も宜しくお願いします。

発想の転換

私は趣味で手芸もやるのですが、プログラム言語今後の方針を模索しつつ姪っ子へのプレゼントにビーズアクセサリーを作ってた際に閃いた 今まで画面上でネジを配置する手段を模索してうまく行かなかった訳ですが、いっそこれ手芸技術応用でオフラインでプログラム組めないかと どう言うことかと言うと、例えばQRコード あれは白黒の視覚の組み合わせで情報を読み込む訳ですが、あれが例えばカラーで認識すればより多くの情報が組み込めます 更に言うと、それが紙に書いた四角い図形でなく 平面に配置したブロックならどうでしょうか それを画像で取り込んで認識する するとブロックで作った物がそのままプログラミングツールになる もっ…

再起動

暫く多忙で放置してましたが、 B012 のアカウント復活したので報告まで。 二三日中に今後の方針をお伝えします。

またちょっと間隔が空いた理由

多忙とか体調不良とか色々細かい理由はありますが、一番の理由は新しい環境であるandroid Studioがうまく動いてくれないことですねぇ。エラーで固まってプログラム一行すら書けてない。 せっかくパソコンも新しくなってスマホの仮想画面も開けるようになっ(てるはず)のならjavascriptから卒業して直接アプリとして起動させたいじゃないですか。 とりあえず、DLしたときからほぼアップデートしてないのが悪いっぽいという目処はついたので、色々なサイト見ながら環境整備中。 まずはハローワールドと画像表示からだなぁ

何度でも蘇る！

すいません、また長いことご無沙汰してました。 メインカメラもといパソコンがついにおなくなりになりましてですな。 ようやく給料日でおNEWを買ったですよ！ いや、正確にはNewじゃなくて中古だけど念願のcore-i3! Android Studioのエミュレーターも、これでようやく動く！ というわけでUnityは一旦中断ですわ。本借りたけど、Metasequoiaで作った図形がうまく読み込んでくれなかったし。 あとは安物でもいいからグラボが欲しいなぁ。

ご無沙汰＆近況

ここのとこブログ滞ってたのは多忙だったり体調崩してたり、パソコンが時々フリーズしたり、何よりも、ひとつ大きな出来事がありました。 図書館で予約していたUnityの本が、ようやく、予約かけて2ヶ月強くらいで入手できました。 それだけなら大騒ぎするほどでもなく、むしろ喜ぶべきことなのですが、 最新版のUnityって旧版と違って使用言語がC#のみになってるんですねぇ。昔はjavaも選べたのに。 つーわけで今までやってきたjavaのプログラム資産が活かせない。 ・・・これは少しショックでしたが、まぁでもでも！ 個人的にはCの方がjavaより馴染みがあり、基本命令文はさほど変わらないのでと割り切ることに…

内職

本業以外にお金を稼ぐ手段の一つとしてHP製作依頼なんてのをやってますが 例えば ファッション衣料の店 さいこう こんなのを格安で作ってます。 別窓で中の文字や表示できる写真のカスタマイズが出来るようにしてるのがちょっと自慢 なんだけど・・・言いたいことは色々あるんだが、うーん、まぁいいや。 それよかいつになったらこの女はBOLZ開発を再開するのかと。

#クラナドは人生 #fateは文学 #転スラ は癒やし

アニメ「転生したらスライムだった件」を毎週楽しみに見てる私ですが、 コメント付き動画サイトやTV実況などで見るとイキリスライムだとか、スライム◯郎だとか叩き系コメントも目に付きます。まあ「つまんね」「これいつ面白くなるの？」は、ただ目立ちたいだけの寂しがりさんやなので無視するとしても（なら、とっとと視聴切れよと）。 イセスマ、「異世界はスマートフォンとともに。」がスマホ太郎と揶揄されるようにアニメが正直アレだったため、以後なろう系アニメは叩かれる傾向があり結果批判系動画も伸びる傾向があります。 www.youtube.com この動画制作のにーさんなんか、他の動画の伸びはパッとしないのにコレ系…

ふつか・・・半日酔い

昨日出先でこれみつけてさー 調子に乗って500ml二本買って飲んで、目が覚めたの夕方だったんだけど その後リバースしまくりで大変でした。 流石に今朝には落ち着いたけども。 で今日から早番と、結局プログラム何も出来ずでした。 休日なに無駄に消費してんだろう、私・・・

（ようやく）Atomエディタ導入

今までB012を メモ帳でjavaScript開く ↓ ネットのエディタ（JSFiddle）にソースを貼り付けて文法チェック ↓ メモ帳にコピペしなおして保存 ↓ FTPでネット転送 ↓ chromeのf12でコンソールエラーチェック て手順で開発 なんてことをやってたんだけども、も少しマシな方法は無いかと試行錯誤して メモ帳と文法チェックが出来るエディタ的なAtomを導入。 いやjavaでB012開発してた初期はEcrips使ってたんだけども、微妙にバグるわ重たいわでIDE系を敬遠したたんですわ。 体調が戻り、今日は久々の休み、これで少しは開発捗るといいんですが。

の゛ぉぉぉぉぉぉぉぉっ！！

底辺ITで低収入とはいえ、まぁ同居人と含め生活出来るギリッギリのお金は稼いでます。 ただそれだと娯楽に回せるお金が皆無なので、それを副業でまかなってます。 というわけで、いま格安で地元商店のHPを作ってあげてる最中、なのです、が・・・ 保存してないページがまるごと全部消えたァァァ！ ちくしょおおおおおおおおお！！ 朝起きていままでの労働力がぁぁぁ！！ やっぱ片手間にブラウザゲー立ち上げてなんて真似はするもんじゃないな。 組み込む大本の文章は残ってるのと、イメージ手書きしたイラストがあるので、 レイアウトし直しで済むのが不幸中の幸い。

隊長！不良です

もとい体調不良っす。なので全然進んでません。 なんか寝込んでる間に小説ネタ思い浮かんだんで久々に投稿してくっかなぁ。 ただ放置してる投稿サイトにはなんとなく顔だしづらいので、新規で探そうかと。 ちなみに今までお手つきなのは なろう、アルファ、カクヨム、マグネット、エブリスタ、ツギクルあたり

fabric.jsに関する技術記事

いや以前から、今作ってる新言語で得たノウハウを書こうとは思っていたのですが、ようやく形になったので。 qiita.com これから使おうという方の参考になれば幸いです。

フォント公開します。【追記あり】

とりあえず出来上がったので、需要があるかわかりませんが公開します。 http://yoseisan.happy.nu/b012/boltfontb.zip 言語のイメージに合わせた癖のある字体ですので、予めご了承ください。 またコレはベタ色のVerですが、白抜きVerとボルト模様のないバージョンを別途製作中。 こちらも、そのうち公開予定です。 追記 http://yoseisan.happy.nu/b012/ryo12.html こっちで試したら、思った以上に文字が潰れてる。パ行とバ行の区別がつかないのは致命的だな・・・ 早急に改訂版出すので、既に現状版をフォントダウンロードされた方、その旨よ…

文字フォント進捗

新言語で使える独自フォントを製作中。 ネットで流れてるフリーフォントで気に入ったのもあるんだが、色々制限も多く、 なら言語の雰囲気にあったものを作っちまえという。 しかしカタカナだけとはいえ、なかなか大変だ。 チマチマ作り始めて現在進捗6割弱。 既に制作済みの数字フォント と組み合わせて完成だが、まだまだ先は長いねぇ。 一応コンセプトは出来上がってる数字側基準の ・明朝系（縦棒が太く横棒が細い） ・角ばった文字 ・文字内にボルト穴を組み込む の三点。

今日の進捗

http://yoseisan.happy.nu/b012/oki2.html リストボックスにアップダウンボタン。 ダウン側が計算ミスでバグってるのであとで修正。 さて、今日も遅番なんだけど人と会う約束が。 そろそろ出ます。

そうそう今まで気にしてなかったけど

うちはwindows10なので、ついでなので他のブラウザでどう見えるか検証。 edgeでは問題なく表示、IE11では・・・SVG非対応なのかTESTの文字図形のみ。

ゔわ煮詰まったー【追記】

今やろうとしてるのはこういうことで、一見上手く言ってるように見えるでしょ？ ところがどっこい、これちょっとズルして見た目だけ体裁整えてます。 これ、fabric.jsを使い始めてからずーっとつきまとってるんだけど仕様なのかバグなのか図形を配置する際、プログラムの記入順番に表示されないという問題が。 具体的に言うと、「図形だけ」と「SVG含み」の2つのグループがあった場合、 普通は実行順に図形が順番に重なっていくんだが、SVG含みだけ順番無視して上に重なっていく。つまり、後に書いた「図形のみ」が下になっちゃう。 多分データ読み込みのタイムラグだと思うんだけど。 今までだったらパネルとボタンを別々…