min117の日記

初期desireもち。趣味Mac,メインFedora,仕事xp。

JavaScript

xdg-openコマンドを使ってJavaScriptのコンソールデバッグ(こんなことできるんだスゲェ)

ランキング参加中PHP ハピタス登録で1,000円分になるURL bashコンソールでHTMLの表示確認 すげえこんなことできるんだ。 $ xdg-open myKINRIjquery05.html やりたいデバッグとは全然違うけど、ブラウザを使わずして見た目それっぽく確認できるのはまあいいか…

PHPで予約システムを作る(JavascriptからPHPファイルを非同期通信で呼ぶ)

ランキング参加中PHP ハピタス登録で1,000円分になるURL Xmas予約システム できた。 これのP174。 作りながら基礎から学ぶPHPによるWebアプリケーション入門XAMPP/jQuery/HTML5で作るイマドキのWe 作者:清野 克行 秀和システム Amazon 作りながら基礎から学…

XREAサーバに置いたhtmlファイルに書いたphpコードを動かすには → .htaccess に AddType application/x-httpd-php .html を書くだけ

ランキング参加中PHP ハピタス登録で1,000円分になるURL htmlに書いたphpコードが動作しない $ vim myKINRIjquery03.html html内に書いたphpの記述がただそのまま出てきちゃった。 解決策 htmlファイルを置いた場所に.htaccessというファイルを作ってその中…

お、アクセス数が150万を超えたぞ

ハピタス登録で1,000円分になるURL 記念パシャー 2024/2/14(水)ヴァレンタイン ランキング参加中プログラミング ランキング参加中テクノロジー ランキング参加中インターネット ランキング参加中PHP /* ぺろっとめくれたデザイン h1 */ .entry-content h1 …

PHP+jQuery でゴリゴリ書く

ランキング参加中PHP ハピタス登録で1,000円分になるURL シンプルなsample できた これのP122 作りながら基礎から学ぶPHPによるWebアプリケーション入門XAMPP/jQuery/HTML5で作るイマドキのWe 作者:清野 克行 秀和システム Amazon 作りながら基礎から学ぶPHP…

青空文庫「吾輩は猫である」HTML読んでる途中で栞sioriを挟みたい

