2025年10月25日、AtCoder Beginner Contest429でようやく入茶できました。 一応記録として記事を書いておこうと思います。 約1年がかりでようやく茶色なので、出来ない側の人間で凡人も凡人です。 それでも続けることでなんとかなりました。よかったです。 …

ドラッグ & ドロップ。 プラグインやら使うことが多いけど、やり方見ておくのもいいなと思って備忘録。 draggable 簡単にやるのであれば、要素に draggable属性つけて、ドロップエリア側でonDropを実装してあげたらそれっぽくできる。 <div id="drag-item" draggable="true">ドラッグしたい要素</div> <div id="drop-area">ド</div>…

direct.gihyo.jp RustWebアプリ本も一通りやってみたし、次は何か・・・と探していたところ、 「Rustでブラウザ実装する本が出るらしい」とXで見かけ、惹かれて購入しました。 購入したは良いものの、2024年内はほぼ放置していました。 Rust本は「Rustによる…

なんとなく。 2024年中にやれたこと やっとReact触れた やっとNext触れた Vue2→Vue3なんとなくやれた Hono使って、簡単なLINEでやるリマインダーアプリ作った RustによるWebアプリケーション開発一通り写経した AtCoderAB過去問埋めをはじめた(Cも少しずつ) …

わりと迷わず買ったので、一通り写経含めてやってみた。 1〜4章 環境構築から、周辺の説明。 今回のアーキテクチャとか。 本の中だと、APIを作成してフロントエンドから扱う感じなので、普通にテンプレートエンジン使うなら？ とかはちょっと寄り道してみた…

RustでJSが実行できて、その内容をRust側で使えたらなー。 という要件が出てきたので、やってみたよ的な内容。 「必要な情報がHTMLのForm上には落ちていないけど、JS上には落ちている」 みたいなニッチな条件下での利用を想定。 https://github.com/theduke/…

大体PCで使う想定で、「図形でボタンっぽいものを作って、それにGASを関連付けて発動させる」であのトリガー部分は成り立っています。 でも、そういうことをスマホでもやりたい・・・ということはありませんか？ 図形設定してボタン作って・・・としたいとこ…

最近、JSでDOMが書き換えられるサイトが多すぎて、純粋にスクレイピングしようとすると結構辛かったりします。 スクレイピングに限らず、実務であっても、なぜか効かせたいJSが効かない問題はおおよそタイミングの問題であることがあります。 微妙にsetTimeo…

普通にE2Eテストを書くと、ブラウザを立ち上げるところから始まります。 そうではなくて、既に立ち上げておいて、途中から自動化したいケースの話。 ポート番号を指定して機動 ポート番号を指定してChromeを機動します。 Macなら /Applications/Google\ Chro…

Rustの環境を作ってcargo build --releaseすると、デフォはその環境に合わせた実行ファイルができます。 たとえば、Windowsでやったら.exeが吐き出されます。 他環境に配るのに、毎回その環境でビルドするのも面倒すぎるので、何かしら方法は・・・。 やり方…

Rustで並列処理をやりましょう。 恐れるな！並行性 基本的にはここを読めばできます。 thread::spawnを使ったりなんやかんやするのですが、今回はtokio::spawnの方を使います。 使い方 use tokio::time::{sleep, Duration} #[tokio::main] fn main() { let h…

Rustで設定ファイルをもたせたい場合のTIPS。 config-rs crateを使えばそれっぽくできました。 やり方 [dependecies] config = "0.13.1" [[users]] name = "Alice" age = 21 [[users]] name = "Bob" age = 25 struct User { name: String, age: i32 } fn mai…

設定ファイル、主にドットファイルの管理めんどくさいですよね。 前はdotfilesリポジトリ作って、dotfiles使って、なんかシンボリックリンク張ってどうこうみたいなそんな感じだった記憶・・・。 いつの間にか管理するのをやめてしまっていました。 そこで見…

