Biomod/2013/Sendai/experiment

From OpenWetWare
Revision as of 21:24, 18 October 2013 by Kazuki Hirahara (talk | contribs)
Jump to navigationJump to search

<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>

--><br><br>

           </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/calcuation" class="whiteSendai">Calculation</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">Member</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 role="main">
       <article>
       

<h2>Experiment</h2> 1 Step1 温度感受性リポソームの破壊<br> 1-1温度感受性リポソームを破壊する実験<br> 2 Step2 DNAによる連鎖的リポソームの破壊<br> 2-1 DNAオリガミによるアプローチ<br> 2-1-1 デザインしたDNAオリガミの作製<br> 2-2-2 DNAオリガミに蛍光付きDNAがハイブリしていることの確認実験<br> 2-1-3DNAオリガミによりリポソームを破壊する実験<br> 2-1-4 DNAによる配列特異性を証明する実験<br> 2-2 フラワーミセルによるアプローチ<br> 2-2-1 DNAオリガミによりリポソームを破壊する実験<br> 2-2-2 DNAによる配列特異性を証明する実験<br>

<h3>1 Step1 温度感受性リポソームの破壊</h3> <h4>1-1温度感受性リポソームを破壊する実験</h4> <h6>Purpose</h6> 私たちのプロジェクトでは外部刺激を感知するイニシエーターの一例としてニッパム修飾したリポソーム(温度感受性リポソーム)を使用する。そのため、温度上昇によりニッパム修飾のリポソームが割れること実験により確認する。<br>

In our project, liposome collapses by temperature shift is a crucial step. Thus, we should confirm the temperature sensitivity of PNIPAM lipids-based liposome.(訳途中)<br>

<h6>Method</h6> 脂質にはEggPC、バッファーには??を使用し、ボルテックス法によりリポソームを作製した。 リポソームにNIPAM (in クロロホルム)を質量比???の割合で加えた。 スライドガラスを作製し、位相差顕微鏡でリポソームがあることを確認した。 リポソームが確認できたら、スライドガラスの上にお湯を乗せて温度を上げた。 Protocol (対応するプロトコルへのリンク)

<h6>Result</h6> 温度を上げる前のリポソームの状態は図1のようになった。

図1 温度を上げる前のニッパム付きのリポソーム

スライドガラスにお湯を乗せて温度を上昇させた後のリポソームの様子は以下図2、図3のようになった。観察しているリポソームは図1のものと同じである。まず、図2のようにバックグラウンドがザラザラになって、しばらくすると図3のようにリポソームが確認できなくなった。ピントを調節してもリポソームは確認できなかった。

<h6>Discussion</h6> 図1で見えていたリポソームが、図2,3のように消えてしまったのでニッパム付きのリポソームが割れたと考えられる。しかし、リポソームによっては温度を上げた後も残っているものがいくつか確認できた。これはリポソームがマルチラメラ(脂質二重膜が複数重なっているもの)になっているものと考えられ、脂質二重膜が単一層のユニラメラよりも割れにくいからだと考えられる。上記図1,2,3で定点観察したリポソームはユニラメラであると考えられる。

<h3>2 Step2 DNAによる連鎖的リポソームの破壊</h5> <h4>2-1 DNAオリガミによるアプローチ</h4> <h5>2-1-1 デザインしたDNAオリガミの作製</h5> <h6>Purpose</h6> In our project, we used DNA origami as triggers for collapsing liposomes. We designed a rectangular DNA origami with a chipped edge and tried to make it.<br>

<h6>Method</h6> We mixed M13mp18, staples, 5xTAE Mg2+, and mQ in a microtube and annealed it for 2.5 hours.<br> <A href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol">Protocol</A><br> <br>

<h6>Result</h6> We confirmed that our DNA origami was well formed by AFM (Atomic Force Microscope) (Fig.1).<br> <Img Src="http://openwetware.org/images/d/d9/Outsideafm2.png"> <br> Fig.1 AFM image of DNA origami (M13: 4nM, staples:20nM)<br> <br>

<h6>Discussion</h6> Just like our design, rectanglar origamis with chipped edges were observed.

<h5>2-1-2 DNAオリガミに蛍光付きDNAがハイブリしていることの確認実験</h5> <h6>Purpose</h6> If the origami is fluorescently labeled, it is much easier to observe the effect of DNA origami on liposomes. So we labeled our origami by hybridizing it with fluorescent tagged DNA strands.<br><br>

