Biomod/2013/Sendai/protocol: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 30: Line 30:
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol" class="whiteSendai">Protocol</a>   
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol" class="whiteSendai">Protocol</a>   
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/future" class="whiteSendai">Future</a>  
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/future" class="whiteSendai">Future</a>  
            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/member" class="whiteSendai">Member</a>
          <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/member" class="whiteSendai">Team</a>
         
            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sponsor" class="whiteSendai">Sponsor</a>
 
             </nav>
             </nav>
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai"><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp; Team</span>Sendai</b></h1></a>  
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai"><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp; Team</span>Sendai</b></h1></a>  

Revision as of 22:30, 28 August 2013

<html> <head> <style>


/********************** Hide MediaWiki and init CSS, overwrite by bootstrap.css バルス**********************/

body{

background:none;

} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{

margin:0;
padding:0;
/* font-size:100%; */
 border:0;
outline:0;

} a, a:link, a:visited, a:hover, a:active{

text-decoration:none

}

/*訪れたリンクを白くするよ*/ .whiteSendai:visited{

color:#FFFFFF!important;

}

/*左詰め、真ん中、右詰め*/ .leftSendai { text-align: left; } .centerSendai { text-align: center; } .rightSendai { text-align: right; }


.firstHeading {

display:none;

}

  1. content{
border-style:none;
margin:0;
padding:0;

}

  1. globalWrapper{
font-size:100%;

}

  1. contentSub{
display:none;

}

  1. column-one{
display:none;

}

  1. footer{
display:none;

}

  1. globalWrapper{
font-size:100%;

}

  1. bodyContent h1, #bodyContent h2{
 margin-top: 20px;
 margin-bottom: 10px;

}


  1. bodyContent h3{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: medium;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. bodyContent h4{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: thin;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. bodyContent h5, #bodyContent h6{
 margin-top: 10px;
 margin-bottom: 10px;

/**** border-bottom-width: thin;

 border-bottom-style: solid;
 border-bottom-color: gray;
        • /

}

/********************************* Hide MediaWiki end *********************************/


/* Structure */ html{ background: #eee; } body {

 padding: 0px;
 background: #fff;
 color: #333;
 margin: 0 auto;
 max-width: 900px;
 font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

a {

 color: #105672;

}

header {/****position: fixed; ****/

       /******width: 100%;****/
       height: 90px;
       z-index: 1;

background: #F17F25;

        padding:0.01em 0.5em 1.5em ;

color: #fff; line-height: 1;

}

header h1{ margin-bottom: 0; }

header h1 span{ display: inline; color: rgba(255,255,255,.4); }

header span{ display: block; color: rgba(255,255,255,.2); font-weight: 300; margin-bottom: 1.6em }

header nav{ float: right; text-align: right } header nav div{ font-size: .8em; } header nav div a { font-weight: 300; padding: .3em .5em } header nav a{ color: #fff; display: inline-block; padding: .3em .8em }

header nav a:hover, header nav a:focus{ color: rgba(255,255,255,.6) }


[role=main]{ padding:1.5em 3em; } article{ padding: 1em 0; text-align: justify; text-justify: inter-ideograph;

}


footer{ background: #333; color: #fff; padding: 1em 3em;

       clear: both;    /***2段組みの左右のfloatを解除***/

}

/* Typography */

p{ font: 1em/1.5 Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; }

p.sukima{

       font-size: 150%;
       font-weight: normal;
       font-family: Helvetica;
       background: #bbb;
       padding-left: 1.2em;

}

img{ max-width: 100%; /***** height: auto; *****/ }


blockquote{ float: left; margin: 1em 3em; } blockquote p{ font-size: 1.4em; line-height: 1.2; font-weight: 700; font-style:italic; } a{ font: 700 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none } a:hover, a:focus{ color: #000; } a:active{ position: relative; top:1px; }

ol{margin: 1em 0 1em 0; padding-left: 2em; } li{ margin: 0; }

/* Tabs */

  1. tabs

{ /*****position:fixed;****/

      width: 900px; 

}

.js-on #tabs article { display:none }

  1. tabs, #tabs nav a.active{

background: #FFF; color: #111; }

  1. tabs nav

{ position: relative; overflow: hidden; display: table; background: #bbb; }


  1. tabs nav a

{ width:900px; display:table-cell; padding:1em; text-align:center; color: #333; }

  1. tabs nav a:hover,#tabs nav a:focus

{ background:#eee }

  1. tabs article

{ padding:2em; }


.js-on #tabs article.active { display:block; }

  1. tabs #mobiles{

display:none; border-radius: 0; }

  1. tabs #mobiles a, #tabs #mobiles a:first-child, #tabs #mobiles a:last-child{

width:300px; border-radius: 0; }


/* Media queries */ @media screen and (min-width:900px) { body{font-size: 1.1em;} }

@media screen and (max-width:600px) { #tabs nav{ display: none; position: relative; } #tabs #mobiles{ display:block; } #tabs article { display:block; } } @media screen and (max-width:480px) { blockquote{ float: none; }

header nav a{ padding:.7em .8em } header nav{ float: none; margin: -.5em -3em 0; background: #000; overflow: hidden; text-align: left } header nav a{ border-right: 1px solid #222 } [role=main]{ padding:1.5em 2em; } header nav div{ display: none; }

}

/*column content*/

  1. content-right {

width:48%; /***段落の横幅***/ float:right; /***右に寄せる(他の要素を左に回り込ませる)***/ margin: 10px; }

  1. content-left {

width:47%; /***サイドの横幅***/ float:left; /***左に寄せる***/ margin: 10px; }

/*****キャプションレフト*****/

div.caption-left{ float: left; padding: 0 5px 5px 5px; }

.caption-left span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/*****キャプションライト*****/

div.caption-right{ float: right; padding: 0 5px 5px 5px; }

.caption-right span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/***floatの影響を絶つ。<div class="c-both"></div> のように使う***/

.c-both { clear: both; }

div.title{

        font-style: normal;
        font-weight: bold;
        font-size: 70px;
        line-height: 70px;
        font-family: Helvetica;

}

div.caption{

       text-align: center;
       font-size: smaller;
       font-weight: bold;

}

div.captiontable{

       font-size: smaller;
       font-weight: bold;

}

/*topに戻る*/

  1. ttop {position:fixed;
      bottom:140px;
      left:auto;margin:0 0 0 905px; /* マージン:上 右 下 左 */
      width:100px;
      height:390px;
      background:url(http://openwetware.org/images/f/f2/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A-1.png) no-repeat left bottom;}

/* IE6以下用、アスタリスクハックでググれ */

  • html #ttop {margin:0 0 -390px 0;
             position:relative;bottom:490px; /* 上で設定した ttopの高さ390px+下100px */
             left:960px;}
  1. ttop:hover {background:url(http://openwetware.org/images/b/b9/Top2.png) no-repeat left bottom;/* 画像の高さによって適当に調整 */
            }

a.page_top {display:block;width:100px;height:390px;}


</style> </head> </html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

   <title>Biomod2013 Sendai ver2.0</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   
   <style type="text/css">
   h1{color: white;}
   </style>

</head>

<body> <!-- <div style="max-width:900px; position:fixed;">****/ -->

   <header>
        <nav>      
          <div>
               <a href="#"  class="whiteSendai">Blog</a> 
               <a href="#"  class="whiteSendai">Twitter</a>
               <a href="#"  class="whiteSendai">Facebook</a>
               
           </div>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai" class="whiteSendai">Top</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/project" class="whiteSendai">Project</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/design" class="whiteSendai">Design</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/experiment" class="whiteSendai">Experiment</a>

<a href="http://openwetware.org/wiki/Biomod/2013" class="whiteSendai" style="float:right;"><img src="http://openwetware.org/images/6/6e/Biomod-logo.jpg"

                                              width="75" height="75" alt="Biomod2013" border="0"></a><br>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol" class="whiteSendai">Protocol</a>   
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/future" class="whiteSendai">Future</a> 
          <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/member" class="whiteSendai">Team</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sponsor" class="whiteSendai">Sponsor</a>
           </nav>
            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai"><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp; Team</span>Sendai</b></h1></a> 
   </header> 


   <section id="tabs">

<!--

     <article data-title="Protocol">


           <h2>Protocol</h2>
            

<p> <h3>About</h3></br>

<a href="#experimentsubproject1">内側からアルギン酸膜を破壊するサブプロジェクト</a><br> <a href="#experimentsubproject2">外側からリポソームを破壊するサブプロジェクト <font size="2">リポソーム班</font> </a><br> <a href="#experimentsubproject3">外側からリポソームを破壊するサブプロジェクト <font size="2">B-Z班</font> </a><br>


    </article>

-->


     <article data-title="アルギン酸">

<h3 id="experimentsubproject1">内側からアルギン酸膜を破壊するサブプロジェクト</h3></br>

<h4>1-1リポソームの作製とそれをバッファーに入れてアルギン酸ゲルビーズ内に入れる実験</h4></br>

グルコース100μℓにoil70μℓを加えてouterバッファーを作製した。次に、oil40μℓにBSG(?)(蛍光物質)を1μℓ加えて、ピペッティングとタッピングで白く濁るまで混ぜて、innerバッファーを作製した。そのinnerバッファーをouterバッファーの上に注いで70秒遠心にかけて、リポソームを作製した。</br> 遠心した後、チューブの底にたまったベシクルを取り出し、1.5% アルギン酸ナトリウムに加え、それをキャピラリー中に入れ、400mM 塩化カルシウム 140μL中に滴下してFig1のような装置で2~3分遠心した。</br>

<img src="http://openwetware.org/images/9/9f/Ensin.png"></br>

    Fig1 アルギン酸ゲルビーズの作製</br></br>


<h4>1-2内部にバッファーの入ったアルギン酸膜の作製</h4></br>


Fig3のように外側の太いキャピラリーと内側の細いキャピラリーを作成する。 キャピラリーは外径1mmのものを熱加工した。</br> </br> 外管には1.5%アルギン酸ナトリウム溶液を、内管には蛍光物質+mQをいれた</br>

2重キャピラリーを用いて2~3分遠心にかけ0.4M塩化カルシウム水溶液に滴下する。</br>

<img src="http://openwetware.org/images/1/1d/Image_%E4%BB%AE.png"></br>

    Fig3 二重ノズルの構造</br></br>


<h4>2ニッパムの効果でリポソームが割れることの確認実験</h4></br>


ニッパム分子は32度以下では水和していて親水性だが、32度以上では収縮して疎水性になる。ニッパムがリポソームに修飾されると、32度以下ではニッパム分子の水和により安定な状態になるが、32度以上ではニッパム分子が疎水性になって不安定な状態になるので、32度以上になった時にリポソームが割れることになる。</br>

参考</br> http://www.sigmaaldrich.com/etc/medialib/docs/SAJ/Brochure/1/j_recipedds2.Par.0001.File.tmp/j_recipedds2.pdf</br></br>


まず、PNIPAMに脂質を修飾する。まず、PNIPAMにCHCl3とAr存在下でジシクロヘキシルカーボジイミド(DCC)と、N-ヒドロキシ-シアナミド(NHS)を反応させる。(下図の1ができる)次に、CHCl3とAr存在下でジミリストイルホスファチジルエタノールアミン(dimyristoylphosphatidylethanolamine、DMPE)を反応させる。(下図の2ができる)このようにしてPNIPAMに脂質を修飾して、GUVによりニッパム修飾されたリポソームを作製した。</br></br>

<img src="http://openwetware.org/images/e/e8/NIPAMgousei.png"></br>

    Fig4 PNIPAMへの脂質の修飾</br></br>


※W/Oエマルション法を用いたGUV(Giant Unilamellar Vesicle)によるリポソームの作製</br></br>

10mM DOPCのストック溶液をArガスで乾燥させた脂質フィルムをミクロチューブ内に作り真空デシケータ内でさらに乾燥させた。リン脂質フィルムに流動パラフィン 500μLを加える。超音波洗浄機を用いて60℃で60分間リン脂質をオイルに溶かした。インナー溶液を150mM スクロース、350mM グルコース、100mM EGTAとする。オイルに溶かしたリン脂質にインナー溶液 50μLを加え、遠心分離し、エマルション溶液を作製した。アウター溶液を600mM グルコースとする。アウター溶液 100μLにエマルション溶液 70μLを加える。</br></br>


参考</br> Thermoresponsive Nanostructures by Self-Assembly of a Poly(N-isopropylacrylamide)−Lipid Conjugate Daniel N. T. Hay ,† Paul G. Rickert ,‡ Sönke Seifert ,§ and Millicent A. Firestone *† J. Am. Chem. Soc., 2004, 126 (8), pp 2290–229 Publication Date (Web): February 3, 2004</br></br>


<h4>3アルギン酸ゲルビーズを溶かすのに必要なEGTAの濃度と時間の測定</h4></br>

<h4>4尿素アニーリングによるDNAオリガミの作製とその作製にかかる時間の測定</h4></br>


M13pm18(7249nt)と226個のステプルを100μℓの12.5mMの酢酸マグネシウム入りの10×TAEの中に入れ、95℃から20℃に1℃/分でアニーリングしたものとM13pm18と226個のステイプルを300μℓの12.5mMの酢酸マグネシウムと85%のホルムアルデヒド入りの10×TAEの中に入れ、透析装置で0.2mℓ/分の割合で次第にホルムアルデヒドの濃度を薄くしていったものとをAFMや電気泳動で調べた。</br>


<h4>5温度を上げればアルギン酸膜が破壊されることの確認</h4></br>


<h4>6アルギン酸膜内で尿素アニーリングができていることの確認</h4></br>


<h4>7全体のシステムの機能確認</h4></br>


     </article>


     <article data-title="リポソーム">

<h3 id="experimentsubproject2">外側からリポソームを破壊するサブプロジェクト <font size="2">リポソーム班</font> </h3> <h3>Making liposomes</h3> <ur><li>1. <table border cellspacing="0" bgcolor="lightyellow"> <tr bgcolor="moccasin"> <td>10nM DOPC</td> <td>4µl</td> </tr> <tr bgcolor="moccasin"> <td>1µl TR-DHPE</td> <td>4µl</td> </tr> <tr bgcolor="moccasin"> <td>CHCl3</td> <td>92µl</td> </tr> </table> 以上をミクロチューブにいれアルミホイルでミクロチューブ覆いArガスで乾かした。</li> <li>2.次に、ミクロチューブに100μℓ観察用Bufferを入れ、3時間ほど湯煎した。</li> <li>3.箱からミクロチューブを取り出しそこから30μℓとり蛍光顕微鏡で観察した。</li></ur> <br>

<h3>コレステロール修飾リポソームの作成</h3> <ur><li>1.<table border cellspacing="0" bgcolor="lightyellow"> <tr bgcolor="moccasin"> <td>10nM DOPC</td> <td>1µl</td> </tr> <tr bgcolor="moccasin"> <td>CHCl3</td> <td>99µl</td> </tr> </table></li> <li>2.次に、この溶液をArガスで乾かし、真空乾燥機に1晩おいた。</li> <li>3.1晩おいたミクロチューブに1×TAE Mg2+を100μℓ入れ、整置水和でさらに1晩おいた。</li> <li>4.リポソームにコレステロール修飾したDNAをつけるため、作製したリポソーム(0.1mM) 0.5μℓをとり、cholesterol leg(0.1μM) 0.2μℓを加えた。</li></ur> (上手く観察できなかったので、お盆明けに再度実験します)<br>

<h3>Annealing solution</h3> <table border cellspacing="0" bgcolor="lightyellow"> <tr bgcolor="moccasin"> <td>84nM M13mp18</td> <td>2.38µl</td> </tr> <tr bgcolor="moccasin"> <td>Staples</td> <td></td> </tr> <tr> <td>1µM migihaji</td> <td>1µl</td> </tr> <tr> <td>1µM hidarihaji</td> <td>1µl</td> </tr> <tr> <td>1µM ashibatemae</td> <td>1µl</td> </tr> <tr> <td>200nM ashiba</td> <td>5µl</td> </tr> <tr bgcolor="moccasin"> <td>1µM cholesterol-hybridizing ssDNA</td> <td>3µl</td> </tr> <tr bgcolor="moccasin"> <td>1µM fluorescent-tagged DNA-hybridizing ssDNA</td> <td>3µl</td> </tr> <tr bgcolor="moccasin"> <td>5xTAE Mg2+</td> <td>10µl</td> </tr> <tr bgcolor="moccasin"> <td>mQ</td> <td>20.62µl</td> </tr> <tr bgcolor="moccasin"> <td>1µM fluorescent-tagged DNA</td> <td>3µM</td> </tr> </table>

アニーリングをfrom 95℃ to 25℃ at 1℃ per 2 minutesで行った。<br> <br> 対照実験として、蛍光基付きDNAの代わりに、mQ 3µlを使用した、蛍光修飾なしDNAオリガミも作成した。 <br>

<h3>1% Agarose gel</h3> <table border cellspacing="0" bgcolor="lightyellow"> <tr bgcolor="moccasin"> <td>agarose </td> <td>0.4g</td> </tr> <tr bgcolor="moccasin"> <td>50xTAE</td> <td>0.8ml</td> </tr> <tr bgcolor="moccasin"> <td>mQ</td> <td>39.2ml</td> </tr> </table> 1%アガロースゲルを、bufferとして1×TAE溶液を加えた電気泳動槽にセットし、各ウェルに6μlずつサンプルを流して(ただし、ラダーは3µl)、CV100Vで50分電気泳動を行った。<br>

       </article>
       <article data-title="B-Z">

<h3>外側からリポソームを破壊するサブプロジェクト</h3><br> <h4 id="designsubproject3">BZ班</h4><br>

      </article>
   </section>

<!-- /***** </div> ****/ -->


   <footer>
       <p>&copy; Copyright Biomod 2013 Team Sendai
               <a href="http://www.molbot.mech.tohoku.ac.jp/index.html">

                  <img src="http://openwetware.org/images/3/36/Murata-nomura-logo.png"

                                     width="180" height="50" alt="Molcular Robotics Lab" border="0" align="right">

         </a>      </p>

       <p>E-MAIL:
           <a href="mailto:biomod.teamsendai.2012@gmail.com">biomod.teamsendai.2012@gmail.com
           </a>
       </p>
       <br>
       <a href="?action=edit" align="center"><p>edit</p></a>
   </footer>
   

</body> </html>

<html> <head>

       <script type="text/javascript">
     function tabs(a,g,j){document.body.className="js-on";var g=a.getElementsByTagName(g),d=[],c;this.active;this.total=g.length;this.container=a;e=a.insertBefore(document.createElement("nav"),g[0]),change=function(f){if(typeof this.active!=="undefined"){d[this.active].className=g[this.active].className=""}d[f].className=g[f].className="active";this.active=f},clickEvent=function(h,f){h.onclick=function(){change(f);return false}};for(var b=0;b<g.length;b++){d[b]=e.appendChild(document.createElement("a"));d[b].href="#";c=[g[b].getAttribute("data-title"),g[b].getElementsByTagName(j)[0]];d[b].innerHTML=c[0]!==null?c[0]:c[1]?c[1]["innerText"||"textContent"]:b+1;new clickEvent(d[b],b)}change(0)}tabs.prototype.change=function(b){change(b-1)};tabs.prototype.next=function(b){active===this.total-1?change(0):change(active+1)};tabs.prototype.prev=function(b){active===0?change(this.total-1):change(active-1)};tabs.prototype.responsive=function(d,c){nav=document.createElement("nav");nav.id="mobiles";nav.innerHTML='<a href="#" onclick="'+d+'.prev(); return false">'+c.prev+'</a><a href="#" onclick="'+d+'.next(); return false">'+c.next+"</a>";this.container.insertBefore(nav,this.container.firstChild);return this};
       </script>
       <script type="text/javascript">

var myTabs = new tabs(document.getElementById("tabs"), "article", "h2").responsive("myTabs", { prev: "Previous", next: "Next" }); </script> </head> </html>