ハンドル名
さわやかレモンティーさん
ブログタイトル
LemonteaのUnity部屋
ブログURL
https://www.sawalemontea.com/
ブログ紹介文
Unityの各種機能の使い方やエラー解決に加え、blenderなど他のソフトとの連携について書きます
自由文
Unityをいっさい触ったことのない人は「初めてのUnity」で始められます。「初めてのスクリプト」ではUnity独特のメソッドの解説があります。その他、UI、Terrain、Particlesystemについても書いています。少しですがVisualStudioやWindows10のゲーム作りに役立つ機能も紹介。
更新頻度(1年)

36回 / 365日(平均0.7回/週)

ブログ村参加:2017/08/23

さわやかレモンティーさんの人気ランキング

  • IN
  • OUT
  • PV
今日 06/18 06/17 06/16 06/15 06/14 06/13 全参加数
総合ランキング(IN) 圏外 圏外 圏外 圏外 圏外 圏外 圏外 963,948サイト
INポイント 0 0 0 0 0 0 0 0/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
ゲームブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 33,533サイト
スマホ・携帯アプリゲーム 圏外 圏外 圏外 圏外 圏外 圏外 圏外 1,136サイト
IT技術ブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 7,785サイト
ゲーム開発 圏外 圏外 圏外 圏外 圏外 圏外 圏外 83サイト
Androidアプリ開発 圏外 圏外 圏外 圏外 圏外 圏外 圏外 183サイト
今日 06/18 06/17 06/16 06/15 06/14 06/13 全参加数
総合ランキング(OUT) 圏外 圏外 圏外 圏外 圏外 圏外 圏外 963,948サイト
INポイント 0 0 0 0 0 0 0 0/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
ゲームブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 33,533サイト
スマホ・携帯アプリゲーム 圏外 圏外 圏外 圏外 圏外 圏外 圏外 1,136サイト
IT技術ブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 7,785サイト
ゲーム開発 圏外 圏外 圏外 圏外 圏外 圏外 圏外 83サイト
Androidアプリ開発 圏外 圏外 圏外 圏外 圏外 圏外 圏外 183サイト
今日 06/18 06/17 06/16 06/15 06/14 06/13 全参加数
総合ランキング(PV) 圏外 圏外 圏外 圏外 圏外 圏外 圏外 963,948サイト
INポイント 0 0 0 0 0 0 0 0/週
OUTポイント 0 0 0 0 0 0 0 0/週
PVポイント 0 0 0 0 0 0 0 0/週
ゲームブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 33,533サイト
スマホ・携帯アプリゲーム 圏外 圏外 圏外 圏外 圏外 圏外 圏外 1,136サイト
IT技術ブログ 圏外 圏外 圏外 圏外 圏外 圏外 圏外 7,785サイト
ゲーム開発 圏外 圏外 圏外 圏外 圏外 圏外 圏外 83サイト
Androidアプリ開発 圏外 圏外 圏外 圏外 圏外 圏外 圏外 183サイト

