Web Design Articles

  • 1830

UnityのVisual Studio Codeセッティングメモ

こんにちは、のすけです。 Unityねたです。 前置き 必須設定 おすすめ設定 最後にOmniSharpe設定 終わりに 前置き 今まで、nuxt.jsにtyrano scriptを入れてハイブリッドwebシナリオゲーム開発なんかやっていました。 ↓↓↓ 2039アナ民キャンパス が、そろそろwebの表現力に限界を感じており、スマホアプリへ全てシフトするべく、勉強をはじめている今日この頃です。 Three.jsやbabylon.jsなんかも触り、webでもいろいろ出来て良いのですが、やはり「ゲームの民主化」を図ったUnityは素晴らしくもうその恩恵に授かろうといういう気持ちです。 次はなんだかんだUnityは避けてきたんですが、もう避けきれなくなってきたので、潔くドップリつかります。 巷では、ゲーム以外のアプリ開発の事例はあんまり出てこないUnityですが、もう切り開いていくしかないですね。 取り急ぎ、Firebase接続してwebっぽく使えるように整備中です。ただ、なにぶんゲーム開発が素人なもので、フォルダ構成やら構造造りから手探り状態です。 長くなってしまいましたが、今回のメモはUnityでのコーディングの味方Vsual Studio Codeのセッティングメモです!! 必須設定 素のままいじっていて、全然インテリセンス効かなくて辛いな〜と思っていたので調べました。 まず、Unity側の設定としてVisual Studio Code Editorというのをインストールされている必要があるようです上のバーの[Asset]-[Package Manager]にあります 次に上のバーの[Unity]か[File]あたりにある[Preferences]を開いてExternalToolsのExternal Script Editorの設定をVisual Studio Codeにしますこれで、UnityからC#プログラムを開いた時のエディターがVSCodeになります。 続いてインテリセンスを効かせるためには2つツールをPCにインストールします Monoインストール https://www.mono-project.com/download/stable/ [...]

  • 1905

ゆるい感じでIoTデビューできる勉強会?「 IoTやりてぃー #1 」やります!!

さいぞうです。 さいきんはりうすでは電子工作とかIoT的なことをやってますが、その流れで、再来週 (2016 2/22(月))に、気軽にIoTを始められる初心者向けの超入門勉強会やります。 会の名前は「IoTやりてぃー」。 ちょっと前からよくきくIoT?、あるでぃーの?、よくわからないけど面白そう、という方ぜひどうぞ。    参加費1300円で、Arduino互換機がもらえるので、パソコンさえあれば参加できます! connpass.com     […]

  • 1906

渋谷のスクランブル交差点と同期するLED信号機を作った話 作業メモ編: Swiftとの連携、スクショ等 | さいぞうのArduino初心者日記 8

Arudinoのチュートリアルをやる連載の8回目です。 今回から完成したものを見せる本編と、作業中のいろいろを書くメモをわけてみます。 コンテンツの水増し。 こちらは技術者、実際にやってみたい人向けの作業メモです。 内容 Arudinoチュートリアル的にはここでやるのは、複数のLEDをついでの信号機ということになっています。 ただし、あまり面白くないので、実際の渋谷のスクランブル交差点信号機に同期して動くLED信号機を作ってみたいと思います。 方法 公開されているライブカメラの映像を使います。 渋谷のスクランブル交差点のリアルタイムな映像は、ネット上で公開されています。 そこで、それを利用して、以下の流れでできると思いました。 ブラウザ等で映像を開く(PC側の処理) スクリーンショットとる(PC側の処理) 画像処理(ってほどじゃないけど)で信号の色か、人の流れを見て、赤、青、できたら黄色信号を判別(PC側の処理) Arduinoにシリアル通信でその情報を送る(PC側の処理) LED光らせる(Arduinoの処理) 例によって面白いところはほとんどパソコン側のプログラミングです。 Arduinoの方のチュートリアルが進んでないので、こうなっちゃいます。 早く先に進みたい! 前回までは、パソコン側はRubyでいろいろ処理してました。 [...]

  • 1907

Node.jsのExpress入れてみる。WebStormで

こんにちは、のすけです。 Node.jsのWebフレームワークであるExpressを入れてみました。 以前紹介したようにhttp.createServerで簡易的にはサーバを作れるのですが、ルーティングとかを考えるとWebフレームワークを使った方が楽だと思います。 今回は、Expressプロジェクトの内容が知りたかったので、かなりずるい方法で環境を構築します。 WebStormを使う はい。WebStormを使います。WebStormはHTML用のIDEです。(なんかPhpStormでもモジュール入れればいけるらしい) HTML,CSS,JSを書く場合に威力を発揮します。 WebStormはNode.jsにも対応しているので、これでサクッと作っちゃいます。 こちらからダウンロード。 www.jetbrains.com 僕はWebStorm8のライセンスを持っているので8で作ります。最新は11だった。 起動 *この画像はすぐ消えるので上手く撮れなくて適当に拾ってきました。 環境を選択。テーマはDarculaを選びました(背景が黒いやつです) Create New Projectを選択。画像はちょうどCreate New Projectが切れてしまった(上の方にあります)。 プロジェクト名を入れて、project [...]

