差分

このページの2つのバージョン間の差分を表示します。

--- test [2018/05/22 07:27] – 作成 133.11.222.89
+++ test [2019/07/15 02:46] (現在) – 外部編集 127.0.0.1
@@ 行 1: / 行 1: @@
-====== ファイルの中身を見てみる ======
+<script type="text/javascript">
-<code>
+function shuffle(array) {
-format-version: 1.2
+  var n = array.length, t, i;
-data-version: releases/2018-05-07
-subsetdef: goantislim_grouping "Grouping classes that can be excluded"
-subsetdef: gocheck_do_not_annotate "Term not to be used for direct annotation"
-subsetdef: gocheck_do_not_manually_annotate "Term not to be used for direct manual annotation"
-subsetdef: goslim_agr "AGR slim"
-...
-[Term]
+  while (n) {
-id: GO:0000001
+    i = Math.floor(Math.random() * n--);
-name: mitochondrion inheritance
+    t = array[n];
-namespace: biological_process
+    array[n] = array[i];
-def: "The distribution of mitochondria, including the mitochondrial genome, into daughter cells after mitosis or meiosis, mediated by interactions between mitochondria and the cytoskeleton." [GOC:mcc, PMID:10873824, PMID:11389764]
+    array[i] = t;
-synonym: "mitochondrial inheritance" EXACT []
+  }
-is_a: GO:0048308 ! organelle inheritance
-is_a: GO:0048311 ! mitochondrion distribution
-[Term]
+  return array;
-id: GO:0000002
+}
-name: mitochondrial genome maintenance
-namespace: biological_process
-def: "The maintenance of the structure and integrity of the mitochondrial genome; includes replication and segregation of the mitochondrial chromosome." [GOC:ai, GOC:vw]
-is_a: GO:0007005 ! mitochondrion organization
-[Term]
+var test_array = ["木島","坂","馬庭","森"];
-id: GO:0000003
+shuffle(test_array);
-name: reproduction
+alert("1:"+test_array[0]+"\n2:"+test_array[1]+"\n3:"+test_array[2]+"\n4:"+test_array[3]);
-namespace: biological_process
+</script>
-alt_id: GO:0019952
-alt_id: GO:0050876
-...
-</code>
-各Termのブロック内のid,name,namespaceを抜き出してタブ区切りのリストにしたい。
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Insert title here</title>
+</head>
+<body>
+<table border="1">
+ <tr>
+  <td></td>
+  <td width="200px">画像</td>
+  <td>詳細</td>
+ </tr>
+ <tr height="100px">
+  <td>名前</td>
+  <td rowspan=2><img src="sample.gif"></td>
+  <td>プリン</td>
+ </tr>
+ <tr height="100px">
+  <td>値段</td>
+  <td>100円</td>
+ </tr>
+</table>
-======Termブロックが最後まで法則性を保っているかテスト======
+</body>
-Termの数がid,name,namespaceの数と一致していれば（おおざっぱだけど）まあブロック内にそれぞれ含まれてると言っていいかな
+</html>
-<code>
-[kijima.yusuke@m48 Uniprot_swiss]$ grep -E "^\[Term\]$" go.obo | wc -l
-[kijima.yusuke@m48 Uniprot_swiss]$ grep -E "^id:" go.obo | wc -l
-[kijima.yusuke@m48 Uniprot_swiss]$ grep -E "^name:" go.obo | wc -l
-[kijima.yusuke@m48 Uniprot_swiss]$ grep -E "^namespace:" go.obo | wc -l
-</code>
-数にずれがある。ファイルの末尾を見てみると
-<code>
-[kijima.yusuke@m48 Uniprot_swiss]$ tail -n 20 go.obo
-namespace: external
-xref: RO:0002213
-holds_over_chain: negatively_regulates negatively_regulates
-is_a: regulates ! regulates
-transitive_over: part_of ! part of
-[Typedef]
-id: regulates
-name: regulates
-namespace: external
-xref: RO:0002211
-is_transitive: true
-transitive_over: part_of ! part of
-[Typedef]
+<!DOCTYPE html>
-id: starts_during
+<html>
-name: starts_during
+<head>
-namespace: external
+<meta charset="UTF-8">
-xref: RO:0002091
+<title>Insert title here</title>
+<style>
+.box {border:2px solid #0094ff;}
+.box h2 {background:#0094ff;color:white;padding:10px;}
+.box p {color:#333;padding:10px;}
+.box {
+    -moz-border-radius-topright:5px;
+    -moz-border-radius-topleft:5px;
+    -webkit-border-top-right-radius:5px;
+    -webkit-border-top-left-radius:5px;
+    border-top-left-radius:5px;
+    border-top-right-radius:5px;
+}
+#site-box {    }
-[kijima.yusuke@m48 Uniprot_swiss]$ grep "\[Typedef\]" go.obo | wc -l
+#a-box {    }
-</code>
-変なのが含まれており、その数がちょうど10個なので一応解決。
-====== 抜き出して並べてみる ======
+#b-box {  width: 70%;
-awkを使う。
+          float: left;
-<code awk>
+}
-[kijima.yusuke@m48 Uniprot_swiss]$ cat go.obo | awk 'BEGIN{flag1=0} {if(match($0,/^\[Term\]$/))flag1=1} flag1==1&&/^id: GO/{ORS="";print $0"\t"} flag1==1&&/^name: /{ORS="";print $0"\t"} flag1==1&&/^namespace:/{ORS="";print $0"\n";flag1=0}' | sed -e 's/id: \|name: \|namespace: //g' | head
-GO:0000001      mitochondrion inheritance       biological_process
-GO:0000002      mitochondrial genome maintenance        biological_process
-GO:0000003      reproduction    biological_process
-GO:0000005      obsolete ribosomal chaperone activity   molecular_function
-GO:0000006      high-affinity zinc transmembrane transporter activity   molecular_function
-GO:0000007      low-affinity zinc ion transmembrane transporter activity        molecular_function
-GO:0000008      obsolete thioredoxin    molecular_function
-GO:0000009      alpha-1,6-mannosyltransferase activity  molecular_function
-GO:0000010      trans-hexaprenyltranstransferase activity       molecular_function
-GO:0000011      vacuole inheritance     biological_process
-</code>
-いい感じ。行数と末尾をチェックしてみても
+#c-box {
-<code awk>
+          width: 30%;
-[kijima.yusuke@m48 Uniprot_swiss]$ cat go.obo | awk 'BEGIN{flag1=0} {if(match($0,/^\[Term\]$/))flag1=1} flag1==1&&/^id: GO/{ORS="";print $0"\t"} flag1==1&&/^name: /{ORS="";print $0"\t"} flag1==1&&/^namespace:/{ORS="";print $0"\n";flag1=0}' | sed -e 's/id: \|name: \|namespace: //g' | wc -l
+          float: right;
+}
-[kijima.yusuke@m48 Uniprot_swiss]$ cat go.obo | awk 'BEGIN{flag1=0} {if(match($0,/^\[Term\]$/))flag1=1} flag1==1&&/^id: GO/{ORS="";print $0"\t"} flag1==1&&/^name: /{ORS="";print $0"\t"} flag1==1&&/^namespace:/{ORS="";print $0"\n";flag1=0}' | sed -e 's/id: \|name: \|namespace: //g' | tail
-GO:2001308      gliotoxin metabolic process     biological_process
-GO:2001309      gliotoxin catabolic process     biological_process
-GO:2001310      gliotoxin biosynthetic process  biological_process
-GO:2001311      lysobisphosphatidic acid metabolic process      biological_process
-GO:2001312      lysobisphosphatidic acid biosynthetic process   biological_process
-GO:2001313      UDP-4-deoxy-4-formamido-beta-L-arabinopyranose metabolic process        biological_process
-GO:2001314      UDP-4-deoxy-4-formamido-beta-L-arabinopyranose catabolic process        biological_process
-GO:2001315      UDP-4-deoxy-4-formamido-beta-L-arabinopyranose biosynthetic process     biological_process
-GO:2001316      kojic acid metabolic process    biological_process
-GO:2001317      kojic acid biosynthetic process biological_process
-</code>
-はい。
+#d-box {  clear:both;    }
+</style>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+  <style>
+  p, div { margin:1px; padding:1px; font-weight:bold;
+           font-size:16px; }
+  div { color:blue; }
+  b { color:red; }
+  </style>
+</head>
+<body>
+<div class="box">
+    <h2>Div Title</h2>
+    <p>Div content.</p>
+</div>
+<div id="site-box">
+<div id="a-box">Home Research Publications</div>
+<div id="b-box">
+本研究室の歴史<br>
+本研究室は1995年6月に開設され、初代教授渡部終五先生のもとで水圏生物を研究対象とした遺伝子研究・タンパク質研究などを推進してきました。2009年4月に本研究室と水産化学研究室を兼任していた渡部終五先生が水産化学研究室に専念されることとなり、本研究室の後任として浅川修一教授が着任しました。従来、本研究室で進められていた様々な研究は水産化学研究室にて引き続き進められるとともに、本研究室でも新たな側面からそれらの一部に参画し、共同して推進しております。 浅川教授の着任後は上記に加えてバクテリアやイルカ・クジラ類など幅広い水圏生物を研究対象として、ゲノム解析や相関解析、RNAの機能解析なども行ない、基礎的な生物学研究から応用的研究にいたるまで、様々な研究を推進したいと考えております。<br><br>
+本研究室の主題<br>
+海は生命のふるさとであり、ここには異なる進化の段階を示す多種多様な生物が生息しています。さらに、湖沼、河川を含めた水圏に生息する生物は各々の環境に適した機能を獲得し、独自の生活史を発展させてきました。水圏生物の生体分子の構造、機能の比較、解析はその分子がどのように進化してきたのかを教えてくれるだけでなく、人間との関わり合いがどうあるべきかを提示してくれるのです。
+水圏生物工学研究室では、魚貝類やプランクトンを研究対象に選び、遺伝子およびその情報から翻訳される機能成分のタンパク質が、発生、成長、適応、生殖、老化といった生命現象にどのようにかかわっているのかを、遺伝子工学、生化学、細胞生物学的なアプローチで探り、水圏生物の遺伝形質を地球上の遺産として保護するとともに、その調和のとれた利用を主題としています。
+</div>
+<div id="c-box">
+イベント告知<br>
+我らが研究室の教授である浅川先生がついに公式Twitterを始めました！
+よく行方不明になる浅川先生の気になる動向はここでチェック！
+<br>浅川教授のつぶやき<br>
+@Asakawa_Shuichi からのツイート
+<br>お問い合わせ
+　　<br>東京大学大学院農学生命科学研究科
+　水圏生物科学専攻　水圏生物工学研究室<br>
+　　　　　　～～～住所～～～
+　<br>113-8657　東京都文京区弥生1-1-1<br>
+　　　　　 ～～～連絡先～～～
+　　　　　<br>TEL: 03-5841-5296
+　　　　　<br>FAX: 03-5841-8166<br>
+最終更新日<br>
+.4.11
+</div>
+<div id="d-box">design by Macin, photo by Holger　東京大学大学院農学生命科学研究科　水圏生物工学研究室</div>
+</div>
+<p>Hello World!</p>
+<br>Test  2<br>aaaa<br>
+<a href="test.html">test page</a>
+AAAAAAAAAAAAABBBBBBBBBBB
+  <script>
+  $(document).ready(function(){
+    jQuery.fn.showTags = function (n) {
+      var tags = this.map(function () {
+                              return this.tagName;
+                            })
+                        .get().join(", ");
+      $("b:eq(" + n + ")").text(tags);
+      return this;
+    };
+    var ttt=$("p").showTags(0);
+    ttt=ttt.find("span")
+    ttt=ttt.showTags(1)
+    ttt=ttt.css("background", "yellow")
+    ttt=ttt.end()
+    ttt=ttt.showTags(2)
+    ttt=ttt.css("font-style", "italic");
+  });
+  </script>
+  <p>
+    Hi there <span>how</span> are you <span>doing</span>?
+  </p>
+  <p>
+    This <span>span</span> is one of
+    several <span>spans</span> in this
+    <span>sentence</span>.
+  </p>
+  <div>
+    Tags in jQuery object initially: <b></b>
+  </div>
+  <div>
+    Tags in jQuery object after find: <b></b>
+  </div>
+  <div>
+    Tags in jQuery object after end: <b></b>
+  </div>
+</body>
+</html>