約 1,168,096 件
https://w.atwiki.jp/nicepaper/pages/78.html
色々なWebサイトでナビゲーションのメニュー部分にマウスを乗っけた時に、その部分が「勝手に変わった!」なんて経験ありますよね? これには様々な方法がありますが、今回はCSSでできる方法を取り上げたいと思います。 マウスを乗っけることを「マウスオーバー」といいます。そのマウスオーバーの挙動を設定するプロパティを「hoverプロパティ」といい、今回はこれを用います。 hoverとは対象の画像や文字といったオブジェクトの上にマウスが乗っかった時に行う挙動を指定するcssの擬似クラスです。 今回は実際のWebページでの使用例の中でも、Javascriptを使わずにできる良い方法を3つ紹介します。 目次 hoverプロパティの基本的な使い方 1,マウスオーバー時に背景を透過させる 2,cssのbackgroundの画像を変更させる 3,overflowを用いた方法 以下コピペ用 hoverプロパティの基本的な使い方 擬似クラスなので対象のセレクタ名に「 hover」をつけ、マウスオーバー時の動作を書いていきます。 #nav1 a hover{ font-family Georgia, "Times New Roman", Times, serif; background #FFB; } 今回はフォントを変え、背景を変えるように記述しました。 実行結果は以下のようになります。 1,マウスオーバー時に背景を透過させる 画像を透過させることでマウスオーバーを分かりやすくします。 #nav2 a hover{ background rgba(255,255,255,0.7); } 以下、実行結果になります。 メリット:1つの画像なので実装が簡単 デメリット デザイン性としては普通 2,cssのbackgroundの画像を変更させる 画像を2つ用意して(今回はpencil.pngとpencil_hover.png)、hover時に別画像を埋め込んで表示させます。 用意した画像は #image #image #nav3 li a { height 50px; width 200px; padding-top 30px; font-size 18px; text-decoration none;background url(pencil.png);/* ここを追記 */ } #nav3 a hover{ background url(pencil_hover.png) /* ここを追記 */ } 以下、実行結果です。 メリット:感覚的には分かりやすい デメリット:背景は変更できるが、テキストの表現がCSS依存のみになってしまう 3,overflowを用いた方法 先ほどの2の方法で出たデメリットを解消できるのがこの方法です。 まず、overflowプロパティとは、ボックス内に画像を表示するときに、はみ出た部分をどうするか、というプロパティです。 そこでoverflowを用いた方法では「2つの画像をくっつけた画像」を使用します。 imageプラグインエラー ご指定のファイルが見つかりません。ファイル名を確認して、再度指定してください。 (hover2type.JPG) この方法のメリットは、CSSでは表現できないテキストのデザイン、を使うことが出来る、という点です。 CSSのa部分に #nav4 a { overflow hidden; /* はみ出た部分は隠す */ padding 0; } CSSのa hover内に #nav4 a hover{ margin-top -80px;/* 表示する際にボックスの上80pxから描画する */ } という記述を追加しましょう。 すると このような状態になり、見事にマウスオーバー時に下の画像が表示されることになります。 以下、実行結果になります。 メリット:CSSでは表現できないテキストのデザイン デメリット 画像を作る手間 以下コピペ用 HTML !DOCTYPE HTML html head meta charset="utf-8" title 150603_hover /title link rel="stylesheet" href="reset.css" link rel="stylesheet" href="150603_hover.css" /head body div id="wrapper" div id="nav1" ul li a href="#" hover /a /li li a href="#" hover /a /li li a href="#" hover /a /li /ul /div div id="blank" /div div id="nav2" ul li a href="#" opacity /a /li li a href="#" opacity /a /li li a href="#" opacity /a /li /ul /div div id="blank" /div div id="nav3" ul li a href="#" background /a /li li a href="#" background /a /li li a href="#" background /a /li /ul /div div id="blank" /div div id="nav4" ul li a href="#" img src="home2type.png" alt="HOME" /a /li li a href="#" img src="home2type.png" alt="HOME" /a /li li a href="#" img src="home2type.png" alt="HOME" /a /li /ul /div /div /body /html CSS @charset "utf-8"; /* CSS Document */ #wrapper {/* 全体を真ん中に */ margin 30px auto; width 800px; height 800px; } #blank { /* 複数のnavを同時に表示させるためだけのもの */ clear both; width 100px; height 100px; } /* #nav1記述部 */ #nav1 ul { height 80px; margin 0; padding 0; border 1px solid #000; line-height 1.0; background #BFF; } #nav1 li,#nav1 li a { display block; } #nav1 li { height 80px; float left; width 200px; margin 0; padding 0; text-align center; border-right 1px solid #000; } #nav1 li a { height 50px; width 200px; padding-top 30px; font-size 18px; text-decoration none; } #nav1 a hover{ text-shadow #666; font-family Georgia, "Times New Roman", Times, serif; background #FFB; } /* #nav2記述部 */ #nav2 ul { height 80px; margin 0; padding 0; border 1px solid #000; line-height 1.0; background #BFF; } #nav2 li,#nav2 li a { display block; } #nav2 li { height 80px; float left; width 200px; margin 0; padding 0; text-align center; border-right 1px solid #000; } #nav2 li a { height 50px; width 200px; padding-top 30px; font-size 18px; text-decoration none; } #nav2 a hover{ background rgba(255,255,255,0.7); /* opacityプロパティでも良い */ } /* #nav3記述部 */ #nav3 ul { height 80px; margin 0 0 10px 0; padding 0; border 1px solid #000; line-height 1.0; background #BFF; } #nav3 li,#nav3 li a { display block; } #nav3 li { height 80px; float left; width 200px; margin 0; padding 0; text-align center; border-right 1px solid #000; } #nav3 li a { height 50px; width 200px; padding-top 30px; font-size 18px; text-decoration none; background url(pencil.png);/* 1つ目の画像を設定しておく */ } #nav3 a hover{ background url(pencil_hover.png)/* hover時に2つ目の画像を埋め込んで表示 */ } /* #nav4記述部 */ #nav4 ul { overflow hidden;/* overflowプロパティを設定、liでも良い */ height 80px; margin 0; padding 0; border 1px solid #000; line-height 1.0; background #BFF; } #nav4 li,#nav4 li a { display block; } #nav4 li { height 80px; float left; width 200px; margin 0; padding 0; text-align center; border-right 1px solid #000; } #nav4 li a { height 50px; width 200px; padding-top 0;/* ここでは画像を表示させるために、0px。あえて記述。なくても良い。 */ font-size 18px; text-decoration none; } #nav4 a hover{ margin-top -80px;/* 下の画像を表示 */ } 実行結果
https://w.atwiki.jp/javadsge/pages/2582.html
html head script src="https //www.google.com/jsapi" /script script google.load( visualization , 1 , { packages [ map ] }); google.setOnLoadCallback(drawMap); function drawMap() { var data = google.visualization.arrayToDataTable([ [ Lat , Long , Name ], [35.658581, 139.745433, Work ], [34.97171,138.38884, University ], [35.658581, 139.745433, Airport ], [35.658581,139.745433, Shopping ] ]); var options = { showTip true }; var map = new google.visualization.Map(document.getElementById( chart_div )); map.draw(data, options); }; /script /head body div id="chart_div" /div /body /html
https://w.atwiki.jp/suffix/pages/1223.html
よく使いそうなものをリストアップ。 ボタン a data-role="button" 押す /a リスト ul data-role="listview" data-inset="true" data-filter="true" li a href="#" 選択肢A /a /li li a href="#" 選択肢B /a /li li a href="#" 選択肢C /a /li /ul 範囲バー input value="初期値" min="最小値" max="最大値" data-highlight="true" type="range" プルダウン(普通のhtmlと同様) select option value="optionA" A /option option value="optionB" B /option option value="optionC" C /option /select アコーディオン div data-role="collapsible-set" data-content-theme="d" div data-role="collapsible" data-collapsed="true" h1 標題 /h1 p 開閉する中身 /p /div /div
https://w.atwiki.jp/spqreiseihei/
!--***** HEADER *****-- div id="header" a href="./index.html" img src="img/image2.gif" alt="banner" / /a img src="img/2007-6-mainlogo.jpg" alt="mainlogo" / div id="gnavi" ul li class="firstlist" a href="./index.html" Home /a /li li a href="./about.html" About /a /li li a href="http //bfnews.exblog.jp/" Blog /a /li li a href="./join.html" Join Team /a /li li a href="./member.html" Member /a /li li a href="./forums.html" Forums /a /li li a href="./links.html" Links /a /li li class="lastlist" a href="./tool.html" Tool /a /li /ul /div /div
https://w.atwiki.jp/hirotakaohkubo/pages/20.html
雑多なメモ いろいろ Font Haskell PC TeX TeX/haskell.sty DropBoxについて DropBoxはファイルを複数の計算機で自動的に同期してくれる基本無料オンラインストレージです。 ここから登録してアプリケーションをインストールすると、 僕とあなたにボーナス250MB貰えるのでよろしくお願いします。 atwikiの広告について http //www1.atwiki.jp/guide/pages/26.html#id_02fa8b00 に禁止事項になっていますので、 各自Stylishなどをインストールの上、 div#ad { display none !important } div#footer { display none !important } div#ads { display none !important } などと指定して頂ければ快適になると思います。 コメント 名前 コメント
https://w.atwiki.jp/suffix/pages/1115.html
ドラッグ ドロップを実現するには、 ondragstartで指定関数にDataをセットするように記述。 ondropで指定した関数がDataを得れば良い。 /*スクリプト側*/ /*dragを開始した時に呼び出す関数。関数名は適当。*/ function dragstart(event) { event.dataTransfer.setData("hoge",event.target.id); } function dragover(event) { event.preventDefault(); } function drop(event) { var id = event.dataTransfer.getData("hoge"); //var files = event.dataTransfer.files; //var file = files[x]; //file.name;のようにすると、ファイルの情報を取ることも出来る。 var drag_target = document.getElementById(id); event.currentTarget.appendChild(drag_target); event.preventDefault(); } /*html側*/ div id="test" ondragover="dragover(event)" ondrop="drop(event)" /div //ドラッグオーバーとドロップ先 div id="sample" ondragstart="dragstart(event)" テスト /div //ドラッグしたいもの
https://w.atwiki.jp/pathofexile12/pages/250.html
詳説・特徴 ジェムレベルによる変化 入手方法 エンチャント 関連リンク Divine Ire Lightning,Spell,AoE,Channelling,Physicalマナコスト 3-5詠唱時間 0.22秒追加ダメージ倍率 30% チャネリング中、周囲からエネルギーを引き寄せ、ステージを増加させる。その間、周りの敵にダメージを与える。チャネリングを止めると前方に強力なエネルギー波を放つ。 クオリティ1%あたり0.5% increased Area of Effect日本語訳求む Deals (17-140) to (25-210) Physical Damage(17-140)~(25-210)のPhysicalダメージを与える 50% of Physical Damage Converted to Lightning Damage物理ダメージの50%がLightningダメージに変換される Beam deals 100% more Damage with Hits per Stage after the firstStage after the firstごとにdeals 100% more Damage with HitsにBeam Damages 5 nearby Enemies when you gain Stages日本語訳求む 40% chance to gain an additional Stage when Hitting a Normal or Magic Enemy40%の確率でgain an additional Stage when Hitting a Normal or Magic Enemyを与える Beam deals 70% more Damage with Ailments per Stage after the firstStage after the firstごとにdeals 70% more Damage with AilmentsにBeam 50% less Damage while Channelling日本語訳求む Gains an additional Stage when Hitting a Rare or Unique Enemy日本語訳求む 詳説・特徴 ジェムレベルによる変化 +... レベル マナコスト divine_tempest_beam_width_+ spell_maximum_base_physical_damage 1 28 29 42 3 17-25 2 31 32 46 3 20-30 3 34 35 50 3 24-35 4 37 37 54 3 28-42 5 40 40 58 3 1 33-49 6 42 42 60 3 1 36-54 7 44 44 63 3 1 40-60 8 46 46 66 3 1 45-67 9 48 48 68 4 2 49-74 10 50 49 71 4 2 54-82 11 52 51 74 4 2 60-90 12 54 53 76 4 2 66-99 13 56 55 79 4 3 73-109 14 58 57 82 4 3 80-120 15 60 59 84 4 3 88-132 16 62 60 87 4 3 97-145 17 64 62 90 4 4 106-160 18 66 64 92 4 4 117-175 19 68 66 95 5 4 128-192 20 70 68 98 5 4 140-210 21 72 70 100 5 5 153-230 22 74 70 100 5 5 168-252 23 76 70 100 5 5 184-275 24 78 70 100 5 5 201-301 25 80 70 100 5 6 219-329 26 82 70 100 5 6 239-359 27 84 70 100 5 6 261-391 28 86 70 100 6 6 285-427 29 88 70 100 6 7 310-465 30 90 70 100 6 7 338-507 31 91 70 100 6 7 353-529 32 92 70 100 6 7 368-553 33 93 70 100 6 7 384-577 34 94 70 100 6 7 401-602 35 95 70 100 6 7 418-628 36 96 70 100 6 8 437-655 37 97 70 100 6 8 455-683 38 98 70 100 6 8 475-713 39 99 70 100 6 8 495-743 40 100 70 100 6 8 517-775
https://w.atwiki.jp/projecthikky/pages/139.html
Codeforcesを始める https //codeforces.com ロシアの競技プログラミングのサイト 英語かロシア語で参加できる 競技プログラミング界において現時点で最大のサイト MikeMirzayanovさんがCodeforces管理運営の最高責任者 日本ではコドフォとも呼ばれる コンテスト参加にはコンテストへの事前の参加登録が必要である(コンテスト開始の5分前までに登録)(一部例外もあり) 出題傾向の違いやコンテスト形式の違いや参加者層の違いはあれど AtCoderのABC卒業の難易度 ≒ CodeforcesのDiv2卒業の難易度 くらいだと思う 用語 レートと称号と色 ディヴィジョン (div1,div2,div3) コンテストの種類と概要div1,div2同時開催 (Codeforces Round #???) div2単独開催 (Codeforces Round #???) div1,div2混合 (Codeforces Round #???, Codeforces Global Round ?, Hello 20??, Goodbye 20??) div3 (Codeforces Round #???) Educational Codeforces Round ?? 企業コン (KotlinHeros,HelveticCodingContest,ForethoughtFutureCup,MicrosoftQ#CodingContest,Technocup,他多数) その他unratedコンテスト 過去問の難易度 過去問のジャンルタグ プロフィールページ UIヘッダ トップページ フッター トップページ サイド Pay attention トップページ サイド Top rated トップページ サイド Top contributors トップページ サイド Find user トップページ サイド Recent actions コンテスト一覧ページ Current or upcoming contests コンテスト一覧ページ Contest history - Past contests コンテストページ Dashboard ( PROBLEMS ) コンテストページ STANDINGS 過去問一覧ページ PROBLEMSET HACKdiv1,div2の通常ラウンドのHACK Educationalラウンド、div3ラウンドのHACK 練習HACK 祭り バーチャルコンテスト ジム(GYM)マッシュアップ(Mashup)コンテスト(個人用練習コンテスト フレンド機能 リスト機能 ダイレクトメッセージ機能 ブログ機能 お気に入り(Favorite)機能 グループ機能 寄付 作問・プライベートコンテスト 作問・コンテスト用の公式ツールTestLib Polygon 有志ツール・サービスCF-Predictor Codeforces command-line interface tool Codeforces Visualizer code-drills Codeforces Problems Crafting Codeforces Anytime Discord フィッシングサイト? Codeforces内の良記事の紹介An awesome list for competitive programming! [Tutorial] A Way to Practice Competitive Programming From rating 1000 to 2000 用語 コドフォる コドフォにアクセスしにくくなったとき、アクセスできなくなったときに言う。参加者が非常に多いがコドフォのサーバーが貧弱なためアクセス不具合が起こりやすい ReadForces 問題文が読みにくいときに言う。長すぎる長文の問題文、分かりにくい表現を使っている問題文、英語以外から機械翻訳されたような問題文、文章下手や英語下手の人が書いた問題文、いろいろある えでゅふぉ Educational Codeforces Roundのこと ぐろふぉ Codeforces Global Roundのこと レートと称号と色 レート 称号 色 3000+ Legendary grandmaster black + red 2600 - 2999 International Grandmaster red 2400 - 2599 Grandmaster red 2300 - 2399 International master orange 2100 - 2299 Master orange 1900 - 2099 Candidate Master Violet 1600 - 1899 Expert Blue 1400 - 1599 Specialist Cyan 1200 - 1399 Pupil Green 0 - 1199 Newbie Gray レートと色と称号 https //codeforces.com/blog/entry/20638 http //codeforces.com/blog/entry/68288 レート計算式 https //codeforces.com/blog/entry/102 ディヴィジョン (div1,div2,div3) div1 レート1900以上が参加できる div2 (div1同時開催) レート1900未満がrated対象 div2 (単独開催) レート2100未満がrated対象 div3 レート1600未満がrated対象 div1+div2 (混合戦) 全員がrated対象 http //codeforces.com/blog/entry/59228 div1になるとグループ機能などいくつかの機能を利用できるようになる コンテストの種類と概要 div1,div2同時開催 (Codeforces Round #???) レート1900以上はdiv1、レート1900未満はdiv2のコンテストに参加する 問題数はそれぞれ5~10問 コンテスト時間は2時間 問題ごとに点数が設定されていてコンテスト開始からの時間経過で点数が減っていく プレテストとシステムテストという2種類のテストケースが存在する コンテスト時間中はプレテストのみジャッジされる コンテスト終了後にシステムテストがジャッジされる コンテスト中にHACKを行うことができ部屋(ROOM)割が行われる HACKで点数を稼いで順位を上げることができる div1とdiv2で一部の問題が共通の場合がある div2単独開催 (Codeforces Round #???) レート1900未満のdiv2の人のコンテストだが div1の人も参加できるがレートが2100未満の人はratedになる 問題数はそれぞれ5~10問 コンテスト時間は2時間 問題ごとに点数が設定されていてコンテスト開始からの時間経過で点数が減っていく プレテストとシステムテストという2種類のテストケースが存在する コンテスト時間中はプレテストのみジャッジされる コンテスト終了後にシステムテストがジャッジされる コンテスト中にHACKを行うことができ部屋(ROOM)割が行われる HACKで点数を稼いで順位を上げることができる div1,div2混合 (Codeforces Round #???, Codeforces Global Round ?, Hello 20??, Goodbye 20??) 全員がrated対象 問題数はそれぞれ5~10問 コンテスト時間は2時間半 問題ごとに点数が設定されていてコンテスト開始からの時間経過で点数が減っていく プレテストとシステムテストという2種類のテストケースが存在する コンテスト時間中はプレテストのみジャッジされる コンテスト終了後にシステムテストがジャッジされる コンテスト中にHACKを行うことができ部屋(ROOM)割が行われる HACKで点数を稼いで順位を上げることができる div3 (Codeforces Round #???) div2のうちレート1600未満の人を対象にしたコンテスト 問題数はそれぞれ5~10問 コンテスト時間は2時間 問題を解いた数がそのまま得点となり同点者はペナルティの小さいほうが順位が上になる ペナルティとはコンテスト開始から各問題ごとに提出までにかかった時間から計算される プレテストとシステムテストという2種類のテストケースが存在する コンテスト時間中はプレテストのみジャッジされる コンテスト終了した12時間後にシステムテストがジャッジされる コンテスト終了からシステムテストまでの12時間の間にHACKフェーズが存在する このHACKでは点数は稼げないため他者を落とすためだけに行われる レートの低い参加者の実力向上の目的で作られたコンテスト Educational Codeforces Round ?? レート1900未満のdiv2とレート2100未満のdiv1の人がratedになるコンテスト 問題数はそれぞれ5~10問 コンテスト時間は2時間 問題を解いた数がそのまま得点となり同点者はペナルティの小さいほうが順位が上になる ペナルティとはコンテスト開始から各問題ごとに提出までにかかった時間から計算される プレテストとシステムテストという2種類のテストケースが存在する コンテスト時間中はプレテストのみジャッジされる コンテスト終了した12時間後にシステムテストがジャッジされる コンテスト終了からシステムテストまでの12時間の間にHACKフェーズが存在する このHACKでは点数は稼げないため他者を落とすためだけに行われる Educational=教育的という意味であり、本来は練習・復習になる問題が並ぶらしい 企業コン (KotlinHeros,HelveticCodingContest,ForethoughtFutureCup,MicrosoftQ#CodingContest,Technocup,他多数) 基本的にunratedコンテスト 参加条件があったりする 予選ラウンドや練習ラウンドがあったりする 賞金や賞品があったりする チーム参加するものもあったりする オンサイト決勝があるものもあったりする 稀に通常ラウンドとしてratedコンテストとして開催されることもある その他unratedコンテスト IOI系の地域OIのコンテストのミラーコンテストや 問題がでたらめなエイプリルフールコンテストなど 様々ある 過去問の難易度 PROBLEMSETで 難易度を指定して問題を探せる機能 自分のレートと同じか少し上くらいの難易度の問題を選ぶといいらしい https //codeforces.com/blog/entry/62865 過去問のジャンルタグ 過去問には問題のジャンルのタグがついていてそれで検索できる math https //codeforces.com/problemset?tags=math graphs https //codeforces.com/problemset?tags=graphs greedy https //codeforces.com/problemset?tags=greedy ほかにも色々ある タグはPROBLEMSETの問題一覧や 各問題ページに記載されている アカウント設定で未ACの問題のタグを非表示に設定できる 非表示にすることで練習時にネタバレ防止できる プロフィールページ ハンドル名や顔画像をクリックすると飛べる 提出コード一覧やコンテスト参加一覧やブログ一覧やコメント一覧や所属チームなどを見ることができる 自分のプロフィールページでは リスト機能やチーム機能やアカウント設定などを行える お気に入り一覧やフレンド一覧やダイレクトメッセージ一覧の閲覧もできる コンテストでの賞品や賞金を得るにはアカウントに個人情報を設定しておく必要がある 他人のプロフィールページでは フレンド登録やダイレクトメッセージ送信などを行える なおコンテスト参加中の人の提出コードはすべて閲覧できなくなる UI ヘッダ HOME 所謂ホームページ。アナウンス記事などが並ぶ。特別なコンテストなどではそのコンテスト専用のHOMEページが存在する。 TOP ブログ記事の新着が並ぶ。 CONTESTS コンテストの一覧。予定されたコンテストと過去のコンテストが並ぶ。競技中のコンテストだけが表示されるときもある。 GYM ジムと呼ばれる特殊なコンテストが並ぶ。 PROBLEMSET 過去問の一覧。 GROUPS グループの一覧。グループ機能は一部の人だけ使える。 RATING レートのランキング。 API 外部サイトやプログラムなどでコドフォのデータを取得するためのWebAPIの説明。 HELP コドフォについてのQ Aが書いてある記事。コドフォ初心者は目を通しておくべし。 CALENDAR コドフォのコンテスト予定のカレンダー。グーグルカレンダーを使ってる人はここから予定をインポートするとよい。 検索窓 コドフォの記事を検索できる。これを使うよりグーグル検索で「site codeforces.com」を追加して検索するほうが良いとされている。 Enter ログインするページに飛ぶ。 Register 新規にコドフォに登録するページに飛ぶ。 国旗アイコン 英語とロシア語を切り替える。ロシア語で書かれたブログ記事はロシア語に設定しないと表示されない。 画像内の「KOTLIN HEROES」「DASHA」は特別なコンテストやイベントなどが開催中にそれのページへのリンクになる。 画像時点ではそれぞれのコンテストが開催されている。 トップページ フッター 1 2 3 ... 152 153 → 過去の記事を辿れる。 mobile version スマホ用ページに切り替える。スマホ用ページから戻るには同様にフッターにdesktop versionというリンクがあるので踏めばいい。 Privacy Policy プライバシーポリシー。 紙飛行機の絵のアイコン コドフォのスポンサーのテレグラム社のページへのリンク。 ITMO Universityのアイコン MikeMirzayanovさんはITMO大学に所属してる。 トップページ サイド Pay attention 次に開催されるコンテスト情報が表示される コンテスト名 画像の例だと「Codeforces Round #584 - Dasha Code Championship - Elimination Round (rated, open for everyone, Div. 1 + Div. 2)」。第584回目の通常のratedラウンドでdiv1とdiv2混合戦のratedであると同時にDasha社のコンテストの予選ラウンドにもなっているらしい。 日数や時間 コンテスト開始までの日数や時間やコンテスト中の残り時間などが表示される。画像の例だとコンテストが6日後に開催される。 Register now » コンテスト参加の事前登録が可能になると表示される。クリックすると登録ページに飛ぶ。 has extra registration コンテスト開始後であっても(条件付で)参加登録が可能な場合に表示される。?マークをクリックするとその条件が表示される。画像の例だと「If you are late to register in 5 minutes before the start, you can register later during the extra registration. Extra registration opens 10 minutes after the contest starts and lasts 20 minutes.」コンテスト開始の5分前までに参加登録できなかった人はコンテスト開始から10分後から20分の間に特別に参加登録ができるという意味 Likeアイコン facebookでコンテスト情報を共有するやつ。 トップページ サイド Top rated レートランキングの上位10名が表示される Countries 国別ランキングのページに飛ぶ。 Cities 都市別ランキングのページに飛ぶ。 Organizations 所属別ランキングのページに飛ぶ。 View all → レートランキングのページに飛ぶ。 トップページ サイド Top contributors ブログ記事やコメントで高い評価を得た人のランキング コドフォではブログ記事やコメントに評価機能があってプラス評価(upvote)とマイナス評価(downvote)をつけられる トップページ サイド Find user コドフォのユーザを探せる ハンドル名を入力中に候補が表示されるのでそこにあれば選ぶとよい 完全なハンドル名を入れてfindボタンを押したときのみそのハンドル名の人のプロフィールページに飛ぶ トップページ サイド Recent actions 新着記事や記事の更新や新規コメントの付いた記事の新着一覧 更新かコメントかはアイコンで判別できる 表示されてるハンドル名は記事の所有者を表す(コメントした人ではない) Detailed →をクリックするとより詳しい新着一覧を見られる(コメント内容やコメントした人もわかる) ロシア語に変更するとロシア語で書かれた記事もここに並ぶ コンテスト一覧ページ Current or upcoming contests コンテスト予定の一覧(および競技中のコンテスト) Name コンテスト名。 Writers コンテストの問題を作った人の名前が並ぶ。画像の例ではどのコンテストも空欄になっており非公開なのか未定なのかどっちか Start コンテスト開始日時。画像の例だとUTF+9という表記がありこれは日本時間を意味する。Sep/14/2019 22 05UTC+9は日本時間の2019年9月14日22時5分にコンテストが開始するという意味。 Length コンテストの競技時間。画像の例だと02 30は2時間半のコンテストを意味する。たまに数日間のコンテストが存在して03 00 00となっている場合は3日間を意味する。 Before start コンテスト開始までの残り日数・時間。 Register » 参加登録可能な場合に表示されるリンク。参加登録ページに飛ぶ。 x数字 コンテストに参加登録してる人数、および参加者一覧ページのリンク。画像の例だと x129 のところ Until closing 参加登録の締め切りまでの残り日数・時間。画像の例だと残り6日間。 has extra registration コンテスト開始後であっても(条件付で)参加登録が可能な場合に表示される。?マークをクリックするとその条件が表示される。画像の例だと「If you are late to register in 5 minutes before the start, you can register later during the extra registration. Extra registration opens 10 minutes after the contest starts and lasts 20 minutes.」 Before registration 参加登録が可能になるまでの残り日数・時間。 右上の青い三角のマーク クリックすると文字入力が現れてコンテストの絞込みフィルターとして使う。表示されてるコンテストのみがフィルタリング対象になり複数ページにまたがっては絞りこめない。 コンテスト一覧ページ Contest history - Past contests 過去のコンテスト一覧 Name コンテスト名。 Writers コンテストの問題を作った人の名前が並ぶ。 Start コンテスト開催日時。 Length コンテストの競技時間。画像の例だと02 30は2時間半のコンテストを意味する。たまに数日間のコンテストが存在して03 00 00となっている場合は3日間を意味する。 Enter » コンテストページへ飛ぶ。 Virtual participation » そのコンテストの問題を遣ったバーチャルコンテストを開始する。 Final standings コンテストの順位表が最終状態になっていることを表す。順位表へのリンクにもなっている。 x数字 コンテストに参加登録した人数を表す。参加登録者一覧のページへのリンクにもなっている。 1 2 3 ... 11 12 → 他の過去のコンテスト一覧のページへ移動。 右上の青い三角のマーク クリックすると文字入力が現れてコンテストの絞込みフィルターとして使う。表示されてるコンテストのみがフィルタリング対象になり複数ページにまたがっては絞りこめない。 Past contestsの文字の右にある黒いマーク リスト機能を使ってコンテストを絞りこむことができる。このマークをクリックすると登録済みのリスト一覧が表示されてクリックして選ぶ。(リスト機能=特定のユーザたちの動向) コンテストページ Dashboard ( PROBLEMS ) PROBLEMS このページ SUBMIT CODE コード提出ページ MY SUBMISSIONS 自分の提出コード一覧ページ STATUS 全員の提出コード一覧ページ HACKS 全員のHACK履歴の一覧ページ ROOM 「部屋」のメンバー一覧(※「部屋」の意味はHACKの説明を参照) STANDINGS コンテストの順位表 CUSTOM INVOCATION 提出前にコードの実行をテストできるページ(コードテスト) Complete problemset 全部の問題の問題文を1ページで表示できる Submitアイコン その問題のコード提出ページへのリンク 鍵(錠前)アイコン 「Lock」を行う(※「Lock」の意味はHACKの説明を参照)(※画像の例には無い) 星アイコン お気に入り機能(favorite)でお気に入りに登録できる(※画像の例には無い) ×数字 提出がAcceptしている人数(通常ラウンドの競技中はpretests passedの人数) 点数表 問題の現在の点数やHACKの点数が表示される(※画像の例には無い) Questions about problems コンテスト中のアナウンス。問題への質問(clar)を投げる際もここで行う コンテストステータス 競技の残り時間やシステムテスト中やコンテスト終了(Finished)などを表示する Practice? このコンテストを練習する予定日を登録するリマインダー機能 Virtual participation バーチャルコンテストを始める Contest materials コンテストのアナウンス記事や解説記事(Editorials)へのリンク 表右上の青い三角のアイコン キーワードで表示を絞りこむフィルター機能 コンテストページ STANDINGS ハンドル名の右余白部分をダブルクリックするとその人の提出やHACK履歴が表示される 各人の各問題の得点の部分をダブルクリックするとその人のその問題の提出履歴が表示される 各人の各問題の得点の部分にマウスカーソルを合わせると提出言語がヒント表示される COMMON STANDINGS 通常の順位表 FRIENDS STANDINGS 自分とフレンド登録した人たちだけを表示する順位表 RATING CHANGES 参加者全員のレート変化一覧 FRIENDS RATING CHANGES 自分とフレンド登録した人たちのレート変化一覧 show unofficial rated対象外の人やバーチャルコンテストした人たちを表示するか否か 等号(=) 得点の合計 Penalty ペナルティの合計 (※画像の例には無い) アスタリスク(*) その人のHACKの成功数と失敗数 プラス(+) 1回の提出でAcceptedしたマーク (※画像の例にはない) プラス数字(+数字) 数字の回数だけAcceptedしない提出したあとAcceptedした表示 (※画像の例にはない) 灰色 マイナス数字(-数字) 数字の回数だけAcceptedしない提出をしている 赤色 マイナス数字(-数字) 数字の回数だけAcceptedしない提出をしている(最後の提出はシステムテストで落ちている) (表の最下段) Accepted Acceptedした人の数 (表の最下段) Tried 問題に挑戦した人の数 右上の青い三角のマーク クリックすると文字入力が現れてコンテストの絞込みフィルターとして使う。表示されてるコンテストのみがフィルタリング対象になり複数ページにまたがっては絞りこめない。 Standingsの文字の右にある黒いマーク リスト機能を使ってコンテストを絞りこむことができる。このマークをクリックすると登録済みのリスト一覧が表示されてクリックして選ぶ。(リスト機能=特定のユーザたちの動向) 過去問一覧ページ PROBLEMSET MAIN コンテストで使われた問題 ACMSGURU 不明 PROBLEMS 問題一覧 SUBMIT 提出ページ (問題番号の指定が必要なので注意) STATUS 全問題の全員の提出コード一覧 STANDINGS 解いた問題数ランキング CUSTOM TEST 提出前にコードのテストをできる ハッシュ(#) 問題番号 Name 問題名とジャンルタグ (タグをクリックするとタグの問題が並ぶ) Submitアイコン その問題の提出ページへ飛ぶ 雷ぽいアイコン 難易度のスコア。マークの横の黒いのをクリックすると難易度でソートされる。 チェックマークアイコン 解いてる人数。クリックすると解いてる人たちの提出一覧ページ。マークの横の黒いのをクリックすると解いてる人数でソートされる。 Filter Problems 難易度を指定して問題を探せる。タグの指定もできる 右上の青い三角のマーク クリックすると文字入力が現れてコンテストの絞込みフィルターとして使う。表示されてるコンテストのみがフィルタリング対象になり複数ページにまたがっては絞りこめない。 Problemsの文字の右にある黒いマーク リスト機能を使ってコンテストを絞りこむことができる。このマークをクリックすると登録済みのリスト一覧が表示されてクリックして選ぶ。(リスト機能=特定のユーザたちの動向) HACK AcceptedやPretests passedしている提出されたコードがAcceptedできなくなるテストケースを作りそのコードにぶつけて落とす仕組み ぶつけるテストケースをコードで生成することもできる div1,div2の通常ラウンドのHACK HACKに成功すると得点を得られ失敗すると得点を失う コンテストのコーディングフェーズ中に行う HACK可能な相手を限定される相互にHACK可能な相手同士で「部屋(ROOM)」に割り当てをされる 問題ごとにHACKモードに移行するための「Lock」を行う必要がある 「Lock」を行うためには、その問題でpretests passedをする必要がある 「Lock」を行った者はその問題に関しては再提出ができなくなる 「Lock」を行ってない者は誰かからのHACKで落とされても再提出ができる HACKに成功したケースはシステムテストのテストケースに追加されるらしい 「Lock」アイコン ※HACKできる相手が多い・少ないの部屋割り運がある ※競技時間をHACKを行うか次の問題を解くかの時間配分を考えよう(全完者はこの限りではない) Educationalラウンド、div3ラウンドのHACK これらのコンテストでのHACKは得られるものは特に無い コンテストのコーディングフェーズ後から12時間にHACK専用の時間が設けられる 誰のどんな問題の提出コードであってもHACKを仕掛けることができる(自分自身の提出コードに対しても行える) HACKに成功したケースはシステムテストのテストケースに追加されるらしい ※自分より上位の人で独特な実装をしてるコードのバグをついて落とすことで順位を上げることはできる 練習HACK 過去問のAcceptedな提出コードに対してHACKできるらしい 祭り 見落とされがちなコーナーケースがpretestsに存在しておらず 見落とし提出している人がたくさんいるときに起こる 大量にHACKをして得点を大稼ぎして順位を大きく上げる人が出てくる バーチャルコンテスト 過去のコンテストの問題セットをコンテスト形式で挑戦できる コンテストの順位表にunofficialとして名前が載る バーチャルコンテスト特有のコンテストルールのコンテストになる pretestsは無くすべてのテストケースが実行される、など 他の人とバーチャルコンテストの開始時間を合わせることで一緒にバーチャルコンテストをやっているかのように出来る バーチャルコンテスト中の順位表を見るべし 練習や復讐の目的で1人でやるならマッシュアップコンテストを利用する方法もある ジム(GYM) 他所のコンテストのコピーのコンテストがあったりする 有志コンテストがあったりする コンテスト一覧の星は難易度を表している もちろん過去のGYMコンテスト問題もいつでも練習で使える ジムの概要 https //codeforces.com/blog/entry/3676 マッシュアップ(Mashup)コンテスト(個人用練習コンテスト コドフォの過去のコンテストから個人用練習コンテストを作れる コドフォのPolygonを使って作ることになるらしい マッシュアップコンテストの概要 https //codeforces.com/blog/entry/10099 Polygonの使い方 https //codeforces.com/blog/entry/44571 GYMのページにマッシュアップコンテストの作成ボタンがある 過去の各コンテストのトップページや問題ページにクローンボタンがある フレンド機能 片想いな機能 登録した相手のコンテスト順位などを追える 相手のプロフィールページを開いて星のアイコンをクリックすればよい プロフィールページのfriendsのところの数字はその人をフレンド登録した人の人数 誰をフレンドにしてるかの情報は共有できない リスト機能 リストに登録したユーザのコンテスト順位などを追える リストは1つにつき1000人まで登録できる 作ったリストは他のユーザと共有できる 共有してるリストはリスト作者がリストを削除しない限りリスト一覧に残る 編集権限付きの共有リストの場合は共有者の誰かが削除するとリストが共有者全員から削除される リストの例 日本人リスト(MaxRating =1900 or 2018/09~2019/09にログインのあった人) Codeforces Round #583の順位表にこのリストを適用したリンク https //codeforces.com/contest/1214/standings?list=dc0bdf6f72e5c1f55c08dc526d88f7e2 PROBLEMSETの順位表にこのリストを適用したリンク https //codeforces.com/problemset/standings?list=dc0bdf6f72e5c1f55c08dc526d88f7e2 リスト本体のリンク(※リスト本体へのアクセスはログインが必要)(※リスト本体にアクセスしただけで共有状態になる上に共有の解除は出来ない) https //codeforces.com/list/dc0bdf6f72e5c1f55c08dc526d88f7e2 おまけ 日本人リスト(MaxRating =1900) https //codeforces.com/list/5e2c397a09d4e2432f5331f3015ac416 ダイレクトメッセージ機能 他のユーザにダイレクトメッセージを送ることができる コンテスト中に他の参加者に答えを訊ねるなど不正の温床になっているらしい メッセージを送りたい場合は 送りたい相手のプロフィールページを開いて 「Send Message」とかかれたリンクをクリックすればよい 「Talks」は過去のメッセージやりとりを見ることができる ブログ機能 競プロに関する情報を発信・共有するための記事を投稿したりする 個人的な日記や感情の発信は歓迎されない レートの低い人の投稿は歓迎されない 過去に他の人が投稿済みの内容と被る投稿は歓迎されない 多くの競プロerに有益でない情報の投稿は歓迎されない 1つの記事に英語版とロシア語版の両方を作成できるらしい ブログ記事やコメントは編集履歴が残る アカウント設定でレートの低い人の記事を非表示にできるらしい ブログ記事を探す場合はグーグルで「site codeforces.com」のキーワードとあわせて検索することが推奨されている トップページのヘッダにもCodeforces独自の記事検索機能は存在する お気に入り(Favorite)機能 問題やコンテストやブログ記事をお気に入り登録できる 星のアイコンをクリックすると登録できる プロフィールページからアクセスできる ※GYMのコンテスト一覧ページにおける星は難易度を表しているらしい。ややこしい グループ機能 div1になると使える機能らしい プライベートコンテストする際に使うらしい グループ機能の詳細 https //codeforces.com/blog/entry/44571 コンテストURLの話 https //codeforces.com/blog/entry/51787 存在するグループ一覧 https //codeforces.com/groups 寄付 コドフォはたまに寄付金を募っているらしい 大量のユーザがいて運営に金がかかるらしい http //codeforces.com/5years http //codeforces.com/8years 寄付をした人はプロフィールページに寄付の印のアイコンが付く 作問・プライベートコンテスト 青色から作問できるらしい コンテストで使ってもらえることもあるらしい div1になるとプライベートコンテストを開けるらしい グループ機能でグループメンバーでコンテストをするらしい 作問・コンテスト用の公式ツール TestLib https //codeforces.com/testlib https //github.com/MikeMirzayanov/testlib テストケースのバリデーションなどを行える Polygon https //polygon.codeforces.com http //codeforces.com/blog/entry/14184 作問・コンテスト作成ツール コドフォでコンテスト作る際に使う 使い方の説明 https //codeforces.com/blog/entry/44571 有志ツール・サービス CF-Predictor https //cf-predictor-frontend.herokuapp.com https //codeforces.com/blog/entry/50411 コンテストのレート変化予想をしてくれるツール Codeforces command-line interface tool https //github.com/xalanq/cf-tool https //codeforces.com/blog/entry/66552 コマンドラインからコドフォに参加できるツール Codeforces Visualizer https //cfviz.netlify.com https //codeforces.com/blog/entry/50326 ユーザーデータをグラフ表示する code-drills https //code-drills.com https //codeforces.com/blog/entry/48991 Codeforces,CodeChef,SPOJで練習すべき問題をおすすめしてくれるサービス Codeforces Problems https //yang33-kassa.jp/Codeforces-Problems/ AtCoder Problemsみたいなもの Crafting https //crafting.oj.uz https //codeforces.com/blog/entry/59501 AtCoderのレート計算式でCodeforcesのレートを計算してるサービス Codeforces Anytime https //codeforces-anytime.sonoapp.page 2016/6以降のコンテストのバーチャルコンテストの結果を使ってレート計算するサービス コドフォのコンテスト時間が無理な人がレートの雰囲気を味わうために作られたらしい Discord コドフォ勢が集まるDiscord 招待リンクはこの記事内にある Competitive Programming Community Discord (5800+ Members) Discussions hub! https //codeforces.com/blog/entry/52778 フィッシングサイト? Codeforcesのサイトを丸々コピーしたみたいなサイトがいくつか存在する URLのドメインをしっかり確認してログインしよう codeforces.com以外に間違ってログインしないように Codeforces内の良記事の紹介 おすすめ記事あれば追記していって(良記事がたくさんあるらしい) An awesome list for competitive programming! https //codeforces.com/blog/entry/23054 競プロに有用なツールや本やサイトなど様々な情報がリストアップされている [Tutorial] A Way to Practice Competitive Programming From rating 1000 to 2000 https //codeforces.com/blog/entry/53341 レートを上げるための練習について書いてある
https://w.atwiki.jp/javadsge/pages/4083.html
!DOCTYPE html html head title 統計的方法 /title meta charset="UTF-8" link rel="stylesheet" href="material.min.css" link rel="stylesheet" href="https //storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css" script src="https //storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js" /script link rel="stylesheet" href="https //fonts.googleapis.com/icon?family=Material+Icons" script src="sample.js" /script script src="jquery.js" /script /head body onload="sample()" div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" header class="mdl-layout__header" div class="mdl-layout__header-row" span class="mdl-layout-title" 統計的方法 /span /div div class="mdl-layout__tab-bar mdl-js-ripple-effect" a href="#scroll-tab-1" class="mdl-layout__tab is-active" 表 /a a href="#scroll-tab-2" class="mdl-layout__tab" 解答 /a a href="#scroll-tab-3" class="mdl-layout__tab" 出所 /a /div /header div class="mdl-layout__drawer" span class="mdl-layout-title" タイトル /span /div main class="mdl-layout__content" section class="mdl-layout__tab-panel is-active" id="scroll-tab-1" div class="page-content" id="tab2" A /div /section section class="mdl-layout__tab-panel" id="scroll-tab-2" div class="page-content" id="memo" /div /section section class="mdl-layout__tab-panel" id="scroll-tab-3" div class="page-content" 例題2-15-1 /div /section /main /div /body /html var x = new Array(); var y = new Array(); function sample() { var query = "SELECT * FROM " + 1cj7MsgLXpAAs0PVvi7QDIiw--udfM21Gn2iB_ifz ; var encodedQuery = encodeURIComponent(query); var url = [ https //www.googleapis.com/fusiontables/v1/query ]; url.push( ?sql= + encodedQuery); url.push( key=AIzaSyAH0WCAXRIdHdbI-6bnMSN4kVDDZZmGyqY ); url.push( callback=? ); $.ajax({ url url.join( ), dataType jsonp , success function (data) { var rows = data[ rows ]; sx = 0; for (var i in rows) { sx = sx + 1; x[sx] = rows[i][0]/1; } number = sx; paint(); cal(); } }); } function paint(){ str1=" table class=\"mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp\" "; str2=" th class=\"mdl-data-table__cell--non-numeric\" "; str3=" td class=\"mdl-data-table__cell--non-numeric\" "; str=str1; str=str+" thead "; str=str+" tr "; str=str+" th x /th "; str=str+" /tr " str=str+" /thead "; str=str+" tbody "; for(s=1;s number+1;s++){ str=str+" tr "; str=str+" td "+x[s]+" /td "; str=str+" /tr "; } str=str+" /table "; $("#tab2").html(str); } function cal(){ x1 = 0; for (s = 1; s number + 1; s++) { x1 = x1 + x[s]; } x1 = x1 / number; x2 = 0; for (s = 1; s number + 1; s++) { x2 = x2 + (x[s] - x1) * (x[s] - x1); } xy = x2 / (number - 1); xy = Math.sqrt(xy); xy = xy / Math.sqrt(number); $("#memo").html(xy); $("#memo").html(xy); }
https://w.atwiki.jp/ko-ryaku6674/pages/22.html
div style="color rgb(42,42,42);font-family arial, helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', clean, sans-serif;font-size 12.16px;" strong u World 1 プライドフォール /u /strong /div p strong span style="color rgb(42,42,42);font-family arial, helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', clean, sans-serif;font-size 12.16px;" Level 1 /span /strong /p table border="1" cellpadding="1" cellspacing="1" style="width 300px;" tbody tr td ボーナス /td td p 1.村人を守れ /p p 2.すべてをかけて守れ /p /td /tr tr td 初期コイン /td td 425 /td /tr tr td 攻撃回数 /td td 3回 /td /tr /tbody /table p /p p /p div style="color rgb(42,42,42);font-family arial, helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', clean, sans-serif;font-size 12.16px;" img alt="" src="//img.atwikiimg.com/www65.atwiki.jp/ko-ryaku6674/attach/16/1/IMG_2428.JPG" style="width 400px;height 224px;" / /div table border="1" cellpadding="1" cellspacing="1" style="width 400px;" tbody tr td 第1波 /td td 上:スライム times;10 /td /tr tr td 第2波 /td td 上:バケツのスライム times;10 /td /tr tr td 第3波 /td td p 上:バケツのスライム times;2 /p p 下:スライム times;16 /p p 村人 times;1 /p /td /tr /tbody /table p strong ○第1波 /strong /p div style="color rgb(42,42,42);font-family arial, helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', clean, sans-serif;font-size 12.16px;" スライム×10 /div p strong ○ span style="color rgb(42,42,42);font-family arial, helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', clean, sans-serif;font-size 12.16px;" 第2波 /span /strong /p div style="color rgb(42,42,42);font-family arial, helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', clean, sans-serif;font-size 12.16px;" ハンバーグ ×3 /div p strong ○ span style="color rgb(42,42,42);font-family arial, helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', clean, sans-serif;font-size 12.16px;" 第3波 /span /strong /p div style="color rgb(42,42,42);font-family arial, helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'MS Pゴシック', clean, sans-serif;font-size 12.16px;" 上:ハンバーグ ×2 br / 下:スライム×16 br / 下:村人×1 /div