投稿

Macでコピペをもっと使いやすくする「Clipy」を使ってみた

 はじめに ブログやプログラミングをしているとコピペをする機会が多いのだが、ある動作をするときに決まってコピペするようなことが結構あって、それをするたびにコピーするのはめんどくさいと思ったので、日頃使っているコピーを覚えておけてすぐにショートカットでペーストできるようなものはないかと思った。 Clipy https://clipy-app.com/ mac使っている人には結構有名? いわゆるスニペットアプリ。 上のURLからダウンロード。 使い方 以下のURLがわかりやすかったです🙏 https://suzu.link/macclipy/

Bloggerの記事にソースコードを埋め込む

イメージ
 はじめに 私はゲーム制作をしているので、プログラミングに関する記事とかを書きます。 その際にソースコードを載せたりとかしたかったのですが、Blogger自体にはソースコードを埋め込むような仕様がなく、普通のテキストのように書く感じになるのですが、よくある感じのソースコード用のフィールドを作ってそこにコードを表示したかった。 Debug.Log("こんな感じ") 手順 ①テーマを選択 ②カスタマイズの三角を選択 ③HTMLを編集を選択 ④headタグに以下のコードを追加 <script src='https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst'/> ⑤右上で保存 ⑥ソースコードを埋め込みたい記事を開き、左上でHTMLビューに変更 ⑦埋め込みたい場所に以下のコードをペーストする <pre class="prettyprint"> //ここにコード </pre> 基本的には以上。 参考にさせていただいた🙏 ・具体的な使い方等 https://soichiro.co.jp/blog/google_code_prettify/ https://rfs.jp/sb/javascript/js-lab/code-prettify.html ・表示のデザイン https://rawgit.com/google/code-prettify/master/styles/index.html ・HTMLタグなどを書く際 https://developer.mozilla.org/ja/docs/Glossary/Entity ・コピーボタンをつける https://mizunosame.blogspot.com/2022/09/source-code-copy-button-c...

Bloggerの埋め込みリンクをいい感じにする(Iframely)

イメージ
ブログのリンクをいい感じにしたい! というわけで、 やっていきます。 いい感じとは? はてなブログとかやってる人はよくわかると思うけど、 下のようなリンク先のスクショやタイトル、本文のプレビューなどが表示されるリンクをやりたい。 https://teppy-game.blogspot.com/2024/04/first-blog.html (ブログカードっていうみたい) コピペでOK Iframely このサイトで埋め込みたいURLを入れて「Check your URL」を押して、出てきたURLをコピー コピーしたコードをBloggerの記事のHTMLにペーストする  以上! コピペするだけなので、結構簡単にできました。 参考にさせてもらった記事等🙏 【Blogger】ブログカードを表示させる

Figmaでクラス図をさくっと作成

はじめに 私は日頃ゲームのUIやレイアウトを考えるときや作るときはFigmaを活用しています。 今回はこのFigmaを使って、クラス図をさくっと作りたいなと思い調べてみました。 Figmaとは Figmaは、ブラウザ上でUIデザインやプロトタイピングが行えるツールです。WebサイトやモバイルアプリのUIデザインから、資料やバナーのデザインまで、幅広く活用されています。デザイナーにとっては必須のツールになっていますが、非デザイナーの方にとっても情報整理、資料の作成などに活用できます。 また、Figmaはアカウントにログインするだけでブラウザ上で作業することができ、操作性も非常に優れています。また、チームでのコラボレーション機能も充実しており、リモートでの共同作業にも最適なツールです。 日本では2022年に日本語対応が発表され、特にスタートアップ企業での導入が進んでいます。2022年9月にはAdobe社による買収も発表され、今後も拡大を続けていくことが予想されており、最も勢いのあるデザインツールとして導入が進んでいます。  引用: Figmaとは?できることやメリットを解説!   さくっと デザインテンプレートがあればそれを利用させてもらうのが一番手っ取り早いので探してみた。 ありました。 Figmaで効率的にオブジェクトモデルを設計する方法  基本はここに書かれている内容でやっていく感じでいいかな。 Figmaテンプレート取得 シンプルなオブジェクトモデル・コンポーネント / wentz 「Figmaで開く」でプロジェクトが開きます。 開いたら右のプラグインの「Open Autoflow」を押すとプラグインが出てくるので、 この状態でObjectを動かすとちゃんと線も動きます。 以上! あとはなんとなくでする。

ブログ始めました。

 ブログを始めました。 このブログではゲーム開発に関する自分なりの備忘録を残していきます。 まだまだゲーム制作自体始めたばかりの初心者なので、人の役に立てるような記事を執筆できるかは分かりませんが、まだ知らない誰かの助けになれればと気楽に考えながら更新していきます。 コメントも解放しているので、何か間違っていることなどありましたら是非教えていただきたいです。 よろしくお願いします。🙇