<h6>Method</h6> Our DNA origami has many staples that can bind to fluorescent tagged DNAs for labeling. We mixed fluorescent tagged DNAs together with DNA origami staples in annealing solution.<br> In addition, to see if the origami binds to the fluorescent tagged DNA in shorter time, we added the fluorescent tagged DNA into control annealing solution, which contained no fluorescent tagged DNA, and left it for 40 minutes.<br> To see the origami was well labeled with fluorescent molecules, we used electrophoresis. <br> Electrophoresis was conducted with a 1% agarose gel, CV100V for 50 minutes.<br> <A href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol">Protocol</A><br> <br> By scanning a gel before staining, we can see only the bands of DNA structures with fluorescent molecules; scanning a gel after staining, we can see the bands of all DNA structures. So we scanned a gel before and after staining (we scanned both a non-stained and a stained gel). <br> First we saw the bands of our origami in a non-stained gel. Then, we compared the bands with those in a stained gel. If the bands of origami in a non-stained gel were at the same height as those in a stained gel, we can say that our origami is successfully fluorescently labeled.<br> <br>

<h6>Result</h6> In a non-stained gel (Fig.2), only bands in lane 3 and 4 from the left (*Ori, **Ori) can be seen. They are fluorescent labeled structures. In addition, as they gave the same result, 40 minutes is long enough for fluorescent labeling.<br> <Img Src="http://openwetware.org/images/5/58/S_Outside-gel-3.2.png" width="300"><br> Fig.2 Non-stained gel image: only bands in two lanes can be seen. From the left, they are DNA origami with fluorescent molecules in pre-annealing (Ori*), and DNA origami with fluorescent molecules in post-annealing (Ori**)<br> <br> In a stained gel (Fig.3), marker (lane 1) had the longest DNA strand of 20kb. Comparing this and M13mp18 (lane 2) with annealed DNA origamis (lane 3,4,5), the bands of the origamis are at the higher position. Therefore, we concluded that in lane3~5, DNA origami structure made of M13 and staples were made as we had expected. <br> We considered that the bands in lane3~5 are seen as if they were diffused, just because our origami has many staples binding to the fluorescent tagged DNAs, and each origami attaches to different number of them, and its molecular weight varies.<br> <Img Src="http://openwetware.org/images/2/2d/S_Outside-gel-2.2.png" width="300"> </br> Fig.3 Stained gel image: from the left, marker, M13mp18, Ori*, Ori**, and DNA origami with no fluorescent molecule (Ori)<br> <br>

<h6>Discussion</h6> Combining the results of Fig.2 and 3, the fluorescent labeled bands in lane3 and 4 in Fig.2 are at the same height as those of DNA origami in Fig.3. Thus, we concluded our origami was successfully fluorescently labeled.<br> <br>

<h5>2-1-3 DNAオリガミによりリポソームを破壊する実験</h5> <h6>Purpose</h6> DNAオリガミのハイブリによってリポソームが割れるのかどうかを確かめる

<h6>Method</h6> DNAオリガミに蛍光をハイブリさせたものをアニーリングにより作製する 膜染色(テキサスレッド)したリポソームをつくる リポソームのみを蛍光顕微鏡で観察する。 リポソームにDNAオリガミを加えてその後の様子を観察する

Protocol (対応するプロトコルへのリンク)

<h6>Result</h6>

<h6>Discussion</h6>

<h5>2-1-4 DNAによる配列特異性を証明する実験</h5> <h6>Purpose</h6> このプロジェクトにおいてリポソームをDNAで割る理由は、DNAの配列特異性を利用して割れるリポソーム間に関係性を持たせるためである。そこで配列の異なる2種類のDNAを生やしたリポソームを用意して片方だけに相補なDNAを加え、2種類のリポソームのうちDNAが相補になっている片方のリポソームだけが破壊されることを確かめた。

<h6>Method</h6> 内部にGFPを含んだリポソームとテキサスレッドで膜を染色した2種類のリポソームを作製する。GFPを含んだリポソームには~~~の配列を持つコレステロール付きのDNAを膜染色をしたリポソームには~~~の配列をもつコレステロール付きのDNAを振り掛けた。各リポソームを生成してリポソームにくっつかなかったコレステロール付きのDNAを除去して、2種類のリポソームが入っている溶液(サンプル)を混合して (対応するプロトコルへのリンク)

<h6>Result</h6>

<h6>Discussion</h6>

<h4>2-2 フラワーミセルによるアプローチ</h4> <h5>2-2-1 DNAオリガミによりリポソームを破壊する実験</h5> <h6>Purpose</h6> DNAオリガミのハイブリによってリポソームが割れるのかどうかを確かめる。

<h6>Method</h6> DNAオリガミに蛍光をハイブリさせたものをアニーリングにより作製する 膜染色(テキサスレッド)したリポソームをつくる リポソームのみを蛍光顕微鏡で観察する。 リポソームにDNAオリガミを加えてその後の様子を観察する (対応するプロトコルへのリンク)

<h6>Result</h6>

<h6>Discussion</h6>

<h5>2-2-2 DNAによる配列特異性を証明する実験</h5> <h6>Purpose</h6>

<h6>Method</h6> (対応するプロトコルへのリンク)

<h6>Result</h6>

<h6>Discussion</h6>


       </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>