前回の記事 grandseacrow.hatenablog.com から色々手を加えて きれいな曲線＆Pila-B これで完成、と思うじゃん？ ところがどっこい このように、位置をずらしたらPilaがつながらんのです つまり、移動した円の位置がデータ上で更新されてない これを実現させるために、どの円がいま選択されているのかを把握する必要があるのですが、これが想像以上に難しく昨日の休日の半分以上を消費してなお実現してません。 なお現在円と、それにつながるMIstelが連動して動かせてるのは 「動かしたその場の位置を直接書き込んで更新できてる」ためです Pilaとの連動には「書き換えたデータを置い…
前回の記事 grandseacrow.hatenablog.com 前回紹介したVerからさらにいじって、円同士を直線でなく曲線でつなぐテストをしてみたものの 思ってたのと違う ま細かい指定してなきゃこんなもんかな、と。 なので、曲線の向きや角度を設定できる何かを追加する予定でして 二次ベジェ（Qコマンド） こちらを参考にすると、曲線を決定するにはもう一点設定するとよいらしい ベクターの画像描き的にはもう一点追加した三次ペジェの方が馴染むんだろうけど、それだと魔法円のデザイン的にかっこ悪いので。 具体案をイラストで説明すると… V字マークに注目 右の円から左にかけて白い曲線矢印が伸びてるけども…
前回の記事 grandseacrow.hatenablog.com ぴられない、ぴられないとずっと悪戦苦闘して諦めかけた、そんなある時 つながったああああああああ！！ はい、何故できなかったかというと自分がGeminiたんのプログラムの移植の際の勘違いです。 SmallCirclesという配列に、白い円の情報を書き出していたのですが 配列にはその座標が数値として記入されてなかった。 そりゃそうだわ、Gr3本体内でxy座標の定義してないもん。 実際に円を書き込む際に配列データを画面表示のときにアンデファインド、つまり未定義って表示出て判明した。 ただ、このVerでは単純につなげただけで円を移動し…
前回の記事 grandseacrow.hatenablog.com で、ざっくりとした方向性が決まって実装をぼちぼち作っておりますが。 Gr30.73 現状 メーレ上で点滅してる小さな円をクリックすると、魔法陣上に円が追加されます。 ということで grandseacrow.hatenablog.com までは良い感じに実装できたのですが、 grandseacrow.hatenablog.com の方が難航してます。 というのも、大円の中心線から小円をつなぐのは楽だったのですが 小円同士の接続がどうもうまくいかない。 やろうとしてるのは小円が二個以上表示されたら矢印でつなぐ（円を移動させたら矢印…
前回の記事 grandseacrow.hatenablog.com 今回も実装前の仕様案の話。 Snap.SVGを使ったGrmでは最終的にこんな形でSatz内の切り替えをしようとしていたわけですが。 Gr3では、よりmære（メーレ）に寄せる形で考えています。 具体的には その1 その2 こんな感じ。 その1がmære内Satzの文字変更で、その2はSatzの種類を一覧から選ぶ感じになってます。 この機能をPalette(パレット）と命名します。わりとそのまんまですな。 ただあくまでこれ初期案で、個人的にはaltキー使ったショートカット入力も実装したいんですけど。 さて今日はお休み（になったら…
ランキング参加中趣味でプログラミングランキング参加中プログラミング ※ランキング参加中 前回の記事 grandseacrow.hatenablog.com さて前回A-satzの話をしましたが、それ以外のSatzの話をする前に他言語のサンプルソースコードをmæreやGr3で書き換えるというのをやってみたいと思います。 例えば元のソース。 main{ int a=1; str b="カイメ"; str c="バイ"; for(i=0;i<=0;i++){ print(i&b&a&c); if(i==5){ print("オリカエシ"); } } } これは数字を倍々にしていって回数と増えた数の表…
ランキング参加中趣味でプログラミングランキング参加中プログラミング ※ランキング参加中 今日は休日なので本日二度目の投稿です。 前回の記事 前回話したSatzの（）部分の名称ですが、「詩篇」を意味するPsalm（プサルム）だとか色々な案を考えた結果、ボスや親を意味するAlte（アルテ）を頭に添えたA-Satz（アーサッツ）と命名しました。 実際Satzの特殊版みたいな位置づけなので、あまり違う名前にしても覚えにくいし。 ただしこのA-Satz、mære（メーレ）上では配置場所が若干違う程度ですが 魔法陣Gr3での表現は大幅に異なります。 例えば他の言語で言うIf文やFor文を例にすると こんな…
ランキング参加中趣味でプログラミングランキング参加中プログラミング ※ランキング参加中 さてタイトルでオヤジギャクのノルマを達成したところで← 前回の記事 grandseacrow.hatenablog.com 子要素を等間隔に配置、移動させたらPila（場合によってはMistel）使用までは案を練ったところで。 そもそもどうやって要素を画面に配置するかのと考えたときに、 現在はGr3魔法陣本体の補助表示機能としか使ってないmære（メーレ）枠を Satz（サッツ）と絡めてフル活用というのを考えました。 サッツって何？って方は過去記事参照。 grandseacrow.hatenablog.co…
連休が取れたので、明日から二日ほど福島は二本松市に行ってまいります。 以前も少し話したと思いますが、弟が古民家改造して現在母と二人で住んでおります。 sites.google.com 頼むから会社予定入れてくれるなよ？欠員出て臨時出勤は本当に勘弁してくれ。 二か月前はそれで予定がポシャったんだ。 いずれは福島への移住を考えていますが、来月は上司の係長が手術でその業務を一時引き継がないといけないのと、慢性的な人手不足で今は無理かなあ 春から出向先の人員が出向元から戻されるので、それで余裕が出来たらいいなあと。
ランキング参加中趣味でプログラミングランキング参加中プログラミング ※ランキング参加中 前回の記事 grandseacrow.hatenablog.com 前回Snap.SVG魔法陣言語版Grmでつまづいた要因の一つに、デザインと可読性の両立というのがありました。 デザインチックに走るあまり、ソースコードとしての魔法陣言語が読みにくくなるのは避けたいところで、GrmではSatzにスクロール機能をつけることで解消しようとしてわけわかめになりました。 Gr3ではd3.jsのズーム機能と前回の記事で書いたミステル導入によって、入れ子構造の親子関係に関しては、上述の可読性とデザインの両立がある程度解決…
※「プログラミング」ランキング参加中 ランキング参加中プログラミングランキング参加中趣味でプログラミング 前回の記事 grandseacrow.hatenablog.com 色んな魔法円（魔方陣）を見てると、たまにこんなのを見かけます。 いわゆる円と円をつなぐ帯状のもの。 魔法円でのコレの実際の意図は分からないですが、魔方陣言語Gr3では、これに名前をつけて表記の手段として用いる事にします。 親子円は自由な配置が可能だけど、子円が親円の範囲外を出たら、イラストのように枝状のが伸びるイメージ。 これにより入れ子構造の親円から離れた場所に置いても親子構造が分かり、なおかつ表現の幅が広がるので。 実…
前回の記事 grandseacrow.hatenablog.com そして現在の進捗 Gr3 フォント魔法陣表示がうまいこと行きました。 ちなみに①〜⑩までの丸数字に組み込んでます（お試し？で全角「1」にも組み込んでますが。 さて、GrmからGr3に変えるにあたって、過去のブログ記事を読み直したりしているのですが。 早くプログラムを組むと言うことを優先するあまり、魔方陣の美しさとか自由度を犠牲にしていた気がします。 そこはもう、真摯に反省。浪漫言語と銘打ってる以上は実用性よりケレン味を重視すべきだったと。 なのでSatz仕様に関しては大幅に見直しです。スクロールとか角丸枠の辺りから色々ずれ始め…
前回の記事 grandseacrow.hatenablog.com www.youtube.com まあ、フォントとホントを掛けたオヤジギャグなタイトルなわけですが。 オヤジギャグは頭の回転が良くなってボケ防止になるというのと、逆にダジャレを連呼すると脳が劣化すると両方の意見を聞いた気がするが実際どうなんだろう？ でも早口言葉の芸人さんが脳トレの人と監修で本出したりしてるので とっさに言葉が出てこない人のための脳に効く早口ことば 作者:川島 隆太,大谷 健太 サンマーク出版 Amazon ・・・って早く本題入れって？こりゃ失礼。 過去記事で書いたのですが grandseacrow.hatena…
前回の記事 grandseacrow.hatenablog.com から、ちょこっとだけ以前のWeb版の見た目に近づけたVer Gr3 D3を使ってるので、バーションアップの数値も3にこだわります（笑） 作ってみて思ったのは、Snap.SVGとはまた違ったクセのあるjsライブラリだなあと。 例えば円を一つ書くのも Snap.SVGであれば svg.circle(100,100,80).attr( {fill:"white"}); と座標系の数字をまとめて、色情報とかその他を.attrで指定なのですが これがD3.jsだと svg.append("circle") // "circle"要素をs…
ということで魔法陣言語作成の再起動です。 WEB版で作り直しているのですが、使うJavaScriptライブラリをSnap.SVGからD3.jsに変えました。 それに伴い言語の英語表記をGrmからGr3に変えました。 ちなみに読み方は「グリム」のままです。 D3を使うのでGr3ですがその他に、数字の3を「横向きのm」に見立ててます。 （何ならGrωとかでも面白いかもですが要検討） さてD3を選んだ理由ですがこのライブラリは実用的かつユニークな性質があり勉強用の書籍も多くでています。 Snap.svg同様（あるいはそれ以上にお手軽に）SVGが使える、というのも大きいのですが、Data-Driven…
年末年始は忙しく、ネットやったりプログラミングする暇がほとんどなかったんだけども。 そんな中思うところがあってFlutterに手を出し有料のFlutter大学にも参加して気合い入れて取り組んだのだけれども。 うん、無理。 これ以上無駄にお金をかける前にすっぱり辞めることに。 一応団体の名誉のために言わせて頂くと「Flutter大学」事態に問題があったわけではなく、単純に自分がFlutterと相性が合わなかった。 Flutterでプログラムをビルド、つまり作って動かすためには ・JDKのバージョン ・ADKのバージョン ・Flutterのバージョン の三つが揃ってる必要があり、そうじゃない場合は…
まずはここから Authentication概要 Flutterで始めるアプリ開発 を元にVScodeと、そこからFlutterをインストール こんなかんじ ついでに作ったWebアプリの公開使うFirebaceも設定。 名前に英語名しか使えないので、とりあえずGrimで。 そしてコマンドラインでサンプルプログラム作って、VScodeで読み込みも確認できて F5キーでいざ実行！ ってあれぇ？ エラーだと！？まだwebベースなんだが 以前サーバで起動しなくてアパッチやXAPPを導入しようとしたのがまずかったか あれ？ひょっとしてAndroidSDK読み込めないのもそれ原因？ ちょっと消してくる…
Flutter on the Web そういうのもあるのか！
いやうん、存在自体はしってました。 Flutterはアプリ開発だけでなく、WEBベースでも作れると。 ただ、ここまで自分手持ちのパソコンやChromeOSでの導入が難航するとは思ってなかったのでね、あえて選択肢から外してました。 その場合完成するのはWEB継承のGrmなのか、はたまたFlutterで作ってるのでGrimなbのか、非常に難しいところです。 なのでカテゴリも名称もあえて特定せず「魔法陣言語」ってくくりで開発しようと思ってます（ブログからxにポストするときもそのほうがわかりやすいかも？） ・・・流石に今度は開発環境安定してくれるよな？
Flutterの導入が出来なすぎて、新しいパソコンを買おうか迷った挙げ句 それよりは安い、月額3000円でFlutterの情報交換が出来る有料グループの加入を決めました。 flutteruniv.com 状況改善するといいなあ
grandseacrow.hatenablog.com Flutterを導入しようとしてChromeOS側は上手くいかなかった話は以前しましたが 家のメインパソコンでも実は悪戦苦闘してます。 Android Studioは入ったのですが、AndoroidSDKがインストールされない。 自動で読み込む機能が機能してない。 加えて zenn.dev ……おいおい、何じゃそりゃあ。 よりによってこっちが開始しようとするタイミングで、ですかい。 落ち着くまで、しばらくはwebベースのFlutterであるZapp!でお勉強してようと思いまする。
なんかUnityが認証弾かれて導入できず。 そもそもChromeOS用に向いてないなと思いGeminiさんで他にいい開発環境ないかなと調べたらでてきたのがFlutter。 なんでも最近Googleさんが自社開発ソフトに力を入れて作った言語だそうな しかもiOS対応アプリまで作れるというお得仕様（使ってるスマホがIphoneSE2） 使うにはAndroid Studioが必要とのことでインストールしようとしたら エラーが出て、調べたらCPUがintelかamdである必要があって うちのChromebookはarm系だからだめかあ、と思っていたら mymemo8.hatenablog.com とい…
grandseacrow.hatenablog.com ……うん、もう我慢の限界。 意味不明のエラー返してくるSnap.svgや、しょっちゅう固まりまくるサーバの相手すんの疲れた。 ここは利便性あるけどストレス溜まるWEB版Grmを諦めて、アプリやソフトとして開発する方法に切り替えることにした。 家にMacあったらSwift一択なんだけど、以前持ってたMacBookは盗難にあってそれっきり。MacMiniM4も魅力的なんだけど……ここはお金かけずにWindowsで使えるUnityを選択します。 ただ、普段持ち歩いてるのがChromeBookなんですよねえ。 そっちで開発環境構築できるか調べない…
grandseacrow.hatenablog.com 表題は直訳すると「カンマ区切りの文字列」 保存で有名な、いわゆる.csvのことです。 Snap.SVGはクセがあるというかバグの多いjsエンジンで、それ故に作るプログラムのトライ＆エラーが欠かせなかったりするわけですが。 その影響で後回しにしていた保存データのcsv化が急務となりました。 というのも。 今までGrmのデータ保存にはcolors.txtというのを使い Orange Green Blue Red Gray の様に色情報を直接保存したのを読み出して表示させていたのですが どうもこれが外部SVG表示とすこぶる相性が悪く＃FFFのよ…
grandseacrow.hatenablog.com Grm0.85 kaki(hpn) Grm0.8 現在、Grmが分身中です。 というのも、機能の一部だけ表示させる部分と、データを書き込む部分を分けて どこに問題があるかを調べている感じです。 書き込み用のプログラムは グリムK と仮命名してます。 で表示テスト中ですがSatzが表示されたりされなかったり。 色情報はgrm.js側に読み込まれてるから、そのまま引用すればいいだけだと思うんですけどねえ。うーむ
Grm39 知恵を探せ、知識ではない。 知識は過去。 知恵は未来だ。
grandseacrow.hatenablog.com タイトルは、インディアンの言葉で私が好きなフレーズです。 古いことに囚われず新たな事を考えよ的な意味だと個人的には解釈しますが。 進捗 Grm0.8 少し前のGrmのVerから、grm.jsのバージョンを表示するようにしました。 index.phpに手を加えてないのに表示部分Verが上がるのに違和感があったので。 そしてわかりにくい変化ではありますが、ちょこっとづつ表示に手を加えてやりたいことに近づいてはいます。 ただ、一気に完成までに持っていきたい思惑と、やろうとしてることがうまくいかずにテスト＆エラーの繰り返しがもどかしくもあり。 そ…
Grm39 知恵を探せ、知識ではない。 知識は過去。 知恵は未来だ。
grandseacrow.hatenablog.com タイトルは、インディアンの言葉で私が好きなフレーズです。 古いことに囚われず新たな事を考えよ的な意味だと個人的には解釈しますが。 Grm0.8 少し前のGrmのVerから、grm.jsのバージョンを表示するようにしました。 index.phpに手を加えてないのに表示部分Verが上がるのに違和感があったので。 そしてわかりにくい変化ではありますが、ちょこっとづつ表示に手を加えてやりたいことに近づいてはいます。 ただ、一気に完成までに持っていきたい思惑と、やろうとしてることがうまくいかずにテスト＆エラーの繰り返しがもどかしくもあり。 それでも…
前回の記事 grandseacrow.hatenablog.com 今日はお昼から仕事なのですが、朝からモンティパイソンを見てました。 知る人ぞ知るプログラム言語、Pysonの名前の由来となった海外のお笑い集団さんです。 さてGrmですが ちょっとだけ進捗 Fetch APIでのjavaScript側へのデータ引き渡しテストは無事成功。 これを行うにあたって、冗長なソースを整理して半分ぐらいに圧縮しました。 以前は此処の円に同じ命令文打ち込んで（というかコピペで作って）、構造も非常にわかりにくかったのですが。 配列変数をデータベース代わりに使いソース序文に書き込んだら、あらすっきり。 あとは若…
お題「ベーカリー（パン屋）で必ず買ってしまうパン」 ベーコンエペが好き！ あとカレーパンとか。ヤマザキデイリーならピザパンかなあ
前回の記事 grandseacrow.hatenablog.com Grmのプログラム本体は大きくいじってませんが、 フォントの方を微修正しています。 というのも 他言語なら For（ヘンスウ）{Grm} Satz部分が「」のついたデザインであるならば。 命令文を入れる｛｝より、編集変数が入ってる（）部分のほうをカギ括弧の「」で囲んだほうがわかりやすいかなあと思った次第。 逆に｛｝をカギカッコ風の三角で表現したほうがデザインに独自性が出て見栄えも良いのかなあと。 ということで、若干テスト画面も変更。 Grm0.8 右側に注目 で、色設定の入ってないSatz、かなり前にデザイン案を出した の①に…
Grm36 fetchスケッチワンタッチ、お風呂に入ってあっちっち
昭和平成世代なら、◾️ッチスケッチは子供の頃散々使った言葉……ですよね？ （令和生まれの姪の子供には「何それ」と言われましたが） で今回はfetch APIの話。 調べたらfetchは盗みとるとかの意味のスラングらしいですが、それはさておき。 外部データをJavascriptに読み込む手段として良く用いられるものらしく、SNAP.svg側にテキストデータを受け渡す手段として使ってみようと思っています。 これがうまくいくなら、ようやくmæreとSatzのスクロール連携に着手出来そう、かな？
Grm35 知ってるか、チョロQって後ろに下げて走らせるんだぜ？
grandseacrow.hatenablog.com いじくりすぎて文字化けやらレイアウト崩れやらなにやらで、しばらくGrm画面が酷いことになっていましたがようやく持ち直し。 プログラム言語作成計画も四歩ほど後退して私生活もバタバタして暇がなかったのですが、ようやく片付いたところでスクロール問題にも解決の糸口が。 そもそも ここの部分 をiframeで読みこんだりDIVにスクロールバーつけたり、んで書き込んだら画面のリロードとか色々考えて試してたのですが。 Grm本体、Satz表示のスクロールをJSのSnap.SVG制御でやらせる予定なので、 文字部分も同様にしたらよくね？と思ったわけです。…
grandseacrow.hatenablog.com javascriptにせよsnap.svgにせよ、データを書き込んで保存するのを苦手としているので、そこは昔取った前職の杵柄、簡易掲示板作成で使ってたphpさんにデータを投げてSNAP.svg上から制御・・・的なことをおなじみGeminiさんと協力しつつ作ってるんだがうまくいかないっすねー いやうん、投げるだけならなんとか出来てるの。 SVGで色違いのボタン作って、Color.txtなるfileに色の押された順に保存。 こんな感じに でもそれをデータとして読み出して、表示させるのが苦戦中。 色々プログラム弄くってたら、もうわけわからんなっ…
https://store.shopping.yahoo.co.jp/shop-always/r191205-06n.html?sc_e=ad_listing_gpla_i_shp_02502&gad_source=1&gbraid=0AAAAAC2i68-jsqtnLPpx2DPMfNtXgSmhk&gclid=Cj0KCQiAuou6BhDhARIsAIfgrn4Dl1H6I6_B-pbmO2JvWOP8_yc3USZ1JTvJBgN9woh9b7zMLL0T_qIaAlWhEALw_wcB 面白そうな充電器ないかなと思って探してたら。 いやちょっと欲しいぞ！
「ブログリーダー」を活用して、大海烏＠魔法陣言語さんをフォローしませんか？
