Discover recipes, home ideas, style inspiration and other ideas to try.
Kaggleのデータセットで公開されている、男子プロテニスの試合結果データがありましたので、これを使って各プレイヤーの強さをモデル化してみます。 今回は、開催した年と、勝ったか負けたか、その時の勝ちプレイヤー、負けプレイヤーの情報だけで、各プレイヤーの強さを分析してみます。 データセット 今回使ったデータセットは下記になります。 - https://www.kaggle.com/ehallmar/a-large-tennis-dataset-for-atp-and-itf-betting テーブルはいくつか格納されていますが、使ったテーブルは all_matches.csv だけで、ATPツアーの試合結果のデータについて、割りと最近の2018年の試合まで含まれています。 試合結果に関する各カラムの意味について、実際に行われたゲームの結果と照らし合わせながら調べました。 いくつか合っているか
ホームページつくれるの?って言われた時に使えそうなヤツ。 https://t.co/i3UXYLGCj9
はてなブログには「続きを読む」機能があるが…… はてなブログをやっていらっしゃる方は、記事に「続きを読む」を挿入して、トップページに何件かの記事を表示させていることが多いかと思います。 記事作成画面で「続きを読む」を挿入すると、 トップページでは下図のような記事の表示になります。 トップページに表示する記事数は、管理画面の設定⇒詳細設定⇒「トップページの記事数」で指定出来ます。 ただ、記事の1つ1つにSNSボタンとはてブコメント、はてなのAdSense(無料ブログの場合)がくっついてくるので、なんだかゴチャゴチャした印象になります。 SNSボタンやはてブコメントは非表示に出来ますが(管理画面⇒デザイン⇒スパナみたいなマーク⇒記事⇒ソーシャルパーツ)、そうすると個別記事にも表示されなくなってしまいます。 「記事一覧」ページの見た目の方がスッキリしている ところで、はてなブログには「記事一覧」
トップページのはてなスターは消した方がいい理由 ページの読み込みが遅くなる ブログを初めて最初の頃は特にそうですが、検索流入に比べて割りとはてなプロフィールなどのトップから入って来る人が多いのでランディングがブログのトップになることが多いです ですのでこの一番最初のトップページのページ表示スピードというのはかなり重要です それにはてなのサービスではレンタルサーバーなどと違い自分で.htaccessのコントロールができないためブラウザのキャッシュを利用できません この為ユーザーごとに1回1回ページの読み込みを新たにしています はてなスターはつけばつくほどじわりじわりとページの読み込みが重くなりますのでこれは消去してしまったほうがいいと言えます 特にトップに記事表示数が多ければ多いほどはてなスターもそうですがアイキャッチ画像の数も増えますのでその分ページの読み込みにも時間がかかるため注意が必要
2018年2月22日以降に新しく開設されたブログは、最初からHTTPSで配信されております。また、2021年8月31日にすべてのはてなブログのHTTPS化が完了いたしました。 HTTPSへの移行方法・仕様 デザインテーマについて 編集サイドバーの混在コンテンツ(Mixed Content)対応について 混在コンテンツ(Mixed Content)の確認方法 注意事項 関連項目 関連記事 HTTPSへの移行方法・仕様 デザインテーマについて テーマストアで公開されているテーマのうち、一部URLが含まれるものを機械的に置換し、混在コンテンツへの対応を行いました。 HTTPS有効時の混在コンテンツ対応のため、テーマストアに投稿されたテーマ内の一部URLを書き換えました - はてなブログ開発ブログ はてなブログユーザーが投稿したテーマの場合、上記のみでは対応が不完全なことがあります。その場合はテー
さて 自分ははてなブログを書く時にMarkdown記法を使っている。これは単純にhtmlが使えないという理由からなのだが、Markdownのみでもそこそこ書けるので問題はない。Markdownの力の及ばない範囲、すなわち文字を大きくしたり色をつけたりするのははてなブログの記事編集画面で適宜行っている。 そこで本稿でははてなブログで自分が使っているMarkdown記法(+はてなブログ記法)について、備忘録をかねてまとめてみたい。 ちなみにそもそもMarkdownとはなんぞや?については以下のサイトをご参照下さい。 Markdownとは · 日本語Markdownユーザー会 目次: はてなブログでよく使うMarkdown記法 見出し記法(#) 改行(スペース x 2) 段落分け 強調記法(**) 引用(>) リスト(*または-) 数字つきリスト(1. ) 水平線 画像の埋め込み 画像サイズの指
原典:https://gigazine.net/news/20110415_nifty_serve/より引用 掲示板の終わり Yahoo! Japanの掲示板サービスであるtextreamが終了となるそうです。 www.itmedia.co.jp ヤフーは、掲示板サービス「textream」(テキストリーム)を年内いっぱいで終了する。「株式」「FX、為替」カテゴリのみ残して「Yahoo!ファイナンス」に移管し、そのほかのカテゴリは閉じる。 インターネットにおける掲示板の祖先というと、2ちゃんねるのことを思い出される方が多いでしょうがこれは違います。ニュースグループという存在がインターネット普及期にはありました。このニュースグループのクライアントですが古くはOutlook express、Netscape Communicatorなどにも搭載されていました。 ニュースグループ - Wikip
箇条書きや注意書きの文章を書く場合に、文章の先頭に「・」や「※」などの記号を記述することがよくあると思います。 しかし、2行目以降がその記号の下に回り込んでしまうことが気になっている方も多いのではないでしょうか。 手作業で地道に改行を入れたり、記号を画像で背景設定したり、あるいは強制的にリスト化してマークをつけたりと、あの手この手で誤摩化しているケースはよくあります。 でも「やっぱりテキストで綺麗に表示させたい!」というときに、以下の方法が最適です。 まずはサンプルをご覧ください。 ※text-indentプロパティの便利な使い方。:サンプルページ どうでしょう? 見事なまでに文章の先頭が綺麗に揃っていますね。 設定の仕方は以下の通りです。 HTMLHTMLでの記述。 <p class="indent-1">※text-indentプロパティの便利な使い方。<br> 文章の段落などの2行目
maxrudbergが、iPhone Xで導入されたホームボタンのない全画面ディスプレイについて、トップ部分のデザイン処理について、サンプルを公開しています。 トップ部分については、左右にiPhone X独特のノッチ(くぼみ)があり、デザイン処理が難しくなっています。このノッチ部分をアプリケーションの表示領域にするのは皮斑も多いですが、Appleは開発者に対して「画面の上と下に黒いバーを置いて、デバイスの丸い角、センサーハウジング、またはホーム画面にアクセスするためのインジケーターを隠そうとしないでください。」と述べています。 黒色のバーなどで隠してしまうとiPhone Xが狭い画面のように感じてしまうというのが理由のようです。 maxrudbergでは、デザインガイドとしてディスプレイデザインで参考になる「pt単位」で表示した画像も公開してくれています。 iPhone Xでは、それが44
2017/06/22 スマホのブラウザは、電話番号に自動で電話をかけるリンクを付けます。また、連続した数字を電話番号だと誤認識してリンクを貼ってしまいます。この余計な機能を無効にするには、専用のmeta要素を追加します。 サンプルコードname属性に"format-detection"、content属性に"telephone=no"を指定したmeta要素を用意しましょう。 <meta name="format-detection" content="telephone=no">デモデモは、iPhoneなどでご確認下さい。 リンクを付けない <!-- このコードは編集できます。 --> <!DOCTYPE html> <html> <head> <meta name="format-detection" content="telephone=no"> </head> <body> <p>電
やりたいこと スマホで見たときに、タップするだけで電話がかけられるように電話番号にリンクをはりたい。 でもPCで見たときはリンクさせたくない。 それを同じHTMLで済ませたい。 テキストだけでなく、画像でも同様にしたい。 ということで、JavaScript(jQuery)を使います。 →デモ jQueryで電話番号リンクを追加する <!-- テキストの場合 --> <p class="tel">00-1234-5678</p> <!-- 画像の場合は、alt属性に電話番号を入れておきます。 --> <p class="tel"> <img src="https://placehold.jp/150x150.png" alt="01-1234-5678"> </p> $(function() { $('.tel').each(function() { //.tel内のHTMLを取得 var
インチ:サイズ表記のこと 端末:対応する端末 xcodeの表示:xcodeのアセットカタログの表記名 ポイント:描画座標のこと。論理上の画面サイズ 倍率:ポイントを何倍してピクセル表示するか。 ピクセル:実際に画面に描画されるサイズ 参考資料 xcodeのキャプチャ アップルストアの資料 概念図 参考: https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions sketch資料 グーグルドライブからダウンロードできます。 https://drive.google.com/file/d/1WakoxNaWwGOavcFyf6bmufyKOCH-Sf4u/view?usp=sharing おまけ 役にたったらいいねお願いします😄✨
【決定版】タブレットでPCサイトを縮小表示をする方法 レスポンシブ対応でホームページを制作する際に、iPadなどのタブレット端末ではPCサイトを縮小表示させたい場合があります。 metaタグのviewport・contentを正しく設定してタブレットで縮小表示させる方法を紹介します。 通常のviewport設定でははみ出してしまう タブレットでPCサイトを表示させようとするとはみ出して表示されてしまう時には、viewportの設定はおそらく下記のようになっています。 <meta name="viewport" content="width=device-width"> なぜタブレットで表示するとはみ出してしまうのか? 問題は content="width=device-width" の部分。 通常スマホではdevice-width、つまりスマホの画面サイズを自動計算してPCサイトをそのまま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く