<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="index.css">
<TITLE>髙橋宏義(社長)HP</TITLE>
<meta name="ROBOTS" content="NOARCHIVE">
<meta charset="Shift_JIS" />
<meta name="viewport" content="width=device-width, initial-scale=1">

</HEAD>
<BODY>
<!--PCヨウメニュー-->
 <div class="menu">
   <ul id="flip2" class="dropmenu">
  <li id="home"><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/index.html">ホーム</a>
    <ul>
      <li><a href="#">ごあいさつ</a></li>
      <li><a href="#">名簿</a></li>
      <li><a href="#">自己紹介</a></li>
    </ul>
  </li>
  <li id="product"><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/products/products.html">アプリ</a>
    <ul>
      <li><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/hashira3/hashira.html">三本の柱＋</a></li>
    </ul>
  </li>
    <li id="document"><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/documents/documents.html">資料</a>
    <ul>
      <li><a href="#">週間計画書</a></li>
      <li><a href="#">週間報告書</a></li>
      <li><a href="#">月例報告書</a></li>
    </ul>
  </li>
 <li id="education"><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/education/education.html">紹介</a>
    <ul>
      <li><a href="#">試作</a></li>
      <li><a href="#">サーバー設定等</a></li>
      <li><a href="#">Arduino(ESP-32)</a></li>
      <li><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299\2014/tyd41807/reagent/reagent.html">試薬管理日記</a></li>
      <li><a href="#">試薬登録アプリ誕生秘話</a></li>
    </ul>

  
  </li>
</ul>
 </div>
<!-- コッカラハ、スマホメニュー -->
<div id="page">
 <header id="header">
        <p class="nav-open"><a href="#gNav">MENU</a></p>
        <nav id="gNav">
         <ul>
              <li><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/index.html">ホーム</a></li>
              <li><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/products/products.html">アプリ</a></li>
              <li><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/documents/documents.html">資料</a></li>
              <li><a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/education/education.html">紹介</a></li>
          </ul>
         <div class="nav-close"><a href="#page">CLOSE</a></div>
      </nav>
    </header>
</div>


<BR><BR>

<canvas id="clockid"></canvas>
<script language="javascript">
DD = new Date
Hours = DD.getHours();
if(5 <= Hours && Hours <= 10) {
document.write("<br><h1>おはようございます。</h1>")}
else if(11 <= Hours && Hours <= 18) {
document.write("<br><h1>こんにちは</h1>")}
else {
document.write("<br><h1>こんばんは</h1>")
}
</script>
<Div class="title"><h1>ようこそ</h1></Div>
↓↓webアプリはこちらから 
<Div>
    <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/hashira3/hashira.html"><img src="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/hashira3/hashira.bmp"></a><br>

 <Div class="monthT"><h3>月別資料</h3></Div>
 <Div class="month">
 　<Div class="aprilT"><h4>4月資料</h4></Div>
 　<Div class="april">
 　<a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/alligator.html">みのみしクリップの接触抵抗についての推定及び考察(2017 4/6 (木) )</a>
 　</Div>
 　<Div class="mayT"><h4>5月資料</h4></Div>
 　<Div class="may">
 　<a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/cash/cash5.html">5月購入物品リスト</a>
 　<a href="https://edu.yz.yamagata-u.ac.jp/auth/54299/2014_H26/tyd41807/5月例/May.html">月例[5月]</a>
 　</Div>
 　<Div class="junT"><h4>6月資料</h4></Div>
 　<Div class="jun">
 <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/syaku/measure.html">ダニエル電池の作成、及びそれを基準電池として
抵抗尺と共に用いた場合の未知電池の起電力測定(2017 6/2 (木) )</a><br>
<a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/electronics/0605_0609.html">
EAGLEを用いた電子回路の修正及び、メカニカルリレーを用いた簡易的な諸実験(2017 6/8 (木) )</a><BR>
<a href="https://edu.yz.yamagata-u.ac.jp/auth/54299/2014_H26/tyd41807/electronics/assembly.html">
MMP3号機組立編(2017 6/12-6/16 (金) )</a>
<br>
<a href="https://edu.yz.yamagata-u.ac.jp/auth/54299/2014_H26/tyd41807/report/0619_0623.html">
Arduinoのwifi接続テスト及び試薬整理業務（2017 6/23(金)）</a><br>
<a href="https://edu.yz.yamagata-u.ac.jp/auth/54299/2014_H26/tyd41807/sample_project/sample_p0626-30.html">
試薬管理プロジェクト(2017 6/26-6/30 (金) )</a><br>
<a href="https://edu.yz.yamagata-u.ac.jp/auth/54299/2014_H26/tyd41807/jun_repo/jun.html">月例[6月]</a>
 </Div>
