2021-01-01から1年間の記事一覧

javascript setTimeoutのコールバック関数に引数を取る場合の書き方

setTimeoutは引数に関数をとるが、 関数に引数を渡すために()を使用すると関数が実行された評価がsetTimeoutに渡ってくる ・第三引数にとる setTimeout(console.log,1000,"test"); ・無名関数にする setTimeout(function(){ console.log("test"); }, 1000); …

React イベントハンドラー

イベントハンドラーのイベント名はキャメルケースで記述 function App() { return ( <div onClick={()=>{alert("clicked")}}> TEST </div> ); }

mapによる特定のキーバリューの取得

var foodList = { 'オムライス': 450, '焼きそば': 500, 'お好み焼き': 600, '焼き飯': 400 }; //任意のキーワードを指定する var order = ['焼き飯', 'お好み焼き']; var result = order.map( function( value, index, array ) { //配列のキーワードを使っ…

React propsをスプレッド演算子で渡す

const bluelogProps = {title: "TITLE", message:"MESSAGE"} function App() { return ( <div> {/* 個別に入れ込んで渡す*/} <Bluelog title={"asfasdfasdfasdf"} message={"ssdfaf"} /> {/* スプレッド演算子でまとめて渡す*/} <Bluelog {...bluelogProps} /> <FuncSample/> </div> ); } function Bluelog(props) { return( <div> <h1>{props.title}…</h1></div>

React props.childrenによるコンポジション(継承)

{/* 子コンポジション*/} function ColoredText(props){ return ( {props.children} {/ 渡ってきたJSXにアクセスしてレンダリング /} ); } {/*親コンポジション*/} function Bluelog(props) { return( {/子コンポジションにXMLを渡す/} {props.title} {props…

aws cli S3ファイルのキャッシュ設定

AWS

Cloud Frontでキャッシュ更新がされない問題が発生 └S3のファイルのメタデータでCache-Controlを設定することで解決した aws s3 cp s3://dejima/test3/ s3://dejima/test3/ --recursive --exclude '' --include '' --cache-control "max-age=2" --profile ho…

javascript addEventListenerで引数を渡す

const room ; target.addEventListener('click', {_room:room, handleEvent:onClickEvent}); function onClickSend(_room) { console.log(this._room); }; 実引数はthis.〜の形で利用する //参考URL https://note.com/yamanoborer/n/n2e4cc40328b7

ffmpeg フォルダの動画を一括処理

フォルダ内の動画を一括軽量化 for f in */.mp4; do ffmpeg -i "$f" -c:a aac -c:v libx265 -crf 22 -b:v 2500k -s 1280x720 -tag:v hvc1 "${f%.mp4}_.mp4"; done; //参考URL ffmpegでフォルダ内の動画を一括変換する - Qiita

ターミナル 新規テキストファイルを作成

echo text > newfile script text.txt

blender playcanvas用のFBX出力

確認事項 UV設定 └UV展開の乱れを確認 マテリアルシェーダー └余分なノードを削除 書き出し設定 └パスモードをコピーに └FBXバイナリにテクスチャを埋め込み

blender playcanvas用のFBX出力

確認事項 UV設定 └UV展開の乱れを確認 マテリアルシェーダー └余分なノードを削除 書き出し設定 └パスモードをコピーに └FBXバイナリにテクスチャを埋め込み

blender grease pencile

Shift + A グリースペンシルを追加 スナップを切り替え オブジェクトモードでパスやポリゴンラインに変換 オブジェクトデータプロパティ>ジオメトリ>ベベル ポリゴン変換 //参考URL https://www.youtube.com/watch?v=AK94nPjexDo&t=688s

javascript デバッグログの色を変える

console.log('\u001b[31m' + 'Red TEXT '); black: '\u001b[30m', red: '\u001b[31m', green: '\u001b[32m', yellow: '\u001b[33m', blue: '\u001b[34m', magenta: '\u001b[35m', cyan: '\u001b[36m', white: '\u001b[37m' //参考URL https://qiita.com/shuh…

ターミナルからクイックタイムを起動

open -a "quicktime player" //参考URLhttps://chocola.work/mac_os_x_terminal_quicktime_player_starting_command/ オプション -n をつけることによって複数アプリを立ち上げる ブレンダーを複数立ち上げる open -n /Applications/blender.app blender pyt…

ターミナル プロセスを強制終了させる

lsof または ps でPIDを検索 kill -9 PID ※-9で強制終了オプション lsof -P -i:3000 sudo kill -9 13 //参考URL https://it-afi.com/linux/kill-9-%E5%BC%B7%E5%88%B6%E7%B5%82%E4%BA%86%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3-%E3%81%A4%E3%81%91%E…

Google APIで400エラー

GoogleAPI作成の際OAuthの認証情報で"承認済みのリダイレクト URI"の記述で解決 エラー内容 S3のURI https://BUCKETNAME.s3.DOMEIN.amazonaws.com/FOLDERNAME/index.html index.html必要 ローカルホスト https://localhost:5500/ /index.htmlは❌ 127.0.0.1と…

AWS CLI S3とローカルフォルダとのファイル同期

ローカルでAWS CLIのインストール S3への編集権限を持ったIAM USERの作成 AmazonS3FullAccessポリシーのアタッチ ※インラインポリシーの作成 インラインポリシー内容 { "Version": "2012-10-17", "Statement": [ { "Sid": "Stmt1446117060000", "Effect": "A…

GCP APIでの接続で403を解決

症状 サンプル※に従ってUnityからグーグルドライブへ接続しようとしたときに以下エラーが表示されてハマった The 403: access_denied The developer hasn’t given you access to this app. ~~~(以下略) 解決法 以下動画に従ってGCP設定からアプリを公開する …

ターミナルでパスワード付きzipを作成

zip "作成後ファイル名" "zip化するファイル名" -e

ターミナル ディスクをフォーマット

diskutil list diskutil unMountDisk /dev/disk No. ※外付けのディスクはexternal phisicalで表示される diskutil eraseDisk HFS+ "New disk NAME" /dev/disk No. ※HFS+/macOS High Sierra以前のファイル更新履歴を記録するフォーマット APFS/macOS High Sie…

mac m1 アイコン画像を変更

フォルダ情報ウィンドウを表示 >アイコン画像を選択状態に >使用画像をプレビューアプリで開く >全範囲の画像をコピーして >フォルダ情報ウィンドウで貼り付け

zshコマンド zmv

zmv -W '.png' '.jpeg' ※ .zshcrにて設定に以下追記が必要 autoload -Uz zmv //参考URL https://kaworu.jpn.org/freebsd/zsh_%E8%A4%87%E6%95%B0%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92zmv%E3%81%A7%E4%B8%80%E6%8B%AC%E3%83%AA%E3%83%8D%E…

HackMD CSS記法

通常HTMLと同様以下で上書き設定可能<style type="text/css"> </style>//参考URL https://gist.github.com/IanChen83/00222a2eb4c277b390b450b51b80d2c3

sed チートリスト

sed -e "s/^.//g" 先頭から一文字を削除 sed -e "s/^...//g" 先頭から三文字を削除 sed -e "s/\./ /" 行の中で最初の.(ピリオド)を削除 sed -e "/^ZZZ/s/○○○/□□□/g" ^ZZZを条件にした行に対して○を□に置換 sed -e "/^[\t ]*$/d" testfile 空白行を削除 //…

Basic認証

必要ファイル .htaccess .htpasswd ディレクトリ構造 ├─dir_parent ├─dir_child1 │ ├─.htaccess ///dir_child1以下再帰的に全てに適用される │ └─dir_grand_child2 └─dir_child2 └─.htpasswd ///配置場所は任意 各ファイル内容 .htaccess AuthType Basic Aut…

typora 使い方

アウトライン表示の切り替えは⌘ + ⌃ + 1 ソースコード表示切り替え⌘ + / 見出し⌘ + 1〜6 リンク設定(文字列を選択状態で)⌘ + K インラインコード ⌘ + ⌥ + C 順序なしリスト - + スペース空白 //参考URL https://walking-elephant.blogspot.com/2019/08/mar…

m1 macでの画面収録

blackholeをインストール Audio midi設定>複数出力装置を作成>blackholeを含む出力装置を作成 サウンド設定>出力>blackhole に設定 Shift+Command+5で画面収録メニューを呼び出し、 Optionからマイクを設定 ※ZOOMなどのアプリを収録する場合はかくア…

vscode 使い方

lorem5 //ダミーテキストを5つ作成 Shift + Alt + O //未使用のimportを削除 Cmd + Shift + O //ファイル中のシンボルを検索 Ctr + D //次の単語検索,編集モード Ctr + K + D //単語検索,編集しない Ctr + Shift + F //プロジェクト内検索 Ctr + B //左側パ…

ffmpeg インスタ用にリサイズ

インスタ用にスクエアサイズにリサイズ(ipadmini) //動画(画質は要調整) ffmpeg -i "IMG.MOV" -vf "yadif=deint=interlaced, scale=w=trunc(ih*dar/2)*2:h=trunc(ih/2)*2, setsar=1/1, scale=w=1920:h=1920:force_original_aspect_ratio=1, pad=w=1920:h…

playcanvas モバイル・PC用に画面表示を変更

config.jsonを編集してfillmodeの部分を以下に変更した派生ファイルを作成 "fillMode": "FILL_WINDOW", "fillMode": "KEEP_ASPECT", --------------------------------- __settings__.jsの内容を以下に変更if(pc.platform.mobile){ CONFIG_FILENAME = "confi…