【M3対応】MacにPythonをインストールしてプロジェクトを作成
pythonは業務の自動化にはとても便利ですが、いろいろインストールしていくうちにMacbookの中身が知らないライブラリでパンパンに、、、ということにならないようにやっている内容を理解しながらMacにPythonをインストールしていきます。 - パート 3
【M3対応】生産性アップのためのMacBookおすすめ初期設定
【M3対応】生産性アップのためのMacBookおすすめ初期設定 MacBookを4年ぶりに更新するので新しく初期設定。 設定を引き継ぐより新しく設定する方が好きなので実施した項目をまとめておきます。 ほんのちょっとの差の積み重ねが生産性に大きく関係する、、、はず。 自分が心地良いと思う設定をまとめておきます。 - パート 3
【WordPressのプラグイン使用】WordPressとX(旧twitter)の連携
改めて情報発信をしていくにあたって、WordPressとXを連携させて効率化を図りたい！ WordPressで投稿したらXにも投稿する Blogの目的としてはアウトプットによる情報の整理、自分のやっている事の周知、学んだ事を周りにシェアなどなど。情報発信の場が多いのでなるべく1つのプラットフォームと連携させていきたい。 - パート 3
async,awaitについて
何ものか 簡潔に非同期の処理を書くためのもの 関数にasyncをつけた時の挙動 1. Promiseを返すようになる let asyncFunc = async () => { return 'hello'; }; let resul…
Promiseとは
前提 非同期処理はブラウザやnode.jsが提供する処理だが、PromiseはECMAScriptの標準ビルトインオブジェクトである。ので、非同期処理と密接な関係にあるPromiseだが、独立した機能である Promiseの挙動 第一引数に…
非同期処理とは
定義 ある処理が終わるのを待たずに次の処理を行うこと 例 非同期処理 ↓1秒後にlogが出力される setTimeout(() => { console.log('this is async'); }, 1000); 同期処理 ↓al…
イベントの設定について
プロパティに設定する方法 *イベント登録は一つのみ button.onclick = () => { alert('clicked!'); } イベントを無効にしたければnullを入れる button.onclick = null; …
HTMLの属性の操作
属性確認 attributes html <input type="checkbox" id="hoge" foo="fuga"> javascript const result = document.querySelector…
DOM操作について
要素の取得 html要素,head要素,body要素の取得 document.documentElement; document.head; document.body; 親子のノードを取得 子ノード全て document.body.chi…
ブラウザを操作するビルトインオブジェクト
ブラウザ操作のためのAPI MDNのWindowインターフェイス内に記述してある プロパティやメソッドを使ってブラウザを操作する *インターフェイス=オブジェクトと捉えて良い メソッド（抜粋） alert 画面にアラートを表示 alert(…