株式会社コアテック | 東京のWeb制作会社

イベント

2018.08.09

イベント

お久しぶりです。のりさんです。梅雨が明ける時期が早く７月から真夏日が続いてますね。そんな中とある暑い場所に行ってきました。茨城のひたち海浜公園この時期何をやっているか知っている方も多い思います。そうです夏フェスです。ROCK IN JAPAN(ロッキンジャパン)行ってきました。会場に着くと低い重低音がが聞こえてテンションあがりました！公園の中にはステージがいくつかありスケジュールの中から見たいアーティストのステージを聴いてまわる感じです。各ステージは距離が離れていて移動もなかなか大変で会場内は結構歩くので暑かったですね。発汗がすごいので水分もこまめにとってました。（ポカリがたくさん売れてました）熱中症対策として用意しておいたミニ扇風機、タオル、帽子などがかなり役に立ちました。聴いている側はまだいいですが、歌っている側は大変そうでレキシのボーカルの人が和服を重ね着した暑そうな格好出てきたときはさすがに倒れるんじゃないかと思ったくらいです。行ってみた感想としては音楽が好きであればフェスは一人でも複数人でも楽しめると思いました。今回の印象に残ったレキシとスキマスイッチフェスから帰ってからもイヤホンでずっと聴いてました。夏フェスおすすめです！

旅行

2018.08.08

さえ

旅行

避暑

こんにちは。総務課のさえです。暑い日が続いていますが…と言いたかったのですが今日涼しい。。ともあれ、暑い日に行きたくなるのが避暑地、軽井沢。都内から新幹線乗ると本当にすぐなのでたまに遊びに行くのですが、最近お気に入りの場所がこちらです。RK GARDENというカフェなのですが、限りなく森の中にいる気分でくつろげます…。窓がなく、自然の風が入ってくるのもすごくいい…。（すぐ横道路ですが、そこは見ない）また暑くなったら涼みに行きます。

テクログ

2018.08.07

新納誠一

テクログ

Vuejsって聞いたことある？