ハピタス登録で1,000円分になるURL htmlで栞(しおり)機能は実装できるのか 吾輩は猫である、超面白い。 「日本スゴイ」とか言ってる昨今のクソウヨにもそのまま当てはまる皮肉。 漱石天才すぎる。ま、「このなものを喜んで読んでいるやつが一番莫迦(ばか…

npm create vite@latest でサクサクとReactアプリを作る

ランキング参加中PHP ランキング参加中テクノロジー ハピタス登録で1,000円分になるURL この人の動画かなり良い。サクサク作れる www.youtube.com npx createだと時間かかりすぎるところ、viteというReact-app作成高速化ツール?があるらしい。 $ npm create…

ffmpeg.wasmを調べちう

ランキング参加中PHP ハピタス登録で1,000円分になるURL こいつは面白そうだ 毎日のffmpegでの動画変換がWebブラウザ上でできる…だと? gigazine.net forest.watch.impress.co.jp ffmpeg.wasmインストール こうやるらしい。 ffmpegwasm.netlify.app 実行。 $…

JavaScriptで英語学習アプリ

ランキング参加中英語 ハピタス登録で1,000円分になるURL JavaScriptで英語学習アプリ Duolingo面白いので自分用にも作ってみたり。 ざっくりソース。 $ vim myKINRIeigo01.js 参考にしたサイトはこのへん。 joytas.net ほぼ写経。 ランキング参加中プログラ…

ExcelでF1を押してもヘルプが出ないようにする → Let's Noteで「半角/全角」を押すときにF1キーを押してしまいヘルプが上がってめっちゃイラっとするのを解消

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL 個人用マクロを記載 一度マクロ記載してしまえば拡張子.xlsxや.csvを開いたときにもF1でヘルプを表示しないようにできる F1を押したときにもF2と同じくセルにフォーカスするようにできる。…

three.jsを試す(JavaScriptで3Dグリグリ)

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL 何ができるか これ https://ics-creative.github.io/tutorial-three/samples/camera_mouse_x.html 3Dキューブをグリグリ threejs.org $ npm install --save three $ npm install --save-de…

「ハッカーと画家」を画面分割して英語と日本語を並べて表示 Hackers and Painters

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL いつでも読めるように Bootstrap使って縦書きに二分割する www.paulgraham.com 今後改良したい点 ・スマホやタブレットだと分割がうまくいかないのを修正 ・画面をクリックした時だけ訳文…

ChatGPT「ある画像の上を文字列が下から上に(映画のエンディングのように)スクロールする機能をjavascriptで実装するコードを見せて」

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL scrolling textが下から上にスクロールする機能が数分で実装できた。 この画像の赤い文字を上にスクロールしたいのが調べたきっかけ。 この赤文字の歴史を下から上にスクロールしたいのよ…

ChatGPT「Chart.jsでoptionsの記述を例えば var=myOPTIONS みたいに外出ししたとして、optionsの中のfontsizeを、関数の引数として受け取って、都度変更することはできるだろうか?」

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL このグラフ 仮に「看護師等ALL」を選択したらY軸(左)の目盛りを500人にしたいとしよう。 つまりこうしたいのよ。Y軸を500人にしたいの。 コロナ禍では看護師の人手が足りなくて働いて欲…

ChatGPTほかAIが壊すものは? → 資本の源泉(差異の体型からの剰余価値創出) ⇒ 人間は生産の場に追われるのか

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL トランスクリティーク 柄谷行人は言う。「異なる共同体間での(等価)交換こそが剰余価値の源泉である」と。 生産の現場ではなく(だけではなく)交換の場。そこがロドスだ。飛ぶ場所だ。 …

ChatGPT「javascriptでvarとletの使い分けは?」「varとletとconstの違いを詳しく」

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL ほんとにGoogleいらんくなってきた javascriptでvarとletの使い分けは? 正確な答えが結論だけ返ってくる。 同じことをGoogleで聞くと 検索結果の一番上のリンクを開くと… アイキャッチ画…

Chart.js バージョン3のグラフに数値(項目ラベル)を表示させるには plugins の文字列を2つ書く必要がある

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL Chart.js バージョン3で項目ラベルが表示されない! できた! めっっっっちゃ苦労したわ。 kumatech-lab.com こうやる まずは<head>で chartjs-plugin-datalabels を設定してやる必要がある。 15</head>…

JavaScriptで職業別求人・求職バランスシートをグラフ化 → プルダウンで有効求人倍率の折れ線グラフを更新する

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL こないだからやってる過疎地域の雇用データ(有効求人倍率)のグラフ化。 min117.hatenablog.com Pythonで描いたグラフを JavaScriptでグラフにしてみる できた。 だいぶ印象違うなぁ。Jav…

プルダウンで画像選択できるhtml書きたい → ChatGPT「201901.png,201902.png...というファイルがあります。これをlist_img[n] という配列に格納するjavascriptのコードを示して」

ランキング参加中プログラミング ハピタス登録で1,000円分になるURL サーバにあるpng画像を読み込んで一覧化したい 201901.png,201902.png...というファイルがあります。これをlist_img[n] という配列に格納するjavascriptのコードを示して 月次の有効求人倍…

新年 会社法「ひながた集」を自作する

商業登記法ひながた集 眺めてるだけで勉強になるようにした。 登記の事由や登記すべき事項、添付書類をクリックすると内容が表示される 通勤のスキマ時間で頭の体操できる。 会社法の条文もサッと見たいので、右下の法329をクリックすると 会社法329条(row_…

JavaScriptだけでGET文をサーバに投げてページ遷移もする → Chrome拡張【Enhancer for YouTube】カスタムスクリプトで実行

年末bitFlyer招待URL bitFlyer口座開設(ビットコイン1,000円もらえる)URL 要はこの記事にあるPOSTをGETにしてサーバに投げたい。 oc-technote.com 何ができるのか 「カスタムスクリプト」をクリックすると 「このまま送信」で 自鯖にあるPHPスクリプトにGE…

Chrome拡張【Enhancer for YouTube】カスタムスクリプトを試す testing Custom Script

年末bitFlyer招待URL bitFlyer口座開設(ビットコイン1,000円もらえる)URL min117.hatenablog.com Enhancer for YouTubeのカスタムスクリプトを試す。 できた。JavaScript書けばいいみたい。 実行! おっしゃ動いた! この動画のURLを表示するにはこう バッ…

正規表現を使ってモンスターを倒すゲーム「Regex Hunting」楽しい

ゲームってアホがやるものなので基本キライなんだけど、こういうのならやってもいい。 www.regex-hunting.com 課題に出された正規表現を入力してEnter押すだけ。 てかJavaScriptのエスケープのバックスラッシュがmacで打てん。どうやんだっけ? developer.mo…

はじめてのnodejs

react入れたらnodejs入ってた 母艦サーバ(fedora)にreactインストールしたときに、 nodejs も一緒にインストールされたっぽい。 react楽しいけど、そこいくまでの歴史(nodejs)を知らないと、いま写経してるコードが react独自の書式なのか、それともnode…

写経でReactサンプルアプリ

結論メモ インストール npm(javascriptのパッケージマネージャらしい)のFacebook社カスタマイズ版であるyarnをインストールして進める。 qiita.com $ yarn global add create-react-app インストールされたのに create-react-appなんてコマンドは無いって…

fedora30にreactの開発環境セットアップ(nodejsとyarnのインストール)

nodejs苦手 node関連てエラーばっかでるから好きくなれないんだけどreact面白そうで試したいので入れざるをえない。 我が家のサーバはfedora30。 min117.hatenablog.com だいぶ古いOSだけど、これに最新のnode.jsインストールできるんだろうか。 インストー…

はじめてのReact(環境構築なし自宅Webサーバでいきなり試す)

できた ソースはこれ blog.codecamp.jp この記事の最高に良いところは環境構築とかダルいことナシにいきなり動くサンプルであること。 こういう記事がいちばん役に立つ。 保存用 <html lang="ja"> <head> <meta charset="utf-8"> <title>my React 01</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script> </meta></head></html>

PHP から javascriptのconfirm() を呼び出す → 「YESを押したらファイル削除」

phpとjavascriptの連携。えらく苦労したが、やりたい動作ができた。こないだの失敗を踏まえて再挑戦。 min117.hatenablog.com やりたいのはこう。 サーバに動画ファイルがある。 自宅youbuteのような機能をphpで実装していて「mp4再生」ボタンを押せば観られ…

PHP サーバにあるファイルを削除する機能を実装する(javascriptからphpの関数を呼び出す)→ 失敗

サーバ側に例えば「test.txt」というファイルがあって クライアント側からブラウザ経由でそれを削除したい。こんなイメージ。 http://server.com/doDEL.php?DELTARGET=test.txt 削除前の確認confirmをjavascriptで行って YESだったら削除する。Noだったら削…

PHPでJSONを返すAPIを作成 → JavaScript(JQuery)からアクセスする

PHPでJSONを返すコードを書いて、それをJavaScriptから呼び出す。 このサイトの処理そのまま実装した。 qiita.com こうなる。 <流れ> ChromeからdoJSON.htmlを開く → JavaScript(JQuery)がサーバのAPIを叩きにいく → サーバのAPI(doJSON.php)が応答を…