- 1. Phaser.jsでCPU対戦ポーカーを作りました
- 2. Vue.js 入門2 v-on:click
- 3. 【Deno】パスやURLの操作方法まとめ
- 4. React Conf 2021 全体ざっくりまとめ
- 5. PropTypes.array の役割
- 6. 【React hooks】 useReducer って何?
- 7. JavaScript環境構築まわりの用語
- 8. HTTPでgetしたデータがconsole.logで見えないと思ったら非同期処理が原因だったらしい
- 9. すぐに使えるSvelteハンドブック
- 10. chroma.js を使った HSB(HSV) と16進数カラーコードの変換やその他の処理を p5.js Web Editor上で試す
- 11. 簡単!FlexBoxで作るカルーセルスライダー
- 12. パスワードを作るときの正規表現(メモ用)
- 13. nimでカスタムエレメントを作れるかがんばってみた、疲れた
- 14. [JavaScript/node/WSH/Bat] 特定フォルダ下位にある画像ファイルをランダムで開く
- 15. [ WordPress ] MW WP Form 任意の曜日を選択できなくする
- 16. Discord.js+Expressでグローバル変数っぽい挙動をしたいメモ
- 17. 【小ネタ】double click と single click で別のメソッドを発火させる
- 18. jsで避けゲー作ってみた!~初心者向け~
- 19. Autify で Salesforce を動かしてみよう~ vol.12 JSステップで外部APIにアクセスする
- 20. JavaScript/jQuery初学者が一般のサンプルを読み解く時のポイント
Phaser.jsでCPU対戦ポーカーを作りました
この3連休(2022年3月19日~21日)でPhaser.jsを使用して
CPU対戦ポーカーを作りました。
Phaser.jsはすごく使いやすくて、便利でした。
トランプ系のゲームは、ルールを知っている人が多いので
練習に作るには良いのではないかと思いました。https://www.new-doumeishi.me/vsPoker/public/
Vue.js 入門2 v-on:click
v-on:clickの使い方のサンプルになります。
ボタンをクリックするとカウントが1ずつ上がります。“`html:index.html
カウントアップ
{{ count }}回クリックしました。
``````main.css
canvas {
display:block;
background-color:#000000;
margin:auto;
padding:0;
position: absolute;
top: 0;
right:
Autify で Salesforce を動かしてみよう~ vol.12 JSステップで外部APIにアクセスする
# はじめに
- Autify で Salesforce を動かしてみよう、と思い記事にしてみます。
- TIPSなども記載できれば、と考えています。# 何をするの
Autify JavaScript Snippets( https://autify-javascript-snippets.netlify.app/ja/ )で
気になるコードを見つけました。https://autify-javascript-snippets.netlify.app/ja/snippets/others/xhr_post/
```javascript
var url = "*** API URL ***";
var xhr = new XMLHttpRequest();xhr.open("POST", url, false);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("key=value");if (xhr.status !== 200) {
throw
JavaScript/jQuery初学者が一般のサンプルを読み解く時のポイント
jQuery初学者がつまづくポイントとして、**サンプルを見て「なんでそれで動くのか分からない」**、というのがあると思います。「jQueryでアコーディオンメニューを作りたい」と思ったとき、検索すればサンプルはたくさん出てきます。しかし、`セレクタ`は分かる、`on`で`イベントハンドラ`、など文法は分かっているのに、意味が分からない、自分で書ける気はしない、という感じです。
今回は、こちら↓のサイトで紹介されているアコーディオンを例に、jQueryの理解を深めるための、サンプルの**読み解き方**について書いてみたいと思います。
https://125naroom.com/web/3046
# 対象の読者
- JavaScript/jQueryの基本的な文法がわかる人。
- 一般のサイトでサンプルを見て、コピペして**動かすことはできるがなんで動くのか分からない**人。
- 分かるようになるためのコツが知りたい人。# サンプルを読み解く流れ
ここでは以下のような流れでサンプルを読み解いていきます。
- サンプルのどこに着目して理解を深めたいか決める
- 関係ない部分を削る