ConoHa

【ConoHa】サブドメインを追加する

やりたいことConoHa Wingでサブドメインを追加します。（たまにしかやらないし、毎回迷うのでメモしておきます。）手順ConoHa Wingの管理画面にログインします。”サーバー管理”を選択し、”ドメイン”を選択します。右上に表示される”+ドメイン”ボタンをクリックします。”サブドメインを追加”タブを選択します。サブドメインを入力し、ドメインを契約しているドメインから選択します。無料独自SSLは必要に応じに利用するを選択します。設定が完了したら”保存”をクリックします。結果ConoHa Wingでサブドメインを追加することができました。追加したサブドメインはサイトの管理→左上の切り替えから...
2024.11.29
ConoHa
JavaScript

【対策コードあり】ローカルファイルをCanvasに表示する

やりたいことローカルの画像ファイルをHTMLのCanvasに表示します。検索するといくつか引っかかるのですが、試してみたところ動作しませんでした。（エラーなどは出力されずCanvasになにも表示されませんでした。）環境Chrome：131.0.6778.86試したコードHTML<input type="file" id="file" accept="image/png, image/jpeg"></div><canvas id="canvas"></canvas>JavaScriptdocument.getElementById("file").onchange = (event) => { ...
2024.11.27
JavaScript
ConoHa

ConoHaにアップロードしたバイナリが正しく読み込めない

やりたいことConoHaのサーバーにファイルマネージャーを用いてアップロードしたバイナリが正しく読み込めないという現象が起きました。実際に起きたのはAI向けのモデルをファイルマネージャーでアップロードしてJavaScriptで読み込もうとしたところ失敗しました。（404などのエラーではなく構成が正しくないというエラーが起きました。そのためファイルが壊れているように見えます。）対策原因実際にアップロード後に失敗したファイルは拡張子なしでした。ConoHaのファイルマネージャーは拡張子なしのファイルをアップロードするとテキストファイル（アスキー）として扱います。解決策アップロード時にバイナリファイ...
2024.11.27
ConoHa
JavaScript

Xにポストするボタンをウェブサイトに載せる

やりたいことウェブサイトにX（旧ツイッター）にハッシュタグ付きのポスト（ツイート）するためのボタンを配置します。コードの取得以下のサイトにアクセスします。”A Hashtag, like #whatsHappeing”を選択します。選択を行うと、ページ下にスクロールしますがいったんページ上部にスクロールして戻ります。上で”A Hashtag, like #whatsHappeing”を選択したエディットボックスが以下のようになっているので、ポストしたいハッシュタグに変更します。入力後に忘れずにリターンをしてください。コードが更新されません。ページ下にスクロールします。必要に応じて”set cu...
2024.11.26
JavaScript
Synfig Studio

importしたSifのオブジェクトを編集できない。【Synfig Studio】

やりたいことSynfig Studioで別のsifファイルをインポートし、インポートしたファイルの中のオブジェクトを編集しようとしたときに以下のエラーが表示され編集できないことがあります。The value you are trying to edit is in a compositionwhich doesn't seem to be open. Open that composition and youshould be able to edit this value as normal.この記事ではこの問題が起きた際の対処方を紹介します。レイヤーの埋め込みsifファイルをSynfig ...
2024.11.21
Synfig Studio
Synfig Studio

Synfig StudioでInkscapeのグループ情報を引き継ぐ

やりたいこと下の記事にあるようにInkscapeでsifファイルを保存して、Synfig Studioで開くとグループの情報が失われます。しかしグループの情報がないと必要なオブジェクトを探したり操作することが難しいです。そのためこの記事ではグループ情報をSynfig Studioに引き継ぐ方法を紹介します。レイヤーの保存結論から言ってしまうとグループではなくレイヤーにすることで、Synfig Studioでレイヤーはグループとして扱われます。グループからレイヤーに変換”レイヤーとオブジェクト”タブから変換するグループを右クリックします。表示されるメニューから”グループをレイヤーに”を選択します...
2024.11.19
Synfig Studio
Inkscape

Inkscapeで円が弧（扇形）になったときの対処

やりたいことInkscapeで円を描いた後に右側のハンドルをドラッグすると下のように円（楕円）が弧（扇形）になります。厄介なことに再度ドラッグして、元に戻そうとしても横線が残ってしまいます。さらに厄介なことに円（弧）を削除し、新しい円を書いても前回の同じ弧が描かれます。そのため弧で描かれたオブジェクトを円に戻す必要があります。完全な円にする円ツールを選択した状態で、円に戻したい弧を選択します。画面上部に以下のGUIが表示されるので右端の赤い丸アイコン（シェイプを弧や扇形でなく完全な円に）をクリックします。結果弧（扇形）を切れ目のない楕円に戻すことができました。気が付くと簡単なのですが、結構な時...
2024.11.18
Inkscape
JavaScript

Teachable Machineを使って画像の判別Webアプリを作る

やりたいことgoogleのAI Modelを作成するサービスであるTeachable Machineを使ってWebアプリを作成します。この記事ではPCのカメラ撮影した画像でトレーニングを行い、PCのカメラの入力に応じて動作が変わるWebアプリを作成します。Teachable MachineでできることTeachable Machineは無料でAIのトレーニングを行いモデルを作成することができます。AIの入力になるのは画像（細かく言うと通常の画像とポーズに分かれています。）もしくは音声データで、出力は分類の確率です。（分類は２種類である必要はありません）単純な例を挙げると猫の画像100枚と犬の画...
2024.11.13
JavaScript
Phaser3

上下スペースキーの押下時にページスクロールしないようにする(Phaser3)

やりたいことPhaser3でゲームを作成した際に、上下スペースキーをキーを押下したときにページが意図せずにスクロールしてしまうことがあります。（ローカル環境でフィットするようにスケールするように設定していると気が付きにくいのですが、サーバ上にアップロードした際に広告などの影響で顕在化することがあります。）ここでは意図したスクロールを止めます。実装以下のコードを上下スペースキーを押下する必要のあるシーンに追加します。create()で呼べば問題ありません。this.input.keyboard.on('keydown-DOWN', event => { event.preventDefault(...
2024.11.09
Phaser3
nodejs

JSONデータをClientからNode.jsのサーバに渡す

やりたいことClient側のJavaScriptのJsonデータをNode.jsのサーバに渡します。実装Client側の実装Client側の実装は以下のようになります。urlは送信先のURLです。必要に応じて変更してください。objは送信するJSON（Object）です。const Http = new XMLHttpRequest();const url='送信先Http.open("POST", url);////////POSTでオープン。GETではContentsを送信できません。let obj = {number:20, aaa:"ああああ"};////送信するJSONHttp.se...
2024.11.01
nodejs
次のページ