<h4>7月資料</h4>
<a href="https://edu.yz.yamagata-u.ac.jp/auth/54299/2014_H26/tyd41807/report/0703_0707.html">
研究活動用webアプリ開発及びarduinoデーターベース接続,コマンド取得（2017 7/3-7/7 （金））
</a>




 <Div class="sampleT"><h3>試作その他</h3></Div>
 <Div class="sample">
 <a href="test.asp">おじゃまむし</a>
 <a href="sisaku.asp">試作1</a>
 <a href="sample010.html">試作2</a>
 </Div>

 <Div class="productT"><h3>製品<h3></Div>
 <Div class="product">
    <a href="https://edu.yz.yamagata-u.ac.jp/auth/54299/2014_H26/tyd41807/sample_project/reserch_pro.asp">プロジェクト試薬検索</a><br>
    <a href="https://edu.yz.yamagata-u.ac.jp//auth/54299/2014_H26/tyd41807/sample_registration/register.asp">試薬登録</a><br>
    <a href="https://edu.yz.yamagata-u.ac.jp//auth/54299/2014_H26/tyd41807/tool_registration/register.asp">道具登録</a><br>
<a href="https://edu.yz.yamagata-u.ac.jp/auth/54299/2014_H26/tyd41807/test_z.asp">試薬履歴</a>
  </Div>
 </Div>

 <Div class="supportT"><h3>紹介</h3></Div>
 <Div class="support">
  <a href="https://edu.yz.yamagata-u.ac.jp/Public/52227/52227_06_01.asp">サーバ設定</a>
  <a href="http://forest.watch.impress.co.jp/library/software/winscp/">WINSCP</a>
<a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/education/arduino.html">Arduino環境設定</a><br>
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299\2014/tyd41807/reagent/reagent.html">試薬管理日記</a>
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299\2014/tyd41807/education/register.html">試薬登録アプリ誕生秘話</a>
 </div>

 <Div class="executionT"><h3>実験</h3></Div>
 <Div class="excution">
  <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/alligator.html">みのみしクリップの接触抵抗についての推定及び考察(2017 4/6 (木) )</a><br>
  <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/syaku/measure.html">ダニエル電池の作成、及びそれを基準電池として
抵抗尺と共に用いた場合の未知電池の起電力測定(2017 6/2 (木) )</a><br>
<a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tyd41807/electronics/0605-0609.html">
EAGLEを用いた電子回路の修正及び、メカニカルリレーを用いた簡易的な諸実験(2017 6/8 (木) )</a>
 </Div>

 <Div class"member"><h3>名簿</h3></Div>
 <Div class"member">
 <Div class="M2tag"><h4>M2(～2012年度入学)</h4></Div>
  <Div class"M2link">
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2016/tsy11303/index.html">黒澤大輝さん</a>
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2016/tyt54047/index.html">関口理希（メンディ）さん</a>
   <a href="https://edu.yz.yamagata-u.ac.jp/auth/54299/2016_H28/twt38682/index.html">[要認証]石川智士さん</a>
  </Div>
 <Div class="M1tag"><h4>M1(～2013年度入学)</h4></Div>
  <Div class"M1link">
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2017/twx99742/index.html">赤間未行さん</a>
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2017/tes00728/index.html">白谷貴明さん</a>
  </Div>
 <Div class="B4tag"><h4>B4(～2014年度入学)</h4></Div>
  <Div class"B4link">
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2013/tnn10573/index.html">横尾龍之介さん</a>
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2013/trn53231/index.html">増子勝一さん</a>
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tdt54452/index.html">荒川凌志くん（あらちゃん）</a>
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tme84762/index.html">上野直哉くん（うえ）</a>
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tca06880/index.html">太田貴之くん（神）</a>
   <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/ttm94672/index.html">小林晃太くん（Covershi）</a>
  <Div class="shyatikuT"><h4>社畜</h4></Div>
    <Div class="shyatiku">
     <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tws78056/index.html">後藤武くん（会長）</a>
     <a href="https://edu.yz.yamagata-u.ac.jp/Public/54299/2014/tfy40393/index.html">鈴木崇広くん（専務）</a>
    </Div>
  </Div>
 </Div>
  
 </Div>
 </Div>
<Div>


<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(function(){
    $( 'li')
      .bind( 'touchstart', function(){
        $( this ).addClass( 'flip2' );
    }).bind( 'touchend', function(){
        $( this ).removeClass( 'flip2' );
    });
});