こんちわ！新納です。突然ですが皆さんVue.jsって知ってます？読み方はビュージェーエスです。JSではいろんなライブラリが出ていますよね。その中でもjQueryは特に有名で使いやすいライブラリだと思います。個人的にも、jQuery大好きです。(簡単にかけるので)ですが、jQueryも簡単は書きやすい反面ミニマムな機能実装にはおすすめですが大規模、且つ複数のJSファイルに分かれるような状態になると中々メンテが大変な事になってきます。更に、あまり良いこととは言えませんがjQueryでは階層指定でバインドしている場合も多々あると思うので、うかつにHTMLをいじると既存処理が動かなくなったよーなんてことになったりします。.parent().parent.().children()……とかやっていると少しHTMLいじっただけで死ねますよねｗまあ双方向バインディングとかVirtualDOMとかいろいろ特徴があるのでとくとくと説明していきたいところですが、今回はあまり概念には触れず超簡単なサンプルを使ってjQueryとの書き方の違いを比較したいと思います。コピペのまま動くようにしたいので今回はどちらのライブラリもCDNからロードしています。★やりたいこと痩せるためにはボタンを押したらリストの２番めの要素の文言を『昼はぬいてダイエット』に変える◆jQueryの場合-----------------------------------test_jquery.html<html lang="ja"> <head> <meta charset="UTF-8"> <title>てすと</title> </head> <body> <div id="content"> <input type="button" value="痩せるためには"> <ul> <li>朝ごはん</li> <li>昼ごはん</li> <li>晩ごはん</li> </ul> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="./test_jquery.js"></script> </body> </html> test_jquery.js$(function(){ $("#content input").on("click",function(){ $("#content ul li").eq(1).text("昼は抜いてダイエット"); }); }); -----------------------------------------------------------------------◆Vuejsの場合------------------------------test_vue.html<html lang="ja"> <head> <meta charset="UTF-8" /> <title>てすと</title> </head> <body> <div id="content"> <form> <input type="button" value="痩せるためには" v-on:click="ibentohakka" /> </form> <ul> <li v-for="gohan in list">{{ gohan }}</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script> <script src="./test_vue.js"></script> </body> </html> test_vue.jsvar app = new Vue({ el: '#content', data: { list: [ '朝ごはん', '昼ごはん', '晩ごはん' ] }, methods: { ibentohakka: function() { Vue.set(this.list, 1, '昼は抜いてダイエット'); } } }); ---------------------------------------------------------…どうすか？画面で見ると結果は全く同じです。『jQueryの方が記述短いじゃねーかいい加減にしろ！』とお怒りの方。ごもっともです…Vueは特徴的なところが何点かありますね。<input type="button" value="痩せるためには" v-on:click="ibentohakka" />これは、jQueryのonclickと似ています。これが押されたらjsに書いてあるmethodsのibentohakkaが発火し中の処理Vue.set(this.list, 1, '昼は抜いてダイエット’);が実行されます。<li v-for="gohan in list">{{ gohan }}</li>jQueryではHTMLに直接リストを記述しましたが、Vueはリストの部分にこれしかありません。これは、gohan in listの部分でデータ・セットの部分data: { list: [ '朝ごはん', '昼ごはん', '晩ごはん' ]},のリストをループして出力します。jQueryだと$("#content ul li").eq(1).text("昼は抜いてダイエット”);でdomを指定して値を書き換えていますが、これだと例えばulの要素が１つ上に追加されたら想定外の部分が書き換わってしまいます。ですが、Vueであれば<li v-for="gohan in list">{{ gohan }}</li>で作り出したものに対してVue.set(this.list, 1, '昼は抜いてダイエット');としているので、仮にHTMLの階層が変わってしまっても変更したい要素がうまく切り替わってくれます。この短いコードではあまりメリットを感じられないかもしれません。が、プロジェクト規模が大きくなり、HTMLの改修が増えるほどVueのメリットは大きくなってくると思っています。ライブラリを読むだけで使えるしjQueryとの共存もできるのでいきなり全書換は嫌だけど簡単な部分だけでもVueで記述していったらいつか良さに気づく日もくるんじゃないでしょうか。ではまた！

テクログ

2018.08.06

工場長

テクログ

オフィスが急に落ちる現象が多発するPCがある。

windows7　64bitメモリ　16GBオフィス2013home＆business最近変えたPCで以前使っていたPCで作ったエクセルファイルを開いて作業すると突然落ちてします。作業内容は、　・セルに書き込む　・セルをコピーする上記を行うとすぐに落ちてしまう。VBAは使っていないし、プラグインも入れていない。エクセルの入れなおしも検討したが、以前のPCでも同じような現象が確認されたと聞いたので他の処理を優先することに。調べた結果、「マルチスレッドを無効にする」という記事を試したがあまり効果がない様子。新しいPCで新規にエクセルファイルを作り問題の作業をしてみたが、エラーは確認されなかった。上記のテストの結果エクセルファイル自体に問題がある可能性が高いと思い、エクセルをセーフモードで起動し新しいエクセルに全てのデータをコピーした。セルをコピーするとエラーが発生する為エクセルのセーフモードは必須。新しいエクセルでの作業を1週間程度使用してもらったが、今のところ現象の再発はない。かならずしも上記の作業で直るとは限らないが、困ったときはエクセルファイルを作り直してみては？

レビュー

2018.08.03

うが

レビュー

うちのものシリーズ第1弾：ムーヴキャンバス

うちのものシリーズ第1弾：ムーヴキャンバスどーも、うがちゃんです！ブログなにかこっかなーってずっと悩んでて、なんかシリーズ物でも始めてみようかなって思ってとりあえず、家にあるものを紹介できたらと思いできました、この「うちのものシリーズ」。果たして何回続くのか、それとも1回で終わってしまうのか。。。初回はうちの愛車「ダイハツ　ムーブキャンバス」！若い女性をターゲットとしたこの車。軽自動車での「スーパーハイトワゴン」と呼ばれる部類に属するわけですが、昨今の軽スーパーハイトワゴンは、どの車も「いかつい」「チョイわる」的なフェイスが流行っている中「かわいい」「丸い」を前面に押し出している車となっています。（一見すると「ワー〇ンバス」に似ていますが、パクっているわけでは決してありません！）車内空間も全高は1,655mmと、高さはタントより100mmも違いますが、気にならないくらい広く両側電動スライドドアだったり、リアシートがセパレートに倒せたり、収納が多かったりと利便性が良いうえ上記のツートーンタイプ（パールホワイトⅢ×ファインミントメタリック）ではインテリアも色がそろえてあったりと細かい部分までこだわって作られています。この車を買うなら、ツートーンタイプは必須だと思います！足回りに関しては、ほかのスーパーハイトワゴンより意外とコーナーはついてくる感じだと思います。ただ、ターボ搭載グレードがなく、自然吸気なので「坂道＋コーナー＋エアコン＋4人＋荷物」はちょっと頑張ってる感じします。ちなみに普通に走ってる感じは、走り出しこそ「うーん」な感じですが、そこをクリアすれば乗り心地は自分的には良いのかなと思います！今は安上りなカスタム＆メンテ（ルームランプ、後ろのロゴのデコレーション、ペダル、ハンドルカバー）しかしていませんが今度はホイールとかバッテリーとかコーティングとかしたいなぁって思います。ほかにもいろいろ語りたいことはいっぱいですが、長くなりそうなので、この辺で！ダイハツ　ムーヴキャンバススペシャルサイトはこちらからhttps://dport.daihatsu.co.jp/car/canbus/ではでは～♪

コアテックのメンバーが日々更新中！ ※土日祝日を除きます