信頼はずっと、挑戦はもっと。

お問い合わせ
TEL:03-3496-3888

BLOG コアテックの社員ブログ (毎週月曜~金曜更新中)

LIST OF ARTICLES

記事一覧

  • レビュー

    毛玉が嫌い

    こんちわ。パグですー。突然ですが、洗濯は好きですか?私は嫌いです。家事の中で一番洗濯が嫌い。洗うのも干すのも畳むのも嫌い。洗濯ってさ、生地によって手洗いしろとか、洗剤変えろとか、面倒くさい。でも掃除は好き。掃除っていうか、捨てるのが好き。なので、もう洗濯失敗したらさ、すぐ服捨てるから。なので、高い服とか、手入れ必要な服とか、長年洗濯機で洗えない服は買わなかったのに、今年は、血迷って、麻混の服を買ってしまったんですよ。そんで、忘れててすぐ洗濯機で回した・・・結果、毛玉が死ぬほどできてしまい、なんか洗い立てなのに汚い・・・3回しか着てないのに・・・。ていうか夏場に、、洗濯機で洗えない素材なんて、服としてどうなんだよ。まあ冬は冬で、ニットも洗濯機に入れちゃうので・・・もう、毛玉がね・・・毛玉が・・・とにかく毛玉が取りたい!!!ということでちゃんと洗濯表記通りに洗える子には必要ないのかもしれませんが、ついに買ってしまいました。毛玉取り機。こやつ、、すごい最高です。見た目こんなん。電源ボタン押すだけ。電池式です。LOWゲージもHIGHゲージもいけちゃうよ〜〜〜〜そんで・・・あーもう。なんか汚いよ。着れないよ。捨てるかなーと悩んだこちらのサロペット(麻混)ほらこの通り〜!!!すごい。すごいよ。毛玉取り機。同じ生地とは思えん。冬用ニットも、こやつでガンガン毛玉取ってます。ちなみに、生地は痛みますので、自己責任で!!んでも痛むからって、汚いまま着るよりいいんじゃないかな〜って。。。(クリーニングに出しましょう)じゃあまた!!!
  • レビュー

    教団x

    タイプの異なる宗教団体2つ、それに関連する人の過去の背景と行動、化学と政治の話が主になっています。政治の話は興味がない分野なのでまったく入ってきませんでしたが、登場する人物の自他認識の話が面白いと感じました。特にキャラの設定部分です。ページ数がかなり多い事と人物の語りが長く読むのがだるい場面がありますが中断する事なく読めた事は内容に魅力があったからなんだとは思います。本を読みたいけど読む本が決まらない場合はこの本をオススメします。ただ、教団Xは宗教団体の1つでカルトに属する設定内容でもあるので好き嫌いがはっきりわかれてしまうとは思いますがはまる方にはかなり面白いとは思います。
  • 健康

    加齢によるからだの変化

    人間は年を重ねることで様々な部分が変化しちゃいます。この変化を把握し、対策することで年齢に負けないからだを作ることが出来るそうです。年齢を重ねると「からだのかたち」が変化する?年代ごとに体形が変わってくることは皆さんもなんとなく感じてますよね。年齢とともに体形は変化し、脂肪がつきやすいからだになっていきます。これは基礎代謝量が減っていくためで、以前と同じ生活運動をしていても消費カロリーが少なくなってしまうからです。しかし食べる量は以前と変わらないとカロリーの摂取と消費のバランスが崩れ、体形が崩れていくというわけなんです。加齢によって変化する部分は年代や性別により様々です。具体的な変化傾向を見て、対策を考えていこう。「年齢とともに太りやすくなる」は本当1日の総消費エネルギー量の内訳加齢とともに減少する「基礎代謝量」。基礎代謝とは心臓を動かしたり呼吸したり体温を保つなど「生きていることを維持するため」に必要なエネルギーで、「ゴロ寝していても絶えず使い続けているエネルギー」のことです。この基礎代謝は24時間絶え間無く使われ続け、1日の総消費エネルギーのうち、なんと「7割以上」も占めているそうです。基礎代謝量(平均値)の年齢変化このため、「痩せやすく太りにくいからだ(エネルギーをたくさん使うからだ)」であるためには「基礎代謝が高いこと」が絶対条件なのですが、この基礎代謝は、男性で18歳くらい、女性では15歳くらいをピークにその後は年齢とともにどんどん低下します。からだが成長する時期を過ぎてある程度からだが完成してしまった後は、「維持」のエネルギー以外は必要なくなり、徐々に老化も進んで細胞の生まれ変わりのサイクルが遅くなり、エネルギーをたくさん使う筋肉も減ってしまうからです。脂肪は年齢と共にお腹に集まる?数値化すると男女とも加齢とともに体幹部への脂肪の分布(内臓脂肪も含む)がどんどん増えているという結果が出ています。体幹部というとほとんどが腹部です。50歳以上になると男性では全身の脂肪のうち6割以上が主に腹部についていることになります。女性でも30代を超えると5割以上の脂肪が腹部に分布しています。ある程度年齢を重ねた人は、全身の体脂肪率があまり高くなくても、腹部の脂肪分布が増えている可能性が高く、その中でも特に内臓脂肪が増える傾向があります。今回はここまでと
  • 健康

    そういうこと。

    ひろちゃんです。朝、会社のビルのエレベーター待機列が長すぎて大変です・・・。ひろちゃんです。その待機列、2列形成ですが何故か左側のほうが進むのが早いです・・・。ひろちゃんです。その待機列、ホントに長すぎるときは階段を登るほうがオフィスに早く着くことに気づきました・・・。ひろちゃんです。健康診断で腹囲を指摘されたので、内臓脂肪を減らすお茶(トクホ)を毎日飲んでます!ひろちゃんです………。ひろちゃんです………………。ひろちゃんです………………………。痩せなきゃ。では。
  • 健康

    筋トレのススメ4

    お久しぶりです。のりさんです。海やプールに行きたい季節ですね。皆さんはどのようにお過ごしでしょうか。自分に関しては引き続き筋トレを継続しています。最近またまた成長を感じていますので記録を書きたいと思います。1RM換算で以下になりました===============================ベンチプレス 90Kg→96Kgハーフデッドリフト 160Kg→182Kgバーベルスクワット 100Kg→120Kg===============================デッドリフトについてMAX180㎏まであがるようになってきました。正直自分でも驚いています。ここまで挙げられるようになったので200Kgオーバーを目指したいと思います!筋肉は裏切りません!筋トレおすすめです!
  • テクログ

    NuxtJs

    皆さんこんにちは。本日はNuxtjsというものを少し触ってみます結構前ですが同じくブログでVueJsを紹介しました。↓https://core-tech.jp/blog/article196/NuxtJsはこれに対して機能を足してSSR(サーバサイドレンダリング)を可能にしたフレームワークのようです。これだけSPAサイトが流行っている中ですが、クローラにちゃんとキーワードを読ませたいよってなったらこういったSSRができるフレームワークを使わないといけませんね。では早速。Nodejsがインストール済で、NPM5.2以降が入っている前提で話をします。私はOSはMACOS(Mojave)です。コンソールで以下を入力します。npx create-nuxt-app sample 初期設定コンソールがでるので適当に好みにあったものを選択します。で、おわるとこんな感じのがでます。 To get started: cd sample npm run dev  To build & start for production: cd sample npm run build npm run start To get startedの手順をそのまま叩くと起動します。 cd sample npm run dev で、http://localhost:3000にアクセス。はいできた。ここで終わっても面白くはないので少しだけいじって体験してみます。作成したプロジェクトにはすでにGitまで入っているので一応登録しておきます。同じ場所でgit add . git commit :wq デザインの部分に関しては、今回はBootsnippさんにサンプルとしてあるhttps://bootsnipp.com/snippets/1ea0Nを使わせてもらいます。いじるファイルは2ファイル★変更点sample/nuxt.config.jsheadの部分をまるっとこの形にします。head: {   title: 'nuxt-example',   meta: [     { charset: 'utf-8' },     { name: 'viewport', content: 'width=device-width, initial-scale=1' },     { hid: 'description', name: 'description', content: 'Nuxt.js project' }   ],   script: [     { src: 'https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js' },     { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js' }   ],   link: [     { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },     { rel: 'stylesheet', id: 'bootstrap-css', href: 'https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css' },     { rel: 'stylesheet', type: 'text/css', href: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css' },   ] }, これは、ページのヘッダなどを設定する部分で前回同様CDNでスタイルなど引けるようにしています。Sample/pages/index.vueまるっと下記を貼り付けます<template>   <div class="container">     <div class="messaging">       <div class="inbox_msg">         <div class="inbox_people">           <div class="headind_srch">             <div class="recent_heading">               <h4>Recent</h4>             </div>             <div class="srch_bar">               <div class="stylish-input-group">                 <input type="text" class="search-bar"  placeholder="Search" >                 <span class="input-group-addon">                 <button type="button"> <i class="fa fa-search" aria-hidden="true"></i> </button>                 </span> </div>             </div>           </div>           <div class="inbox_chat">             <div class="chat_list active_chat">               <div class="chat_people">                 <div class="chat_img"> <img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"> </div>                 <div class="chat_ib">                   <h5>Coretec-Nuxt-Sample<span class="chat_date">Aug 6</span></h5>                   <p>テストのためのサンプルです</p>                 </div>               </div>             </div>             <div class="chat_list">               <div class="chat_people">                 <div class="chat_img"> <img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"> </div>                 <div class="chat_ib">                   <h5>テストです<span class="chat_date">Aug 7</span></h5>                   <p>テスト部屋2番です</p>                 </div>               </div>             </div>           </div>         </div>         <div class="mesgs">           <div class="msg_history">             <div class="outgoing_msg">               <div class="sent_msg">                 <p>最初からいれてあるサンプルの部分です</p>                 <span class="time_date"> 11:01 AM    |    Today</span> </div>             </div>             <div class="incoming_msg">               <div class="incoming_msg_img"> <img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"> </div>               <div class="received_msg">                 <div class="received_withd_msg">                   <p>最初からいれてあるサンプルの部分です                   </p>                   <span class="time_date"> 11:01 AM    |    Today</span></div>               </div>             </div>             <div v-for='(meg, index) in talks' :key='index' >               <div class="incoming_msg" v-if=meg.flg>                 <div class="incoming_msg_img"> <img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"> </div>                 <div class="received_msg">                   <div class="received_withd_msg">                     <p>{{ meg.item }}</p>                     <span class="time_date">{{ meg.timestamp }}</span></div>                 </div>               </div>               <div class="outgoing_msg" v-else>                 <div class="sent_msg">                   <p>{{ meg.item }}</p>                   <span class="time_date">{{ meg.timestamp }}</span> </div>               </div>             </div>           </div>           <form v-on:submit.prevent>             <div class="type_msg">               <div class="input_msg_write">                 <input type="text" class="write_msg" placeholder="メッセージをいれてね" v-model="newItem" />                 <button class="msg_send_btn" type="button"><i class="fa fa-paper-plane-o" aria-hidden="true" v-on:click="addItem"></i></button>               </div>             </div>           </form>         </div>       </div>     </div></div> </template> <script>     export default {         data() {             return {                 newItem: '',                 talks: [],                 flg: false             }         },         methods: {             addItem: function(event) {               var val = this.flg               var todo = {                   item: this.newItem,                   timestamp:new Date(),                   flg:!val               };               this.flg = todo.flg               this.talks.push(todo)             }         }     } </script> <style>   .container {     min-height: 100vh;     display: flex;     justify-content: center;     align-items: center;     text-align: center;   }   .title {     font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */     display: block;     font-weight: 300;     font-size: 100px;     color: #35495e;     letter-spacing: 1px;   }   .subtitle {     font-weight: 300;     font-size: 42px;     color: #526488;     word-spacing: 5px;     padding-bottom: 15px;   }   .links {     padding-top: 15px;   }   .container{max-width:1170px; margin:auto;}   img{ max-width:100%;}   .inbox_people {     background: #f8f8f8 none repeat scroll 0 0;     float: left;     overflow: hidden;     width: 40%; border-right:1px solid #c4c4c4;   }   .inbox_msg {     border: 1px solid #c4c4c4;     clear: both;     overflow: hidden;   }   .top_spac{ margin: 20px 0 0;}   .recent_heading {float: left; width:40%;}   .srch_bar {     display: inline-block;     text-align: right;     width: 60%; padding:   }   .headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}   .recent_heading h4 {     color: #05728f;     font-size: 21px;     margin: auto;   }   .srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}   .srch_bar .input-group-addon button {     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;     border: medium none;     padding: 0;     color: #707070;     font-size: 18px;   }   .srch_bar .input-group-addon { margin: 0 0 0 -27px;}   .chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}   .chat_ib h5 span{ font-size:13px; float:right;}   .chat_ib p{ font-size:14px; color:#989898; margin:auto}   .chat_img {     float: left;     width: 11%;   }   .chat_ib {     float: left;     padding: 0 0 0 15px;     width: 88%;   }   .chat_people{ overflow:hidden; clear:both;}   .chat_list {     border-bottom: 1px solid #c4c4c4;     margin: 0;     padding: 18px 16px 10px;   }   .inbox_chat { height: 550px; overflow-y: scroll;}   .active_chat{ background:#ebebeb;}   .incoming_msg_img {     display: inline-block;     width: 6%;   }   .received_msg {     display: inline-block;     padding: 0 0 0 10px;     vertical-align: top;     width: 92%;   }   .received_withd_msg p {     background: #ebebeb none repeat scroll 0 0;     border-radius: 3px;     color: #646464;     font-size: 14px;     margin: 0;     padding: 5px 10px 5px 12px;     width: 100%;   }   .time_date {     color: #747474;     display: block;     font-size: 12px;     margin: 8px 0 0;   }   .received_withd_msg { width: 57%;}   .mesgs {     float: left;     padding: 30px 15px 0 25px;     width: 60%;   }   .sent_msg p {     background: #05728f none repeat scroll 0 0;     border-radius: 3px;     font-size: 14px;     margin: 0; color:#fff;     padding: 5px 10px 5px 12px;     width:100%;   }   .outgoing_msg{ overflow:hidden; margin:26px 0 26px;}   .sent_msg {     float: right;     width: 46%;   }   .input_msg_write input {     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;     border: medium none;     color: #4c4c4c;     font-size: 15px;     min-height: 48px;     width: 100%;   }   .type_msg {border-top: 1px solid #c4c4c4;position: relative;}   .msg_send_btn {     background: #05728f none repeat scroll 0 0;     border: medium none;     border-radius: 50%;     color: #fff;     cursor: pointer;     font-size: 17px;     height: 33px;     position: absolute;     right: 0;     top: 11px;     width: 33px;   }   .messaging { padding: 0 0 50px 0;}   .msg_history {     height: 516px;     overflow-y: auto;   } </style> で、何ができたかというと。一人でチャットできるWebアプリです(笑)初期画面こんな感じ『メッセージをいれてね』の部分に文字を入れて右の紙飛行機ボタンを押すと1人チャット完成です。処理部分に関して抜粋して書きます。Index.vueのHTML部分 <div class="mesgs">   <div class="msg_history">    <div class="outgoing_msg">     <div class="sent_msg">      <p>最初からいれてあるサンプルの部分です</p>      <span class="time_date"> 11:01 AM  |  Today</span> </div>    </div>    <div class="incoming_msg">     <div class="incoming_msg_img"> <img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"> </div>     <div class="received_msg">      <div class="received_withd_msg">       <p>最初からいれてあるサンプルの部分です       </p>       <span class="time_date"> 11:01 AM  |  Today</span></div>     </div>    </div>    <div v-for='(meg, index) in talks' :key='index' >     <div class="incoming_msg" v-if=meg.flg>      <div class="incoming_msg_img"> <img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"> </div>      <div class="received_msg">       <div class="received_withd_msg">        <p>{{ meg.item }}</p>        <span class="time_date">{{ meg.timestamp }}</span></div>      </div>     </div>     <div class="outgoing_msg" v-else>      <div class="sent_msg">       <p>{{ meg.item }}</p>       <span class="time_date">{{ meg.timestamp }}</span> </div>     </div>    </div>   </div>   <form v-on:submit.prevent>    <div class="type_msg">     <div class="input_msg_write">      <input type="text" class="write_msg" placeholder="メッセージをいれてね" v-model="newItem" />      <button class="msg_send_btn" type="button"><i class="fa fa-paper-plane-o" aria-hidden="true" v-on:click="addItem"></i></button>     </div>    </div>   </form>  </div> </div> Index.vueの処理部分<script>   export default {     data() {       return {         newItem: '',         talks: [],         flg: false       }     },     methods: {       addItem: function(event) {        var val = this.flg        var todo = {          item: this.newItem,          timestamp:new Date(),          flg:!val        };        this.flg = todo.flg        this.talks.push(todo)       }     }   } </script> buttonを押下した時にscriptのv-on:click="addItem"が発火。v-model="newItem”の値を入れてdataの変数を書き換え再描画しています。1メッセージごとにflgの中身を交互に切り替え自分と相手側が会話しているように表現しています。再描画部分は<div v-for='(meg, index) in talks' :key='index' >でループで出力し、<div class="incoming_msg" v-if=meg.flg>でHTMLを相互に切り替えています。わりと簡単な実装でチャットツールのような表現をすることができました。しっかりと作り込んでいけばもっと沢山のことができるかもしれませんね。本日はざっくり概要部分だけ触れました。それでは。