約 4,060,073 件
https://w.atwiki.jp/n-3104/pages/12.html
前提 特徴 とりあえず使ってみるiBATIS SQL Maps チュートリアル For SQL Maps Version 2.0 February 18, 2006 ibatis-2.3.0.677.zipに付属のsimple_example トランザクション iBATIS-SqlMaps-2_ja.pdf Abator概要 Eclipseプラグインインストール手順 使い方 前提 ibatis-2.3.0.677.zip j2sdk1.4.2_11 Microsoft SQL Server 2000 Eclipse SDK バージョン 3.1.1 Abator code generator for iBATIS 1.0.0 特徴 SQL文を記述するO/Rマッピングフレームワーク。参照系SQLの検索結果とJavaBeansのマッピングを設定ファイルで行うことが出来きる。SQLを直接記述できるためチューニングが容易であるが、特定のDBに依存してしまう。 SQL文を外部ファイルで管理できる。 動的SQL用の独自の構文をサポートしている。 検索結果のJavaBeansのキャッシュ機能がある。 あるBeanのプロパティのBeanについてもまとめて検索できる。この際の方法は以下の2通り。遅延ローディング join とりあえず使ってみる iBATIS SQL Maps チュートリアル For SQL Maps Version 2.0 February 18, 2006 iBATISのサイトで配布されている「iBATIS-SqlMaps-2-Tutorial_ja.pdf」を参考にとりあえず動かしてみようとした。だが、チュートリアルの時点で以下の点で誤植(?)があった。 クラス名は MyAppSqlConfig だが使用例では MyAppSqlMapConfig で、Mapが増えている。 MyAppSqlConfig の resource の値が com/ibatis/example/sqlMap-config.xml となっているが、それまで紹介されたものは examples/sqlmap/maps/SqlMapConfigExample.xml である。 しかも、SQLServer2000の場合は、JDBCドライバのコネクションURLに SelectMethod=Cursor を追加する必要があり、これに気付かず1時間近く嵌ってしまった。まぁ、これもiBATIS-SqlMaps-2_ja.pdfに明記されてはいたが。 http //support.microsoft.com/default.aspx?scid=kb%3Ben-us%3B313181 そして、setBirthDate(null)にするとエラーとなってしまう。newPerson.setBirthDate(new java.sql.Date(new Date().getTime()))とかすればエラーにはならなかったが。 Person newPerson = new Person(); newPerson.setId(12); // you would normally get the ID from a sequence or custom table // newPerson.setBirthDate(null); newPerson.setBirthDate(new java.sql.Date(new Date().getTime())); null を指定できるようにするには、xmlファイルにおいてjdbcTypeを指定する必要がある。前述のガイドでも触れられているが、null値を指定する場合はjdbcTypeを明示的に指定しないとエラーになる場合があるらしい。具体的にはPerson.xmlのinsertPersonにおいてbirthDateにjdbcTypeとしてDATEを追加すればよい。 #birthDate# → #birthDate DATE# ibatis-2.3.0.677.zipに付属のsimple_example チュートリアルがうまく動かなかったので、zipファイルに付属している使用例を使ってみようとしたが、Account.xmlの insertAccount で values の前に ) がついていなかった。。 トランザクション SqlMapClient+startTransaction をしなければ、オートコミットの挙動になった。以下のソースでstartTransactionメソッドを呼ばなければ、insertについてもコミットされていた SqlMapClient sqlMap = MyAppSqlMapConfig.getSqlMapInstance(); sqlMap.startTransaction(); // トランザクションの開始 Person person = new Person(); ... sqlMap.delete ("deletePerson", person); sqlMap.commitTransaction(); // この時点で一旦コミット sqlMap.insert("insertPerson", person); sqlMap.endTransaction(); // insertについてはロールバックされる また、dataSourceのJDBC.DefaultAutoCommitプロパティの値はstartTransactionでトランザクションを開始した場合には有効であるが、開始していない場合は無視された。 transactionManager type="JDBC" dataSource type="SIMPLE" property name="JDBC.Driver" value="${driver}"/ property name="JDBC.ConnectionURL" value="${url}"/ property name="JDBC.Username" value="${username}"/ property name="JDBC.Password" value="${password}"/ property name="JDBC.DefaultAutoCommit" value="false"/ /dataSource /transactionManager iBATIS-SqlMaps-2_ja.pdf 短いが、非常に良くまとまっている。不明点があれば参照すべきガイドである。 Abator 概要 iBATIS用の設定ファイルとソースコードを自動生成してくれるツール。Eclipse用のプラグインも存在する。 Eclipseプラグイン インストール手順 http //ibatis.apache.org/abator.html を参照。更新アクセス先サイトを追加するだけで簡単に追加できる。 使い方 新規メニューの中に "Abator For iBATIS Configuration File" が追加されるので、それをクリックすると abatorConfig.xml の雛形が生成される。この中身を適切に設定すれば自動生成できる。 abatorConfig.xml abatorConfiguration abatorContext jdbcConnection driverClass="com.microsoft.jdbc.sqlserver.SQLServerDriver" connectionURL="jdbc microsoft sqlserver //localhost 1433;databaseName=test;SelectMethod=Cursor" userId="???" password="???" classPathEntry location="C /workspace/iBatis/msbase.jar" / classPathEntry location="C /workspace/iBatis/mssqlserver.jar" / classPathEntry location="C /workspace/iBatis/msutil.jar" / /jdbcConnection javaModelGenerator targetPackage="hoge.bean" targetProject="iBatis/src" / sqlMapGenerator targetPackage="hoge.map" targetProject="iBatis/src" / daoGenerator type="IBATIS" targetPackage="hoge.dao" targetProject="iBatis/src" / table tableName="PERSON"/ /abatorContext /abatorConfiguration ポイントは以下の通り。細かい情報は http //ibatis.apache.org/docs/tools/abator/ を参照。 classPathEntryは絶対パスが無難 targetProjectはEclipseのプロジェクト名+ソースフォルダ名 tableにschema属性をつけたらうまく動かなかった。 また、生成されたDAOは iBATIS DAO framework を前提としているためコンパイルエラーになる。iBATISは 2.3 から DAO framework 廃止し、Spring framework に移行することを推奨しているが、Abatorはまだ対応していないようだ。
https://w.atwiki.jp/luxnanasia/pages/10.html
Lux@TAMATIMAとは? Twitterやpixivでたまごっちやどうぶつの森などのイラストを投稿している絵師。 しかし実は・・・ 自分より絵の才能がある奴を執拗に嫌い、すぐに目を付けて罵倒・誹謗中傷・侮辱したりする。 自分のやることなすことが正義だと思い込んでおり、それを正しいと信じて決して疑おうとしない。 都合の悪いことに対して何も言い返そうとせずに逃げる行為に走る。 自分の過ちを決して認めようとせず、その責任を自身が嫌っているユーザーになすりつける。 ひたすら被害者面したり、被害妄想を繰り返す。 他人の発言を平気で捏造する。 などといった問題行動が原因でtwitterやPawooで非難や反感を買われることになり、pixivやpixivsketchを追放された。
https://w.atwiki.jp/elvis/pages/1917.html
Chinese Characters 20 Rubber Stamps Chronicle BooksBarbara Aria The Spirit Of The Chinese Character Gifts From The Heart Fair Winds Pr?Barbara Aria Misha Robson Books Ltd?Barbara Aria Deliver Us from Temptation Thunder s Mouth Pr?Tony Turner?Barbara Aria Nursery Design Creating a Perfect Environment for Your Child Bantam Dell Pub Group (Trd)?Barbara AriaAndrew Bordwin?S. Moore?T. Giammarino? The Nature Of The Chinese Character Gifts From The Earth Fair Winds Pr?Barbara Aria The Supreme Court (First Book) Franklin Watts?Barbara Aria The Spirit of the Chinese Character Gifts from the Heart Chronicle BooksBarbara AriaRussell Eng Gon? The Nature of the Chinese Character Simon & Schuster?Barbara AriaLesley Ehlers? Motherhood Optional A Psychological Journey Jason Aronson Inc?Phyllis Ziman Tobin?Barbara Aria All That Glittered My Life With the Supremes E P Dutton?Tony Turner?Barbara Aria When Your Child Needs Help A Parent's Guide to Therapy for Children Crown Pub?Norma Doft?Barbara Aria The Nature of the Chinese Character Gifts from the Earth Chronicle BooksBarbara Aria Chinese Nature Symbols 30 Rubber Stamps Chronicle BooksBarbara AriaLesley Ehlers? Misha! The Mikhail Baryshnikov Story St Martins Pr?Barbara Aria Outside Inside Decorating in the Natural Style Thames & Hudson?Barbara AriaSteve Moore?
https://w.atwiki.jp/nnioriginal/pages/183.html
Re verb ササノマリイ(sasanomaly) 中文翻譯:Alice/箱庭博物館 混響 隨便就做了的判斷 變得零零碎碎 要是一開始 就裝作沒發生該有多好 之類的 已經夠了 無法蒙混過去的大雨中 將我那垃圾般的歌曲 溶化吧 倒映在水面上的是 上下顛倒的天空和地面 與水中飛翔的鳥兒賽跑 途中暫停 再見了 明天見 你所在的鎮上現在幾點? 只是隨口問問而已。 「我倆的夜永遠不會揭明」 好想試著這樣說說看 一如往常地沉迷 厭煩了就丟掉再重來 這就是打轉著的自轉「者」輪迴 反覆循環的每一天之中 連軸心也看不見 你的意見之類的我不知道啦 連確切的目的地也沒有 默默地 跑了起來 又得從一開始 就裝作什麼都明白 好痛苦啊 心跳逐漸融化 在雨中 那垃圾般的每一天 給我消失吧 反射寧靜的日子 裂出顛倒的天空和地面 與自己心裡的另一人賽跑 途中暫停 再見了 明天見 延長了也還是只到三點 暫停不過一下子而已。 「我倆的夜永遠不會揭明」 但外頭似乎早已黎明 在這裡 搖晃著 回首盼的我被慢慢剔除 怎麼飛奔也回不到最初 大概沒人能讓我們停下了吧 無論話語 或是心情 大概都無法隨心所欲地傳達了 曖昧不明的混響也再見吧 拜拜 隨便就做了的判斷 變得零零碎碎 要是一開始 就裝作沒發生該有多好 之類的 已經夠了 無法蒙混過去的大雨中 將我那垃圾般的歌曲 溶化吧 如今 我也 在這裡唷 正確之事一件也沒有 讓我忘記吧 讓我忘記吧 「我倆的夜永遠不會揭明」 [注]リバーブ:reverberation,中譯混響,聲源發音停止後聲音繼續存在的聲學現象(wikipedia)。本來想譯作回音,但看了這個混響現象的說明後,覺得好像又有點不一樣。如果有熟悉樂理的網友,還請不吝賜教m(_ _)m [注]自転「者」の 輪:和「自行車的車輪」(自転車の輪)諧音。 [MV翻譯] 很久很久以前,有一位雙臂是樹枝的女人。 從還年幼時,她就一直是孤零零一個人。 城裡的人很怕她,於是他們將她趕出了城鎮。 被迫離開鎮上,她感到滿心悲傷及害怕。 開始下雨了。 雨打濕了她的身體,凍結了她的心。 她找到一棵樹,便躲進樹下休息。 只有這些沉默不語的植物歡迎她,於是她將心靈上鎖,只為植物敞開。 雨停止的短暫瞬間,兩個城鎮相映出現。 沒有人知道哪個世界才是真的,除非他們受地心引力影響。 一隻小動物靠近她。 小動物身上開著一朵美麗的花。 這小生物在她肩上停留,為她翩翩起舞。 她醉心於這小生物的陪伴,以致忘記了時間飛快流逝。 深沉的黑夜是想像力與創造力的源頭。 他們在夜裡聊了好久好久。 他們一起度過了十分美好的時光,使她忘了自己身處何方。 漸漸地,她離原先居住的城鎮越來越近。 城裡的警衛發現了她,並認為她是想回城。 警衛拉弓射向她,她受了傷。 動物吃下傷她的箭,身軀越變越大。 動物吃下傷她的箭,身軀越變越大。 動物吃下傷她的箭,身軀越變越大。 動物吃下傷她的箭,身軀越變越大。 動物吃下傷她的箭,身軀越變越大。 動物吃下傷她的箭,身軀越變越大。 動物吃下所有傷她的武器。 動物吃下所有傷她的人。 每當牠吃下傷害女人的東西,身上的花朵就開始凋謝。 最後,動物變得比女人還巨大了。 接著,動物的臉變得和女人一模一樣。 你是誰……? 這個季節常下雨。 兩個世界沒了分界,世界變大了整整兩倍。 難以分辨哪裡才是天空。 緊張的動物甚至吃掉了那些害怕和開口說話的人。 牠將所有東西都藏進體內。 傷害她的東西都消失了,女人感到非常安心,卻同時非常害怕。 和動物一起度過的美好時光結束了,時間彷彿凍結了。 回過神時,她才發現外頭天已黑。 那片想像力與創造力的漆黑緩慢移動著。 她發現是動物脹大的身軀遮住了天空。 許多城鎮武裝起來,準備殺死動物。 許多城鎮武裝起來,準備殺死動物。 許多城鎮武裝起來,準備殺死動物。 許許多多的武器和咒罵扔向動物。 而動物吃下了它們。 動物越變越巨大。 巨大的身體如無盡之黑般充斥整個世界。 被深不見底的漆黑壟罩,世界深黑似夜。 世界上的所有東西都消失了。 嘿…… 你在那嗎……? 彷彿回到過去,現在只有她能和動物交談。 她為動物哭泣,全因為她,動物變成如此醜陋又無情的東西。 打從出生以來,這是她第一次想拯救她的朋友,也是她第一次為他人哭泣。 當淚水滑落她的樹枝雙臂,一朵花綻放出來。 和以前一樣,她的花開上了動物的身體。 動物搖身一變,化為一隻毛毛蟲,爬上她的植物雙臂。 他們永遠在一起。
https://w.atwiki.jp/nerikesi/pages/57.html
2012年3月28日再読 2012年4月13日再読終了 自分の商品を実際に使ってみる(買ってみる) クライアントをヒーローにする 自分(売る商品)を知る 対象にするマーケットを良く考える 失敗を歓迎する(単純な失敗ではなく、新しい事にチャレンジなど) 商品は変わらないので(マーケットの人は変えられない)売り方を考える 商品を少しだけ多く買ってもらう お客が喜ぶ商品を売る
https://w.atwiki.jp/satoschi/pages/7396.html
東部パルバテ・カム語 |Sino-Tibetan languages|Tibeto-Burman languages|Himalayish languages| 言語類型 現用言語 使用文字 type living language writing system ISO 639-3 【kif】 言語名別称 alternate names Eastern Parbate Nisel Nishel Kham Nisi Kham Nisi 方言名 dialect names Bhujel Kham Nishel Kham 参考文献 references WEB ISO 639-3 Registration Authority - SIL International the LINGUIST List Ethnologue Wikipedia
https://w.atwiki.jp/satoschi/pages/7398.html
西部パルバテ・カム語 |Sino-Tibetan languages|Tibeto-Burman languages|Himalayish languages| 言語類型 現用言語 使用文字 デーヴァナーガリー文字【Deva】 type living language writing system Devanagari script ISO 639-3 【kjl】 言語名別称 alternate names Kham-Magar Maikoti Kham Takale Kham Takale Western Parbate 方言名 dialect names Lukumel Mahatale Maikoti Takale Thabanggi Thabangi Wale 参考文献 references WEB ISO 639-3 Registration Authority - SIL International the LINGUIST List Ethnologue Wikipedia
https://w.atwiki.jp/pbma2006/pages/13.html
-心理学を勉強しながら、あっちこっちとぷらぷら。 いろんなことを考えたりはまったりした結果、「写真と文と音楽」を合体させよう。みたいな考えが浮かぶ。 たまに小説を書く 日常のブログ
https://w.atwiki.jp/naobe/pages/69.html
OpenSourceに戻る iBATIS概要/特徴 ORマッパ(Object,RDB) RDBのSQLを使う JavaBeanとテーブルの同期はない JDBC, JTA使用 常にPreparedStatementを適用 キャッシュで高速化可能。JPAと異なり、insert, update , deleteはSQLを使う(個人的にはこちらのほうが判り易くて良い)。 検証環境 iBATIS2.3.4 最新のSpringがサポートするiBATISのバージョン SQLマップ設定ファイル 目的 名前 SqlMapConfig.xml 配置 名前空間 SqlMapConfig.xmlの settings タブで、useStatementNamespaces属性をtrueに設定すると、sqlMapClientの引数idに名前空間を設定しなければならない。 名前空間はSQLマップXMLファイルに以下の様に設定する。 sqlMap namespace="BookTitleDto" settings 要素 プロパティファイル 目的 SQLマップ設定ファイルの値にプレースホルダとして設定。【記述】${プロパティ名}。 名前、配置 SQLマップ設定ファイル中の properties タグのresource属性に記述。クラスパスからの相対ディレクトリを指定。 SQLマップXMLファイル 大なり、小なりの記号をSQL内に記述するときは、以下の方法で回避できる。 WHERE AGE ![CDATA[ ]] #value# 記述例 Spring - SQLマップXMLファイル 参照 部品化 sql タグ、 include タグを使って、重複するSQLを部品化できる。 【記述例】 sql id="selectItem_fragment" FROM items WHERE parentid = 6 /sql select id="selectItemCount" resultClass="int" SELECT COUNT(*) AS total include refid="selectItem_fragment"/ /select select id="selectItems" resultClass="Item" SELECT id, name include refid="selectItem_fragment"/ /select 複雑なJavaBeanの対応 テーブルが別のテーブルの外部キーを持つとき、Objectへの変換は、属性がJavaBeanであるJavaBeanに変換することになる。この場合以下のように記述して対応する。 【記述例】 resultMap id=”get-product-result” class=”com.ibatis.example.Product” result property=”id” column=”PRD_ID”/ result property=”description” column=”PRD_DESCRIPTION”/ result property=”category” resultMap=“get-category-result” / /resultMap resultMap id=”get-category-result” class=”com.ibatis.example.Category” result property=”id” column=”CAT_ID” / result property=”description” column=”CAT_DESCRIPTION” / /resultMap select id=”getProduct” parameterClass=”int” resultMap=”get-product-result” select * from PRODUCT, CATEGORY where PRD_CAT_ID=CAT_ID and PRD_ID = #value# /select PRODUCT, CATEGORYのJOINをとって、全てのカラムをselectした後で、categoryに関しては、別のresultMapからJavaBeanを作成している。 SqlMapClient API iBATISをJavaアプリケーションから使うためのAPI。 APIの取得 以下を使う。 private Reader reader = new Resources.getResourceAsReader( "com/ibatis/example/sqlMap-config.xml"); private SqlMapClient sqlMap = SqlMapClientBuilder.buildSqlMap(reader); トランザクション SqlMapClient.startTransaction (), SqlMapClient.commitTransaction() SqlMapClient.endTransaction()を使う デフォルトは自動コミット、自動ロールバック 1トランザクション/1スレッド バッチ insert, updateを連続して実行するときにDBサーバに対してステートメントをまとめて発行する。 try { sqlMap.startTransaction(); sqlMap.startBatch(); // … execute statements in between int rowsUpdated = sqlMap.executeBatch(); //optional sqlMap.commitTransaction(); } finally { sqlMap.endTransaction(); } ロギング 以下のログを使う。最初から順番に最初に見つかったものを使う。 Jakarta Commons Logging Log4j JDK Logging 課題 課題 対応 備考 SQLで複数のステートメントを送ることが可能なドライバの特性
https://w.atwiki.jp/touhoukashi/pages/6295.html
【登録タグ Riverside よ サニールチルフレクション 夜だから眠れない 妖精燦々として 曲 東方幻奏響UROBOROS肆 ~dEATHtINYoVERdRIVE~ 真夜中のフェアリーダンス 秣本瑳羅】 【注意】 現在、このページはJavaScriptの利用が一時制限されています。この表示状態ではトラック情報が正しく表示されません。 この問題は、以下のいずれかが原因となっています。 ページがAMP表示となっている ウィキ内検索からページを表示している これを解決するには、こちらをクリックし、ページを通常表示にしてください。 /** General styling **/ @font-face { font-family Noto Sans JP ; font-display swap; font-style normal; font-weight 350; src url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/10/NotoSansCJKjp-DemiLight.woff2) format( woff2 ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/9/NotoSansCJKjp-DemiLight.woff) format( woff ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/8/NotoSansCJKjp-DemiLight.ttf) format( truetype ); } @font-face { font-family Noto Sans JP ; font-display swap; font-style normal; font-weight bold; src url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/13/NotoSansCJKjp-Medium.woff2) format( woff2 ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/12/NotoSansCJKjp-Medium.woff) format( woff ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/11/NotoSansCJKjp-Medium.ttf) format( truetype ); } rt { font-family Arial, Verdana, Helvetica, sans-serif; } /** Main table styling **/ #trackinfo, #lyrics { font-family Noto Sans JP , sans-serif; font-weight 350; } .track_number { font-family Rockwell; font-weight bold; } .track_number after { content . ; } #track_args, .amp_text { display none; } #trackinfo { position relative; float right; margin 0 0 1em 1em; padding 0.3em; width 320px; border-collapse separate; border-radius 5px; border-spacing 0; background-color #F9F9F9; font-size 90%; line-height 1.4em; } #trackinfo th { white-space nowrap; } #trackinfo th, #trackinfo td { border none !important; } #trackinfo thead th { background-color #D8D8D8; box-shadow 0 -3px #F9F9F9 inset; padding 4px 2.5em 7px; white-space normal; font-size 120%; text-align center; } .trackrow { background-color #F0F0F0; box-shadow 0 2px #F9F9F9 inset, 0 -2px #F9F9F9 inset; } #trackinfo td ul { margin 0; padding 0; list-style none; } #trackinfo li { line-height 16px; } #trackinfo li nth-of-type(n+2) { margin-top 6px; } #trackinfo dl { margin 0; } #trackinfo dt { font-size small; font-weight bold; } #trackinfo dd { margin-left 1.2em; } #trackinfo dd + dt { margin-top .5em; } #trackinfo_help { position absolute; top 3px; right 8px; font-size 80%; } /** Media styling **/ #trackinfo .media th { background-color #D8D8D8; padding 4px 0; font-size 95%; text-align center; } .media td { padding 0 2px; } .media iframe nth-of-type(n+2) { margin-top 0.3em; } .youtube + .nicovideo, .youtube + .soundcloud, .nicovideo + .soundcloud { margin-top 0.75em; } .media_section { display flex; align-items center; text-align center; } .media_section before, .media_section after { display block; flex-grow 1; content ; height 1px; } .media_section before { margin-right 0.5em; background linear-gradient(-90deg, #888, transparent); } .media_section after { margin-left 0.5em; background linear-gradient(90deg, #888, transparent); } .media_notice { color firebrick; font-size 77.5%; } /** Around track styling **/ .next-track { float right; } /** Infomation styling **/ #trackinfo .info_header th { padding .3em .5em; background-color #D8D8D8; font-size 95%; } #trackinfo .infomation_show_btn_wrapper { float right; font-size 12px; user-select none; } #trackinfo .infomation_show_btn { cursor pointer; } #trackinfo .info_content td { padding 0 0 0 5px; height 0; transition .3s; } #trackinfo .info_content ul { padding 0; margin 0; max-height 0; list-style initial; transition .3s; } #trackinfo .info_content li { opacity 0; visibility hidden; margin 0 0 0 1.5em; transition .3s, opacity .2s; } #trackinfo .info_content.infomation_show td { padding 5px; height 100%; } #trackinfo .info_content.infomation_show ul { padding 5px 0; max-height 50em; } #trackinfo .info_content.infomation_show li { opacity 1; visibility visible; } #trackinfo .info_content.infomation_show li nth-of-type(n+2) { margin-top 10px; } /** Lyrics styling **/ #lyrics { font-size 1.06em; line-height 1.6em; } .not_in_card, .inaudible { display inline; position relative; } .not_in_card { border-bottom dashed 1px #D0D0D0; } .tooltip { display flex; visibility hidden; position absolute; top -42.5px; left 0; width 275px; min-height 20px; max-height 100px; padding 10px; border-radius 5px; background-color #555; align-items center; color #FFF; font-size 85%; line-height 20px; text-align center; white-space nowrap; opacity 0; transition 0.7s; -webkit-user-select none; -moz-user-select none; -ms-user-select none; user-select none; } .inaudible .tooltip { top -68.5px; } span hover + .tooltip { visibility visible; top -47.5px; opacity 0.8; transition 0.3s; } .inaudible span hover + .tooltip { top -73.5px; } .not_in_card span.hide { top -42.5px; opacity 0; transition 0.7s; } .inaudible .img { display inline-block; width 3.45em; height 1.25em; margin-right 4px; margin-bottom -3.5px; margin-left 4px; background-image url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2971/7/Inaudible.png); background-size contain; background-repeat no-repeat; } .not_in_card after, .inaudible .img after { content ; visibility hidden; position absolute; top -8.5px; left 42.5%; border-width 5px; border-style solid; border-color #555 transparent transparent transparent; opacity 0; transition 0.7s; } .not_in_card hover after, .inaudible .img hover after { content ; visibility visible; top -13.5px; left 42.5%; opacity 0.8; transition 0.3s; } .not_in_card after { top -2.5px; left 50%; } .not_in_card hover after { top -7.5px; left 50%; } .not_in_card.hide after { visibility hidden; top -2.5px; opacity 0; transition 0.7s; } /** For mobile device styling **/ .uk-overflow-container { display inline; } #trackinfo.mobile { display table; float none; width 100%; margin auto; margin-bottom 1em; } #trackinfo.mobile th { text-transform none; } #trackinfo.mobile tbody tr not(.media) th { text-align left; background-color unset; } #trackinfo.mobile td { white-space normal; } document.addEventListener( DOMContentLoaded , function() { use strict ; const headers = { title アルバム別曲名 , album アルバム , circle サークル , vocal Vocal , lyric Lyric , chorus Chorus , narrator Narration , rap Rap , voice Voice , whistle Whistle (口笛) , translate Translation (翻訳) , arrange Arrange , artist Artist , bass Bass , cajon Cajon (カホン) , drum Drum , guitar Guitar , keyboard Keyboard , mc MC , mix Mix , piano Piano , sax Sax , strings Strings , synthesizer Synthesizer , trumpet Trumpet , violin Violin , original 原曲 , image_song イメージ曲 }; const rPagename = /(?=^|.*