// ページ読み込み時に init関数を実行
window.onload = function() {
init();
};
 
 
// clock関数を１秒周期で繰り返す
function init(){
clock();
setInterval('clock();',1000);
}
 
 
// clock関数 start
function clock(){
var now = new Date();
 
var canvas = document.getElementById("clockid");
var ctx = canvas.getContext('2d');
ctx.save();
 
// 各種設定
    canvas.width = 300;
    canvas.height = 300;
var w      = canvas.width;
var h      = canvas.height;
var center = {x : w / 2, y : h / 2};
// 文字盤の数字の中心までの半径(canvas の半分より少し小さく)
var rads     = w / 2 * 0.8; 
 
ctx.clearRect(0, 0, w, h);
 
 
// 時計の外側の丸
ctx.save();
ctx.strokeStyle = "rgb(207, 170, 77)";
ctx.lineWidth   = 3;
ctx.shadowBlur = 10;
ctx.shadowColor = "#000";
ctx.translate(center.x,center.y);
/* グラデーション領域をセット */
  // translateで座標を移動しているためグラデーションの始終を調整
  var grad  = ctx.createLinearGradient(0,-h/2,0,h/2);   
  /* グラデーション終点のオフセットと色をセット */
  grad.addColorStop(0,'rgb(186, 168, 132)');
  grad.addColorStop(0.5,'rgb(251, 240, 199)');
  grad.addColorStop(0.9,'rgb(207, 170, 77)');
  grad.addColorStop(1,'rgb(241, 238, 105)');
  /* グラデーションをfillStyleプロパティにセット */
  ctx.fillStyle = grad;
ctx.beginPath();
ctx.arc(0, 0, (w/2)-5, 0, Math.PI * 2, false);
ctx.fill();
ctx.stroke();
/* circle white */
ctx.beginPath();
ctx.arc(0, 0, 100, 0, Math.PI * 2, false);
ctx.fillStyle   ="#FFF";
ctx.fill();
 
ctx.restore();
 
 
// 文字盤
ctx.save();
ctx.font        = "30px 'sans-serif'";
ctx.textAlign   ="center";
ctx.textBaseline    ="middle";
ctx.fillStyle   = "rgb(0, 0, 0)";
ctx.shadowBlur = 5;
ctx.shadowColor = "#FFF";
for (var i = 0; i < 12; i++) {
    var radian = i * Math.PI / 6;
    var x = center.x + rads * Math.sin(radian);
    var y = center.y - rads * Math.cos(radian);
    var text = "" + (i == 0 ? "12" : i);
    ctx.fillText(text, x, y);
  }
ctx.restore();
 
 
//  中心を移動
ctx.translate(center.x,center.y);
 
// 分
ctx.save();
ctx.strokeStyle ="#CCC";
ctx.lineWidth = 2;
ctx.beginPath();
    for (var i=0;i<60;i++){
        if (i%5!=0) {
        ctx.moveTo(100,0);
        ctx.lineTo(95,0);
        }
    ctx.rotate(Math.PI/30);
    }
ctx.stroke();
 
// 時間
ctx.strokeStyle ="#999";
ctx.lineWidth = 3;
ctx.beginPath();
    for (var i=0;i<60;i++){
    ctx.moveTo(100,0);
    ctx.lineTo(90,0);
    ctx.rotate(Math.PI/6);
    }
ctx.stroke();
ctx.restore();
 
 
// 針の設定
var sec = now.getSeconds();
var min = now.getMinutes();
var hr= now.getHours();
hr = hr>=12 ? hr-12 : hr; // 12以上なら「hr-12」、それ以外なら「hr」
ctx.fillStyle = "#999";
 
// 短針
ctx.save();
ctx.rotate( hr*(Math.PI/6) + (Math.PI/360)*min + (Math.PI/21600)*sec )
ctx.lineWidth = 8;
ctx.shadowBlur = 5;
ctx.shadowColor = "#666";
ctx.beginPath();
ctx.moveTo(-3,25);
ctx.lineTo(0,-70);
ctx.lineTo(3,25);
ctx.stroke();
ctx.restore();
 
// 長針
ctx.save();
ctx.rotate( (Math.PI/30)*min + (Math.PI/1800)*sec )
ctx.lineWidth = 4;
ctx.strokeStyle = "rgb(0, 0, 0)";
ctx.shadowBlur = 10;
ctx.shadowColor = "#999";
ctx.beginPath();
ctx.moveTo(-2,25);
ctx.lineTo(0,-105);
ctx.lineTo(2,25);
ctx.stroke();
ctx.restore();
 
// 秒針
ctx.save();
ctx.rotate(sec * Math.PI/30);
ctx.strokeStyle = "rgb(207, 170, 77)";
ctx.lineWidth = 2;
ctx.beginPath();
ctx.moveTo(0,30);
ctx.lineTo(0,-100);
ctx.stroke();
ctx.restore();
 
// 時計の中心の丸
ctx.save();
ctx.beginPath();
ctx.lineWidth = 3;
ctx.strokeStyle = "rgb(207, 170, 77)";
ctx.fillStyle   = "rgb(186, 168, 132)";
ctx.arc(0,0,7,0,Math.PI*2,true);
ctx.stroke();
ctx.fill();
ctx.restore();
 
ctx.restore();
 
}   // clock end



</script>
</BODY>
</HTML>