よくあるCLIで対話形式に進められるやつを付け加えたいなと思って調べてました。 Rustだと「inquire」というCrateを使えば、楽に実装できそうでした。 基本 [dependencies] inquire = "0.5.2" テキスト use inquire::Text; fn main() { let name = Text::new…

CLIでローディング出すやつ作ってみた話。 プログラム起動させてから、実際にアクションを起こす時間までの待機中が寂しかったので、「よく見るけど、実際どうやって作るん？」と思った次第。 結論、標準出力に\rをつけてあげて、上書きをしていけば良いらし…

また書くかも！とかいいつつ、書いて今年終える！！！ エディタのカラースキームはやる気とかに直結すると思っている派です。 あと、カラースキームを変えると気分も変わる気がします。 そんなこんなで、久々に心踊るカラースキームに出会ったので書いておき…

年末なのでまとめ記事。 2019年やったこと。 やったこと ギョーム 業務はほぼ後半はjQuery書いてた気します。 前半はVueやらAngular書いてた気もします・・・。 個人的なやつ しょーもないことでも、ちょいちょいブログ書いた 夏頃に少しだけGoに入門した 秋…

今までGVimだったんですけど、周り見てみると、普通にターミナル環境でVim触ってる人多いですよね。 Vimにターミナルが入ったとはいえ、あまり使いこなせていないのも現状。 あと、VSCodeではこの感じでずっとやってたので、こんな感じにしたいなーと思った…

去年の末ぐらいからVSCodeに浮気をして、VSCodeを使っていました。 とはいえ、VSCodeのVim拡張を入れて使っていたわけですが。。。 昨年末、Angularを書く機会があって、Vimでは書きにくかったのもあって移行したのでした。 結構不自由なく使えていて、不満…

JavaScript書いていると、「DOMを非表示にしておいて、特定条件で表示する」みたいなのってよく書きます。 一個一個は単純でも、複数になるとそこそこ面倒。。。 今回は、この非表示にする方法にフォーカスしてみるやつです。 なんでもかんでもdisplay: none…

Proxyオブジェクトが結構便利だったので書いてみます。 Proxy Proxy オブジェクトは、基本的な操作 (例えばプロパティの検索、代入、列挙、関数の起動など) について独自の動作を定義するために使用します。 const proxy = new Proxy(targetObject, handler)…

わりとガンガンjQueryな、とくにUIライブラリも使っていない。(jQueryUIはあるけど) いろいろと辛い状況なやつ。 画面追加がある度に、ほぼその画面に合わせてCSSも書きつつ。 レイアウト指示はそこそこ細かく、px単位でたまに指摘される。 そんなのが続くと…

1周目はよくわからなかったけど、よく読んで2周目やってみたら意外と解けました。 ということで、一通りやってみたコードのまとめ。 もっとスマートにできたりすると思う。 Loops and Functions 関数とループを使った簡単な練習として、平方根の計算を実装し…

夏季課題として与えられたちょっとしたプログラミングテスト。 で慣れ親しんだJSではなく、わざとGoで挑戦。 せっかく始めたし、知識つけるために。 そんな中、StringをIntにしないといけない場面に出くわして調べた。 (Tour of Goしかやってないぐらいの知…

先日、「みんなのGo言語」を購入。 買った。 pic.twitter.com/AuT3kryGmy— りしあ (@lisia__) August 3, 2019 このお盆休みの9連休でやってやろうと思ってやり始めてます。 進めていくと、まずは「A Tour of Go」をやろうとのことなので、ちょっとずつ進めて…

昨日書いた「VuexのcreateNamespacedHelpersでdispatchの記述を短くしたい」なんですが。 一つ考慮が漏れてました。 namespaceがあることで同じ名前のアクション名でも問題なかったのが、あれをやると死にますね。 (よくよく考えたら当たり前) 例えば、それ…

初めてVuexを触ったとき、とくにnamespaceも使わずやってました。 ちなみにmapActionsは使わず、this.$store.dispatchでしたい派。 this.$store.dispatchの方がdispatchしてるわー！今dispatchしてるわー感があるので好き。 というのは嘘で、コード見たとき…

VSCode使い始めて1年ほど。 結局Vimから乗り換えたというか、両方使ってる感じではあります。 というのも、このissueにあるように、行数が多いとかなりパフォーマンスが落ちてしまって、まともにコード書けなくなるんですよね・・・。 VSCodeVIM is unusable…

Qiitaなんかである入力エリアとプレビューエリアのスクロールが連動するやつ。 要件は違ったんですが、スクロール同期という点では同じだったのでやってみたので書いておきます。 単純に連動する まずは単純に同じサイズの要素を連動させてみます。 単純な連…

Electronのアプリの自動アップデートについて調べる機会があったので書いておきます。 いくつか方法があって Electronに元々入っているautoUpdater electron-builder + electron-updater update-electron-app 今回は、electron-builder + electron-updaterを…