FC2ブログ
スポンサーサイト
カテゴリ: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
編集 / --.--.-- / コメント: - / トラックバック: - / PageTop↑
活動報告 No.157 ニソコンに行ってきました
カテゴリ: 大会

こんにちは!ブログ担当代理人イトウです!

今回は本命のブログ担当マエダくんとの二部構成になります( ̄^ ̄)ゞ


先日6月17日に東京理科大Ⅰ部無線研究部さん主催のニソコンに参加してきました!

ニソコン  

参加した機体は、

3年生のmasao、caster、メテオ、釣式

OBのODA先輩の墨、イプシロンが出場!

墨は1年生が操縦が操縦したのですが、初めて大会に参加したとは思えないほど落ち着いていて

イトウは感心しておりました(´ω`人)


今回行われた競技は

障害物競走 

格闘競技大会 の二種目でした!

IMG_7653 圧縮


IMG_7667圧縮


イプシロン


メテオ





以下 結果になります。

障害物競走部門

1位 タイペリオン

2位  イプシロン

3位 で かーる


格闘競技部門

1位 タイペリオン

2位 ささペロリン

3位 クロムキッド


さらに会場に来た方々による人気投票も!

人気投票部門

1位 タイペリオン

2位 イプシロン

3位 墨


タイペリオンがすごい!まさかの全部門優勝でした.゚+.(・∀・)゚+.

そしてヒュー研はODA先輩の墨が3位、イプシロンが2位とちびっ子たちの熱い人気を獲得しました!


今回は残念ながらODA先輩のみの受賞となってしまいましたが

初めて大会を見学した1年生にとってはたくさんの機体を見れたいい経験になったと思います。


来月にはROBOT JAPANがあるので、3年生は頑張っていきましょう!


それじゃあイトウはここまで(=゚ω゚)ノ

マエダくんにバトンタッチ!





どうも,おはこんばんにちは.ニソコンに行かなかった3年のマエダです.
今年のニソコンは昨年と違い広めの会場でやりやすかったとのことなので,来年も更なる改善を期待しておりますっ.


さてさて,私がブログに名を出すのは結構久し振りですね.ここの所はずっと手書きの実験レポート作成以外は機体設計とヒュー研内新技術の開拓に勤しんでおりました.
なのでロボット屋さんに向けて更新するブログ記事が無く…めっきり更新しなくなってしまいました…


ま,新技術といってもそんな大層なことはしておらず,FPGAによる制御と,(物体検出用の)ディープラーニングを用いた機体の自動制御です.
上記に関しては心と時間と精神と心と精神に余裕があれば個人で持っているブログサイトにアップして,ここで報告という形になると思います.




雑談長くなりましたが,今回はFPGAともDNNとも関係ない(?)Electronについてです.


ElectronはNode.jsによりセキュリティ上できなかったWEBシステムからローカルPCへのアクセスが可能となることで,ブラウザを丸ごと梱包すればデスクトップアプリケーションをつくることが出来るものですが,jQueryを使う際にやり方によってはNode.jsが機能しなくなります.


結構簡単に対処できるのですが,ネット上にはこれを考慮しないjQueryの通し方をしている記事があるので,メモ感覚で書いていきます.


やってはいけない方法


Electronに欠かせないファイルとして「package.json」があるかと思います.

以下のようなファイルです.



{
    "name": "test",
    "version": "0.1.0",
    "description": "for HK",
    "main": "main.js",
    "scripts": {
        "start": "electron ./src/renderer/main.js",
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "Shimizu_mizu",
    "license": "MIT",
    "devDependencies": {
        "electron": "^1.8.3",
        "fs": "0.0.1-security",
        "jquery": "^3.3.1",
        "require": "^2.4.20"
    }
}



この中で,「"main": "main.js"」がElectronのレンダラプロセスに相当しますが,この「main.js」内にjQueryを読み込ませる記述をする方法はやってはいけません.具体的にmain.jsの記述を抜粋すると,以下のような記述です.



function createMainWindow() {
    Menu.setApplicationMenu(menu);
    mainWindow = new BrowserWindow({
        width: 1280,
        height: 720,
        webPreferences: {  // jQueryの認識
            nodeIntegration: false
        }
    });
    mainWindow.loadURL('file://' + __dirname + '/../../index.html');
    mainWindow.webContents.openDevTools();
    mainWindow.on('closed', function() {
        mainWindow = null;
    });
}


上記の中でも,



        webPreferences: {  // jQueryの認識
            nodeIntegration: false
        }


ここの部分です.こうすると確かにElectronの実行時に「 $ is not undefined 」と出ることなくjQueryが正常に読み込まれ,実行もできます.しかし,ここで外部ファイルのJavaScriptに「 const fs = require('fs'); 」と記述すると,今度はrequireが認識されません.



正攻法(?)


1, npmコマンドでjQueryをインストールする
2, html内にとある記述を


この2作業で終わります.



1. npmコマンドでjQueryをインストールする

何はともあれ,とりあえずプロジェクトのディレクトリに移動して,下記のコマンドを打ち込みます.


:~ $ npm install jquery@3.3.1 --save-dev


以上です.複数プロジェクトの管理のために--save-devとした方が良いでしょう.なお,バージョンは下記のリンクより,一覧と最新の安定版,開発版がすぐにわかります.


https://www.npmjs.com/package/jquery



img-shim-01.png 
img-shim-02.png 


2, htmlにとある記述を


以下をhtml内に記述します.ここだけ画像なのは,<script>タグで囲むとFC2ブログがそれをブログエディタ上で認識してしまい,描画されないためです.

<pre>タグで囲っても認識してしまうなんて,もしかしたらFC2ブログのコメントや検索欄にjsやらphpのコード記述すればクラックできるかもですね!(やらないけど...)


img-shim03.png 



これで以上となります.結構簡単にNode.jsを殺さずにjQueryを認識させることができるかと思います.




さて,前段のブログ代理(本命)のイトウ氏に続いて趣味全開の記事となりましたが,いかがでしたでしょうか.


私はあまりヒュー研していないのでブログは中々コアな分野をつくことが多いですが,そんな記事を書く度に「すまん...ロボ屋に興味なさそうな内容ですまん...」と思いつつ今日も涙目にキーボードを打っています.


一応,活動上はROBO-ONE autoに出るのが責務なので,大会が近づくにつれてようやくロボ関係の記事もぼちぼち出てくると思います.それまでは主に大会報告屋さんのブログ本命(代理)のイトウ氏が書いて下さるかと.


ほんじゃ まったの〜〜 ♪(/・ω・)/ ♪





スポンサーサイト
編集 / 2018.06.22 / コメント: 0 / トラックバック: 0 / PageTop↑
コメント
 
Title
 
 
 
 
 
 
Secret 


Pagetop↑
トラックバック
Pagetop↑
プロフィール

ヒュー研の中の人

Author:ヒュー研の人
このブログは東京電機大学理工学部ヒューマノイド研究部の公式ブログです。2012年から部に昇格しました!
その日の活動や大会の記録をできるだけ更新していきたいです!!

☆だいたい金曜日前後に更新します☆

FC2カウンター
カレンダー
07 | 2018/08 | 09
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -
リンク
ブロとも申請フォーム
携帯でみるには↓
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。