さわやかレモンティーさんのブログ記事

  • Node.js request.jsで画像をダウンロードして保存すると壊れるとき

    こんにちは。レモンティーです。今回はrequest.jsで画像をダウンロードして保存するときのお話です。 リクエストはうまくいったのに画像がちゃんと保存できていないときはoptionのencodingをnullにするとうまくいくかもしれません。そうしないとrequestモジュールが勝手にエンコードをいい感じにやってくれようとしてバイナリが壊れるようです。つまりこんな感じですね。 request({ url:'https;//hoge.com/pictures/fuga.png', encoding:null },callback); 今回はこれでおしまいです。 www.sawalemontea…

  • また広告でてない

    また広告がでなくなっているのでAdSenseのクロールエラー見てみたら「ホスティングの問題:サーバの過負荷」 このエラーは、はてなブログのユーザー側ではどうしようもないようです。 前回なったときは、はてなのサポートの方に自動広告だとこれになる人がいるのでので手動で貼ってくださいと言われて実際解決したのですが一年もたたず再びこの状態に… まあこんな個人ブログの収益なんてたかが知れているので「広告がでないからとても困る」ってことはないんですけど 現実的にはたいした害がなくても気持ち的にはモヤッとしますよね。。

  • ノベルの米事情

    とあるノベルサービスのコメント事情 休日と平日の時間帯別米数 0は0時から1時までの一時間です 平日の方は7時ごろがぴょんと増えてますがこれは通勤・通学中にやる人の分ですかね~。16時を境に急に増え始めるのも学校・仕事が終わるころだからでしょうか。 月別米数 1は1月の一か月間の米数です。 3月と8月が多いですね。これは学生ユーザーが長期休暇で暇があるのでしょう。でも4月が多いのと11月が少ないのは意外ですね。当たり前じゃんと思うひともいるのでしょうか。個人的には謎です…。 おわり これでおしまいです。え。まあ雑記なので…

  • はてなブログテーマのアレンジを見に行く

    こんにちは。レモンティーです。今回ははてなブログのテーマについてです。 テーマストアの各テーマには「利用中のブログ」というボタンがあり、そのテーマを使っている人を何人か見ることができます。そしてその中には結構凝ったアレンジもあります。はてなブログで発信しているくらいですから結構カスタマイズとかが好きな人が多いわけですね。そこで今回はそれらのアレンジの中で目にとまったものを書いていこうと思います。(あくまで「利用中のブログ」から軽い気持ちで選んだもので変な意味はないです。ほかのブログと比べてどうこうと言っているわけでもありません。選んだ理由は「きまぐれ」です。) NavyDarkCode編 意識…

  • Puppetter はてなブログで誰を購読中かわけわからなくなったら…購読中のブログ一覧と読者一覧

    こんにちは。レモンティーです。今回ははてなブログの読者リストと購読中のブログリストのお話です。はてなブログはSNSではないので購読中の一覧を楽に見る機能はありません。そのためそこそこ数が増えてくるともうわけがわからなくなってせっかく購読していても読みたいものが埋もれていたりしますが手動で管理するのは非常に面倒です。そこで今回は例によってPuppetterで購読中のブログと読者のhatenaIdの一覧をつくります。サムネ一括変更↓の時も言いましたがエラーがでたユーザーはスキップしていくので歯抜けはログを見ながら自分で埋める必要があります。 www.sawalemontea.com 準備 概要 メ…

  • Puppetter はてなブログで誰を購読中かわけわからなくなったら…購読中のブログ一覧と読者一覧

    こんにちは。レモンティーです。今回ははてなブログの読者リストと購読中のブログリストのお話です。はてなブログはSNSではないので購読中の一覧を楽に見る機能はありません。そのためそこそこ数が増えてくるともうわけがわからなくなってせっかく購読していても読みたいものが埋もれていたりしますが手動で管理するのは非常に面倒です。そこで今回は例によってPuppetterで購読中のブログと読者のhatenaIdの一覧をつくります。サムネ一括変更↓の時も言いましたがエラーがでたユーザーはスキップしていくので歯抜けはログを見ながら自分で埋める必要があります。 www.sawalemontea.com 準備 概要 メ…

  • Sequelize入門 Node.jsとExpressからPostgreSQLを使う

    こんにちは。レモンティーです。 今回はNode.jsで使えるORMのSequelizeを使います。 github.com 導入 環境を設定 モデル作成 migration CRUD操作 sample Association migrationの更新 sample (おまけ)Herokuでは おわり 導入 まずプロジェクトを作成して必要なモジュールをインストールします。 express --view=ejs sample cd sample npm installさらにSequelizeとpgをインストール。この時、モデルの追加やmigrationが簡単にできるCLIも一緒にインストールします。…

  • Heroku 環境変数にダブルクオートを使うと消えるとき

    こんにちは。レモンティーです。タイトルの通りなのですが、ググると 丸ごとシングルクオートで囲って heroku config:set HOGE='{ "hoge": "huga" }'みたいにすればいい、とでるのですが それでもなお実行すると HOGE='{ hoge: huga }'のようにダブルクオートが消えてしまう場合は heroku config:set HOGE={ \"hoge\": \"huga\" }のようにエスケープするとちゃんとダブルクオートが残ります。今回はこれでおしまいです。

  • HTML JSを使わずにform内の複数のinputから別々のパスにsubmitする

    こんにちは。レモンティーです。今回はinput type=submitのお話です。 developer.mozilla.orgHTML5からはjavascriptを使用しなくてもinputごとに別々のパスにpostできるようです。 やりかたはinputにformaction属性を指定するだけです。 form自体のactionと両方指定した場合はformactionが優先されるようです。例えば以下の場合はボタンAではaaaに、ボタンBではzzzに、ボタンCではcccにpostされます。 便利ですね。index.html <form action='/zzz' method='post'> <in…

  • Node.js requestモジュールで別サーバへmultipart/form-dataをPOSTしてファイルアップロード

    こんにちは。レモンティーです。今回はrequestモジュールのmultipart/form-dataです。 github.comnode.jsで、あるHTMLフォームと同じリクエストを送りたいという場合、requestモジュールが便利です。例えば以下のHTMLのformと同じリクエストを送りたい場合…index.html <form action="http://hoge.com/upload.php" method="POST" enctype="multipart/form-data"> <input type="file" name="file1"> <input type="submi…

  • Puppeteer nameのないiframe内のDOM要素を操作する(セレクタでiframeを取得する)

    こんにちは。レモンティーです。今回はpuppeteerでiframe内のDOM要素を操作する方法です。 iframeにnameがあれば const frame = await page.frames().find(f => f.name() === 'hoge'); のようにできますが、ない場合はelementHandleクラスのcontentFrameメソッドを使うのが簡単そうです。 github.com 例えばexample.html <div class="hoge"> <iframe> </div> こんな場合にはこれでいけますexample.js const eh = await p…

  • Node.js Gmailを簡単に送信する

    こんにちは。レモンティーです。今回はNode.jsでGmailを送信します。 developers.google.comGASを使えばすごく簡単に送信できる上に定期実行もできるので基本的にはGASでやればいいです。 ただローカルファイルがらみでWindowsのタスクスケジューラで定期実行してそのログを通知したいけど「電子メールの送信」が非推奨になっているといった場合には使用できます。Node.jsからGmailを送る場合はGASよりは少し書く量が増えます。そこで簡単にするためにそれを包んでgmail-senderなるものをつくります。 (こことかが参考になります。)これを使うとindex.js…

  • Puppeteer headless:falseの時にマウスカーソルの位置を表示する

    こんにちは。レモンティーです。今回はpuppeteerでheadless:falseの時にマウスカーソルの位置を表示させます。 内容はまんまこれです github.compage.mouse.move()とか使ったときにちゃんと思った通りになっているのか確かめたくてもデフォルトだとマウスカーソルは表示されません。そこでリンク先のコードを使うと便利です。リンク先は即時関数になっているのでちょっと本来の使い方と違うのかもしれませんがindex.js function mouseHelper(){ const box = document.createElement('div'); ... } とし…

  • Puppeteer はてなブログのアイキャッチ画像をカテゴリ別に一括変更する

    こんにちは。レモンティーです。今回はpuppeteerではてなブログのアイキャッチ画像をカテゴリ別に一括変更します。 このブログでは長いことすべての記事のアイキャッチ画像が顔つきレモンティーの絵でした。全文表示のときはそれでもあまり関係ないのですが、ブログのデザインをNavyDarkCodeにして記事を一覧表示に変更すると同じ画像が並んでいて結構気になります。しかしすでに記事の数は200を超えています...。そこでpuppeteerです。以下のようにカテゴリと画像URLの対応だけつくったらあとは自動でそれを適用してくれたらいいですよね。複数カテゴリがある場合は先頭のカテゴリで。(画像URLは、…

  • はてなブログの新テーマSunlightを公開しました

    こんにちは。レモンティーです。はてなブログの新しいテーマSunlightを公開しました blog.hatena.ne.jpこのブログで現在使用しているNavyDarkCodeとよく似ていて、機能面では互換性?があります。 つまりグローバルメニューやSNSシェアボタンはNavyDarkCodeと同じコードですし、 <div class="pre-filename">filename</div>もそのまま使用できます。 (これ、はてな記法の場合は勝手に改行されますのでそのままでOKですがMarkdown記法の場合はdivの閉じタグの後```の前にスペース二つとかで改行する必要があります。)見た目も…

  • Puppeteerではてなブログのスターを自動でお返ししてみる

    こんにちは。レモンティーです。今回はpuppeteerではてなスターを自動でつけてみます。そんな便利なものでもないので大丈夫だとは思いますが実用はしないでください。スターに関してはスパムを禁じる規約とかが見当たらなかったのですが、あまり意味のないスパムまがいの行為ですしね…。私も今回試した以外は使いません。 puppeteerとは? 準備 メイン部分 ログイン リストをつくる スターをつける 実行 結果 puppeteerとは? github.com webbibouroku.com 準備 プロジェクトのディレクトリをつくりpuppeteerをインストールします。 mkdir hatena-a…

  • VisualStudioCode シンタックスハイライトの色を変更する

    こんにちは。レモンティーです。今回は、VS Codeのシンタックスハイライトの一部の色を変更する方法です。VS Codeは拡張機能でいろんな人が作ったテーマを使用できますよね。でも使っていると「ほぼ気に入っているけど事情があってコメントの色だけ変えたい」みたいなこともあるかと思います。そこで今回は例としてコメントの色を変更します。 code.visualstudio.comシンタックスハイライトの色は設定のEditor: Token Color Customizationsの項目から変更できます。「setting.jsonで編集」をクリックするとsetting.jsonが開きますのでそこに書き…

  • はてなブログのコードブロック(pre,code)でファイル名やパスを一緒に表示する

    こんにちは。レモンティーです。今回ははてなブログでのソースコードの表示についてです。コードを載せるとき、そのファイル名やパスも一緒に表示したいことがありますよね。先日紹介したテーマNavyDarkCodeにこの機能を追加しました。 blog.hatena.ne.jp使い方は簡単で、>||で始まるコードブロックの直前の行(またはpreタグの直前)に <div class="pre-filename">hoge</div>と書くだけです。実際に使うと以下のような見た目になります。(ファイル名が普通の白いテキストとして表示されている方はCtrl+f5で更新してみてください。)sample.js 'u…

  • はてなブログのテーマ作成で--output-style compressedにするとレスポンシブ対応が効かなくなるのを解決

    こんにちは。レモンティーです。今回は、はてなブログのテーマ作成についてです。このブログではずっと公式テーマを使っていたのですが 最近見た目を変えてみたくなってテーマをつくりました。 blog.hatena.ne.jp テーマは公式のBoilerplateをクローンしてsassでつくります。このとき、--output-styleをcompressedにするとスマホで表示した時にPC版がそのまま表示されてしまいます。expandedならちゃんとレスポンシブ対応になっていたのに…その原因はここ↓に書いてあります help.hatenablog.comレスポンシブ対応するにはResponsive: y…

  • Sequelize入門 Node.jsとExpressからPostgreSQLを使う

    こんにちは。レモンティーです。 今回はNode.jsで使えるORMのSequelizeを使います。 github.com 導入 環境を設定 モデル作成 migration CRUD操作 sample Association migrationの更新 sample (おまけ)Herokuでは おわり 導入 まずプロジェクトを作成して必要なモジュールをインストールします。 express --view=ejs sample cd sample npm installさらにSequelizeとpgをインストール。この時、モデルの追加やmigrationが簡単にできるCLIも一緒にインストールします。…

  • Dockerの自動起動を止める Start Docker Desktop when you log inをオフにしても起動する場合

    こんにちは。レモンティーです。今回はパソコンの起動時にDockerが勝手に起動するのを止める方法です。環境 Windows 10 pro Docker version 18.09.2, build 6247962 概要 普通は設定のStart Docker Desktop when you log inのチェックを外せばOKなのですが、それでもなお勝手に起動するケースでは、レジストリを編集する必要があります。というのも自動起動されるソフトはレジストリに記録されていて、DockerをインストールしたときにはDocker for windowsとDocker desktopの二つが登録されるのです…

  • Express express-validatorでバリデーションチェックする

    こんにちは。レモンティーです。今回は、express-validatorでバリデーションチェックをします。 express-validator.github.io 準備 使ってみる Custom Validator エラーメッセージ まとめ 準備 まずはnpmでインストールします。 npm install --save express-validatorあとは使いたいファイルで var { check,validationResult } = require("express-validator/check"); で使用できます。 使ってみる 以下のようにcheckメソッドにチェックしたいパラ…

  • Angular ページトップにスクロールするボタン

    こんにちは。レモンティーです。今回はページトップにスクロールするボタンです。よく画面の右下とかに見かけるやつですね。ググるとjQueryでの便利なやり方が沢山ヒットします。 Angularの場合はどうすればいいでしょうか。 今回は@ViewChildとscrollIntoViewメソッドを使います。テンプレートで、スクロールの移動先にする要素に#pageTopとつけて Template reference variableとして扱えるようにします。詳しくは↓ https://angular.jp/guide/template-syntaxここではdivですが他でもOKです。 <div #pag…

  • AngularMaterialのフォントを変更する方法

    こんにちは。レモンティーです。今回はAngularMaterialのフォントを変更する方法です。Google FontsのフォントをAngularMaterialに設定します。 fonts.google.comAngularMaterialのボタンやナビゲーションのフォントは デフォルトではRobotoというフォントになっています。 これを変更するにはmat-typography-configを使います。まず、プロジェクトのsrcフォルダとかに 適当な.scssファイルをつくって以下のように書きます (もともと色を変えたりでカスタムテーマを使っている場合はその.scssファイルでOKです。)m…

  • Angular FormArrayで動的に変化するフォーム

    こんにちは。レモンティーです。以前、フォームについての記事を書きました。 www.sawalemontea.com今回はFormArrayを使って動的に変化するフォームをつくります。 AngularMaterialでMatErrorのバリデーションも付けます。AngularAngular Material 使い方はFormBuilderでFormGroupにFormArrayを入れておいて 項目を増減したい時にそのFormArrayに子FormGroupを pushしたりremoveAtする感じです。 以下、複数のリンクを入力するフォームを例に見ていきます。 FormBuilderでFormA…

  • Firebase CloudFirestoreで条件にあっているのにERROR Error: Missing or insufficient permissions.が起こるとき

    こんにちは。レモンティーです。今回はFirebaseのCloudFirestoreのルールについてです。 普通に公式ドキュメントに書いてあるのに見落としていたことなので多くの人には問題ないかもしれません。ちょうどここに書いてあります。 https://firebase.google.com/docs/firestore/security/rules-query?authuser=0 例えば allow read :if request.auth.uid == resource.data.author;のようなルールできちんとルールを満たしているのに ERROR Error: Missing o…

  • Angular AngularMaterialのDialogを使う

    こんにちは。レモンティーです。今回はAngularMaterialのDialogを使います。公式はコチラ Angular Material AngularMaterialのDialogでは、まずDialogのコンポーネントをつくり それを呼び出し時に指定して使います。さっそく見ていきます。 準備 Dialogのコンポーネント作成 呼び出し 準備 ・AngularMaterialのインストール ・MatDialogModuleのインポート をします。 Dialogのコンポーネント作成 型の恩恵を受けたい場合は表示するデータのinterfaceを定義します dialogData.ts export…

  • Angular ReactiveFormのバリデーションとエラーメッセージをAngularMaterialで

    こんにちは。レモンティーです。今回はAngularMaterialのReactiveFormについてです。 公式↓にいろんなパーツのいろんなパターンがあるのでちょこちょこ抜き出したものです。 Angular Material 準備 AngularMaterialを導入 app.module.tsなどに FormsModule,ReactiveFormsModule,MatFormFieldModule,MatInputModule をインポートします。 以下はフォームを設置したいコンポーネントの話です。 TS まずインポート import { FormGroup,FormBuilder, Va…

  • Node.js入門 自作モジュールの作成 exports

    こんにちは。レモンティーです。今回は、自作モジュールの作成です。exportsオブジェクトを使うことで自作のプロパティーや関数などを モジュール化して別のファイルから使用できます。使い方はいつもと同じでrequire('path')を使います。使用例は以下のようになります。mycal.js(モジュール化したいファイル) exports.sum = function(a,b){ return a+b; } exports.mul = function(a,b){ return a*b; } test.js(ここで先ほど作成したモジュールを使用する。) var http = require('ht…

  • Node.js入門 npmでパッケージの管理

    こんにちは。レモンティーです。今回はnpmによるパッケージの管理です。前回までに登場したモジュールはBuiltInモジュールといって Node.jsで最初から使えるモジュールでした。Node.jsにはそれ以外にも色々な人が作ったモジュールがあり インストールして使用することができます。インストールには専用のPackageManagerである npmを使います。 npmはNode.jsと一緒にインストールされますので 別途ダウンロードなどは必要ありません。npmでパッケージをインストールするには 次のコマンドを使います。 npm install パッケージ名https://www.npmjs.c…