From OpenWetWare
Revision as of 09:33, 19 October 2013 by Kazuki Hirahara (talk | contribs)
Jump to: navigation, search

<html> <head> <style>

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



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

/* font-size:100%; */

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



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



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

.firstHeading {



  1. content{


  1. globalWrapper{


  1. contentSub{


  1. column-one{


  1. footer{


  1. globalWrapper{


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


       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{

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 { 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; }


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



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



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



  1. ttop {position:fixed;
      left:auto;margin:0 0 0 905px; /* マージン:上 右 下 左 */
      background:url( no-repeat left bottom;}

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

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

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

</style> </head> </html> <html xmlns=""> <head>

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


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



               <a href="#"  class="whiteSendai">Blog</a> 
               <a href="#"  class="whiteSendai">Twitter</a>
               <a href="#"  class="whiteSendai">Facebook</a>

--> <br><br>

          <a href="" class="whiteSendai">Top</a> 
           <a href="" class="whiteSendai">Project</a>
           <a href="" class="whiteSendai">Design</a> 
           <a href="" class="whiteSendai">Calculation</a>
           <a href="" class="whiteSendai">Experiment</a>

<a href="" class="whiteSendai" style="float:right;"><img src=""

                                              width="75" height="75" alt="Biomod2013" border="0"></a><br>
           <a href="" class="whiteSendai">Protocol</a>   
           <a href="" class="whiteSendai">Future</a> 
           <a href="" class="whiteSendai">Member</a>
           <a href="" class="whiteSendai">Sponsor</a>
            <a href=""><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp; Team</span>Sendai</b></h1></a> 

 <section role="main">

<h2>Project</h2> <h3>Background</h3> 生物は厳しい自然界で生き残るために重要で微小なシグナルを増幅し、伝達するシグナル伝達を進化させてきた。…ry<br>

In the course of evolution, living organisms have evolved various mechanisms for transmitting and amplifying small signals to survive in the harsh environment. Such mechanisms of signal transduction and amplification are crucially important for the maintenance of life, and we have many examples of mechanisms in sensing systems, immune systems and neurotransmission systems.<br>

<img src=""><br> 図1 生物の微小なシグナルに対する反応の例(ヒトは自然界の微小なシグナルを検知してそれを体内に伝達し、それに対処する反応ができる)<br> Image 1 The example of reaction to tiny signal of life(Human sense tiny signal in the natural world and transport to inside of the body and can take action to the signal.)

<h3>Motivation</h3> 現代のヒトが感知できない微小なシグナルを、生物のシグナル伝達と人間のデザインを組み合わせることで感知できるようにならないだろうか?If it is possible, we can design very effective molecular amplification mechanisms for various applications.例えばヒトが気づかないままに進行する病気を感知したり、危険の神経伝達をより早く感知したりすることができる。<br>

<img src=""><br> 図2 感知できなかったものが感知できるようになる世界(体内でヒトの無自覚に進行する血管の炎症を無自覚のうちに人工的な分子放出システムが治療する。こ)<br> Image 2 The world that can sense something which can't be sensed.(Artificial molecular releasing system cure the unconsciously advancing inflammation in a blood vessel.) <br>

<h3>Project Goal </h3> いままでは感知できなかった微小な反応を増幅して感知できる大きさにするために(気づけなかったことを(気づけなかった重要な反応を)気づけるようになるために)、まず微小なシグナルに反応できる小さなものから始まって、それがもとになってある反応が指数関数的に増幅していくシステムが必要になってくる。その点で生物が使用している分子放出システムは急速な微小な反応の増幅・伝達が可能なので私たちはこれを参考にして、さらに人間による制御(デザイン)が可能な分子放出システムの構築を目指した。<br> To make tiny reaction we have never sensed sensitive size, we have to make the system sensing tiny signal and amplifying at an exponential rate. In that respect, the molecular releasing system life use can transport and amplify tiny reaction. We used this system as a reference and set out to construct the molecular releasing system that human can design. <br> <img src=""><br>

図3 微小な反応を感知してそれを感知できる大きさに増幅する分子放出システムに必要な要素<br> image 3 The needed factor for the molecular releasing system sensing tiny reaction and amplifying to the sensitive size<br>

そして、その微小な反応を感知してそれを感知できる大きさに増幅する分子放出システムを構築するためには以下のことが必要である。<br> (1)様々な微小な刺激(入力)に対し、様々な分子放出(出力)ができること。<br> そのためには、内部に様々な分子を入れられる小さな容器と、その蓋をあける様々なしくみ(放出のメカニズム)を用意できることが必要になる。<br> (2)特定の外的刺激だけに対応して放出が起こること。<br>  放出のためのシグナルとしては、いろいろなものが考えられる。<br>  光、pH、特定の化学物質の濃度、電磁場・・・・<br>  そのためには、これらの変化に対してのみ反応することできる容器が必要である。<br> (3)分子の放出に関係性を持たせることができること。<br> 一つの小さな刺激により一つの容器の蓋を開けても、その反応が何度も続かなければ大きな反応にはならない。そこで、容器の中に入っていた分子と他の容器との間に関係性を持たせることで反応の連鎖を起こして小さなシグナルを大きな反応にまで増幅させる必要がある。そのためには容器のふたを開けることができる分子の設計が必要である。<br> (4)放出される分子の量、および放出のタイミングが適切にコントロールできること。<br> 刺激に対して、分子放出の関係がきちんと予測可能であることが必要である。それぞれが微弱であっても、ノイズでないレベルの信号が来た時には放出がおこらなければならない。<br> つまり、入力出力比(増幅率)がある程度なければならない。(→シミュレーション)<br> To construct the molecular releasing system, following things are needed. <br> (1) Various molecular ejection (output) can be commanded from various stimulus (entry). <br> To accomplish this point, we have to make cases to confine various molecular and arrange mechanisms to open the case (mechanism to release) <br> (2) To operate release reaction in response to only a specific external stimulus As signals to release, there are various thing like light, pH, concentration of chemical agent, electro-charged field. <br> To operate release reaction, we have to make cases to react to only these changes. <br> (3)To build relationship to release molecular<br> If one tiny stimulus opens one case, it is no use occurring the reaction singly. Considering this factor, we have to make a mechanism to build relationships between the cases and molecular in the case and to amplify the reaction due to keeping behavior continue time after time. To resolve above problems, we have to design molecular that can opens the top of the case. <br> (4)To control the amount of molecular and when the cases will release the molecular. When the system senses stimulus, it have to control the amount of molecular and when the case will release the molecular. Even though these stimulus and releasing amount are tiny, this system have to release molecular except noises. <br> In other words, a certain level of the proportion of input and output (gain) is needed. <br> →confer simulation <br><br>

<br> 上記の(1)(2)の条件を満たす「容器」として私たちはリポソームを使用した。理由はリポソームの中には様々な分子を入れることができ、リポソーム表面にリポソームを破壊するための様々な分子を修飾することができるから((1)に対応)、またそのことにより温度感受性・光感受性・pH感受性リポソームという特定の外的刺激にのみ反応するリポソームが考えだされている※からである。((2)に対応)<br> ※ref<br> また、(3)の条件を満たすために私たちはDNAによる分子放出を考えた。なぜなら、DNAの配列をデザインすることで特異性・選択性を持たせることができるからだ。<br> しかし、いまだかつてDNAでリポソームを割るという試みはなかった。ここがわたしたちのプロジェクトにとって重要で大きなバリアである。<br> そして、(4)の条件の妥当性を証明するために私たちはシミュレーションを行った。<br> Offのシュミレーション(記事を書いてもらいリンクを張る)<br>

こうして外部刺激とその中の分子の組み合わせにより様々な放出系の構築が可能であるが、今回のプロジェクトではその基本的な例として温度を感知して反応の開始となるDNAを放出しそのDNAがもととなって他の内部にDNAをもつリポソームが割れていく系の構築を目指すことにした。<br> この系は一点から周囲へとリポソームの破壊が連鎖的に広がっていく系であるため、その様子が日本のHANABI(Firework)に似ていることから私たちはこの系をLipo-HANABIと呼ぶことにした。<br> <br> As the case meeting above condition (1) and (2), we used liposome. There are two reasons to select. Liposome can confine various molecular and can be modified various molecular. ( correspond to (1)). Many liposome sensing one specific external stimulus are designed like temperature-sensitive one, light sensitive one and pH sensitive one. ( correspond to (2)) <br>

  • ref<br>

To meet the (3) condition, we designed the system that DNA release molecular. We selected DNA because it has specificity and optionality by designing it. <br> However, anyone haven’t tried to collapse by DNA. This point is the most important and the hardest barrier. <br> Finally, to demonstrate validity, we ran a simulation <br> Establish a link here (by Off-san) <br>

From above things, various system of releasing can be created. Among various system, this project aims at the releasing system releasing DNA from liposome when temperature rises and DNA collapse other ones containing DNA. <br> In this system, the collapse of liposome prevails chain-reactively and looks like Japanese HANABI (fireworks). So we call this system Lipo-HNANBI. <br>




       <p>&copy; Copyright Biomod 2013 Team Sendai
               <a href="">

                  <img src=""

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

         </a>      </p>

           <a href="">
       <a href="?action=edit" align="center"><p>edit</p></a>

</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.container=a;e=a.insertBefore(document.createElement("nav"),g[0]),change=function(f){if(typeof!=="undefined"){d[].className=g[].className=""}d[f].className=g[f].className="active";},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.prev=function(b){active===0?change(};tabs.prototype.responsive=function(d,c){nav=document.createElement("nav");"mobiles";nav.innerHTML='<a href="#" onclick="'+d+'.prev(); return false">'+c.prev+'</a><a href="#" onclick="'+d+'.next(); return false">'"</a>";this.container.insertBefore(nav,this.container.firstChild);return this};
       <script type="text/javascript">

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