Web Design Articles

  • 1826

【Unity道場1】座標を移動させる方法:問題文つき (Transformコンポーネント)

Unityの書籍を使っていくつかゲームを作った後に気付きました。 何も身についてねぇーーー!本見ないと何にもできねxあーーー! ということで、基本に立ち返って、ゲームを作る前にGameObjctの操作方法をC#のスクリプトレベルで覚え直すことにしました。 まず、1つ目!! Transformコンポーネント 問題1:ゲームオブジェクトのx座標を一定毎に増やせ 解答例 問題2:ゲームオブジェクトのx座標を軸に回転させよ 解答例 問題3:ゲームオブジェクトのx座標成分に大きさを変えよ! 解答例 問題1:ゲームオブジェクトのx座標を一定毎に増やせ ゲームオブジェクトのx座標を一定毎に増やせ 解答例 using UnityEngine; public class Test : MonoBehaviour { Transform t; void Start() { t = this.gameObject.GetComponent<Transform>(); } // Update is called [...]

  • 1897

WordPressをローカルテスト環境にインストール

まず、MySQLに新しいDBを追加します。 追加をするためには、MySQLにアクセスしてDBを新しく追加します。 mysqlコマンドを利用する方法もありますが、ここでは便利なアプリを利用します。 MAMPではphpMyAdminが自動インストールされるので、そちらからDBを追加するのも良いかと思います。 オススメはMacの場合は『Sequel Pro』です。 https://www.sequelpro.com/  Windowsでは『MySQL Workbench』がオススメです。 https://dev.mysql.com/downloads/workbench/ phpMyAdminだとUIが分かりにくいので、専用のアプリを入れることをオススメします。 ここからは『Sequel Pro』を使って説明していきます。 データベースを追加から進みます。 データベースの名前を任意に設定します。 文字コードは日本語を使う場合、『utf8mb4』を選びます。 UTF8は寿司ビール問題など問題があるため、utf8mb4を選んでおきましょう。 ※のすけは以前AWS環境でMySQLを利用している際に文字コードを『utf8』にしてしまい。日本語が文字化けるという問題が発生し、DBを再作成しレプリケーションしなくてはいけない事があり大変でした。ここは忘れずに『utf8mb4』にしましょう。 DBを作成したら、接続します。 ホスト名、パスワードを入力して接続します。 [...]

  • 1898

WordPressローカルのテスト環境を用意して開発に備える

ローカルテスト環境とは、自分のPCの内部にサーバを立てて、プログラムを作成とテストをしていくための場所です。 プロダクション環境では、インターネットにアクセス可能な状態で公開されてしまいますので、あまり好ましくありません。 また、一旦リリースした後でも、追加で新しいコンテンツの追加などを継続的に行っていくためにも、テスト環境が必要です。 そこで、自分のPCの内部にサーバを立てて、テストをしやすくします。 これで、いつでもどこでもプログラムの作成や検証ができるようになります。 実際、多くの人がご自分のPCにローカル開発環境にサーバを立ててテストをしており 便利なツールも出てきています。 それが『MAMP』です。 その他にもWindowsではXAMPPというツールも有名です。 XANPPやMAMPを入れる理由は、WEBサーバ環境を独自に簡単にインストールできるからです。 名前の由来は、「XAMPP」がX:クロスプラットフォーム、Apache、MySQLまたはMariaDB、PHP、Perlの頭文字を。 「MAMP」がMacintosh, Apache, MySQL, PHP の頭文字を繋げた名前です。 ちなみにMAMPはWebサーバとしてNginx、言語としてPythonも選べるのでより現代的です。 ※MAMPは今はWindows版もリリースされています。 ですので、Windowsの方もここではMAMPをインストールして開発を始めましょう。 MAMPのインストール MAMP(マンプ) https://www.mamp.info/en/ 例えば、普通は次の通りいくつものプログラムを環境に入れる必要があります。 Apache(Webサーバ) [...]

  • 1899

やっぱりWordPressだった。WordPress有用性を再認識する!

こんにちは、のすけです。 長らく書いていませんでした。 その間色々ありましたが、とりあえず題名について触れます。 はりうすでは、今までNodeやRuby on RailsとかでWebアプリを書いていたのですが、、、 社員が僕1人となった今では、1からコードを書いて作るスクラッチ開発はキツいため なかなか受注が難しいです。(及び腰になる) そこで、全世界の30%!!のWebページで利用されているWordpressに 鞍替えしようかと思います。 今まで、Wordpressとかクソでしょ! とか斜に構えて、ある種のプライドを持っていましたが。 そんなプライドなんて捨てて、実際に利用してみると良かったです。 実運用上では記事の更新やレイアウト変更をしたい際に コーダーではない人がやる場面が多く、スクラッチ開発だと変更が遅くなる。 コーダーに作業が集中してしかも待ちが発生するなどの事案が多く。 Wordpressは使えるなぁと再認識しました。 そこで Wordpressを活用させて頂くことに決めました。 Wordpressの利点 みんな使ってるので使い方に慣れてる(記事書く人とか) [...]

Nuxt.js × Cordvaでスマホアプリを作ろうとしたメモ

Nuxt.jsでcordovaを利用してiOS,Andoroidアプリが作れたらいいなという 意欲的な事をふと思ったのでやってみたメモです。 Nuxt.jsで作成したWebサイトを簡単にCordovaアプリ化する方法【ホームページを簡単アプリ化】 – こまめ この設定をやってCordova公式のGet Startedを実行https://cordova.apache.org/ cordova platform add browserをやって実行するとブラウザで開けます。 意味ないやん。Webブラウザで開いても。。なので、andoroidプラットフォームを追加します。 ちなみに、npm generateしてdistフォルダにソースが履かれたらwindowsの場合は robocopy dist/ cordova/www/を実行するとcordovaフォルダにソースをコピーできます。 Androidプラットフォーム実行 andoroidプラットフームを追加します cordova platform add android次にビルド cordova build andoroid 結論 いまいち。Nuxt.jsで動いたは動いたけど パスが変だったり、Cordovaがブラックボックスでメンテしずらそうだったり。 iOSだと挙動が不安定なので辞めました。Quasar FrameworkというNuxt.jsっぽくて、モバイル向けのフレームワークがあるので そっちに乗り換えようと思います! Cordvaの上位互換のCapacitorってのがあるみたいだしね。

WSLにRails6環境を構築する方法メモ

Rails6Macでは難なく入ったのですが、、、WindowsのWSLではちょっとてこずったので、現状行ける方法をメモしておきます 【前提】 あらかじめWSLのubuntuが入っているものとします。ない場合はMicrosoftStoreからインスト―ル Ruby: 2.6.3 Rails: 6.0.2.2 Windows10のWSLを使っていきます # VSCodeをインストール VSCodeのリモートがとても便利なので入れていきます。 サイトに行ってダウンロードしてきます Visual Studio Code – コード エディター | Microsoft AzureRemote-WSLのプラグインをインストール 起動後に左下の緑の「>

Let’s Work Together

Tell me more about your project

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.