はじめてのプログラミング的な 「のすけ式」エンジニアになりたい人向けの講座

最近、プログラミングをやったことない人でも、それなりにプログラミングできるようになる カリキュラム考えて、実際にやってもらっているのですが どうせなので、ここにも公開していきます。 いろいろ内容に異論はあるかもしれませんが「のすけ式」ということでやっていきます。 【内容】 WordPressを通してHTML・CSSを学び さらに実践的なWordPressの構文及びPHP言語を3か月程度(人による)で習得してもらうプランです。 ・最終成果物は「天気の子」のような自分のブログサイトを 自力で構築するまでになります。 https://tenkinoko.com/ 具体的にはWordPressのテーマを自分で作ることになります。 ここまでできれば、企業のコーポレートサイトの受注や 個人サイトの開設など、小銭稼ぎくらいのサイト作成ができるように なります。 最近のWordpressサイトの受注内容をざっと見たところ 天気の子のように、かなり動きのあるサイトが求められています。 そこで、Javascriptも習得しなくては、ほかのエンジニアとの差別化が 難しいと考え、その範疇も含めたいと思います。 社内で必要技術があるので、ちょっと偏っているかもしれませんが 世情は反映されていると思います。 そして、見事。最終成果物を作成するところまで行けたら 実際に仕事を受けて、納品するまでサポートします。 受注中の悩み相談。納品までの技術的課題サポート。 ですので、 一連の仕事を受けて、作って、納品するという流れまでお付き合いします。 これを経ることで、フリーランスとして仕事を受注するもよし、 どこかの会社に就職するもよし、寺子屋のメディア業務を受け持つもよしの 現代のITの流れに通用する技術と経験が身に着けられるものです。 【サポート体制】 このプランを契約すると以下のサポートが受けられます ・目標設定(上記 天気の子をベースとしてた個人サイト作成) ・チャットサポート(のすけに技術的なことを何でも聞ける) ・オフラインでの相談(のすけに直にいろいろ聞ける) ・実案件受注中のサポート 【やらないこと】 講義をしたり、手取り足取り教えるわけではないです。 基本的には自主的に学んでください。 基本は書籍やWebで学んでもらい、目標設定や進捗確認などをするのと 上記サポートで分からない部分はすぐに聞けるというものです。 ただ、テキストのやり取りで分からない場合は、オフラインで教えますので そこは安心してください。 【料金】 経費が全部で数万円くらい掛かります。 ・受講料 月2万円くらい ・書籍代 5,000円くらい ・ソフトウェア代 2万円くらい  購入ソフト一覧  ・PHPStorm ¥11,124/年 もしくは¥1030/月 [...]

Nuxt.jsとかメモ

最近は Nuxt.jsでSPAアプリケーション及び、SSRアプリケーションを 構築したりしています。Vue.jsは以前利用していたknockout.jsに似ていて書きやすい。 cssフレームワークやjQueryも併用できるなど相性がいいので気に入ってます。サイトを作っていく上で、やはりデザインの大切さに気付く いままでBootstrapで適当に作ってきたが、やはりオリジナルのコンセプトで サイトを構築していかないと、差別化された世界観の システムは構築できないのだと痛感しています。 特にボタン回りは課題です。 フラットデザインはいよいよダサくなってきました。 Googleが提唱するマテリアルデザインをより、Googleを超える思想で 実装していくのがカギだと思っています。 Webの世界から離れたら、地球上には解像度の高いマテリアルがあふれています。 水の表現などは良い線いっていますが、土や岩などまだまだ ほど遠い質感がのこっていて。浮ついていない重厚感あるマテリアルの存在感を どう表現できるかが、重要だと感じています。 ヒントは質感、反発。 あと文脈はとても大事。 アートの世界でも、ほぼすべてが文脈。 ただ絵を眺めているだけでは受け取れない奥行きがある。 奥行きがあるから、そこに一貫性があり、表現の幅が広がる。 でもいきなり文脈を作るのは愚策だと悟った。 いちどコラージュなどで、体から出てくるフェチズムを前回に出し切ることで、自分が主張したい創造性の方向が分かってくる。 出し切ったフェチズムを客観的に見ること。 これに尽きる。まずはアナログ→客観性→文脈→コーディング。 幸いなことに連携力がましてきたことで探求できる幅が広がりました。 よりリッチで、世界観あふれるシステムを今後も構築してきたい。

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.