CSS だけで 空の要素に指定した background-image の高さを正しい縦横比で動的に変化させる - Qiita
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自己紹介</title> </head> </head> <body> <section class="profile-content"> <header> <h1>自己紹介</h1> </header> <div class="profile-image"></div> <p>僕はととろ、君はとろろ。<br> ごめんほんとは僕、らっしーっていうんだ。Railsエンジニアしてます。</p> </section> </body> </html> な感じでウィンドウ幅に合わせて縦横ちゃんと合わせて表示したいのです。 background-size: 100% auto; してやればいいじゃん！は 間違い。 一般的にbackground-size: 100% auto;とすれば
Excelで佐々木希を描く with python - Qiita
【環境】 windows8.1 Excel 2013 python2.7 opencv3 【概要】 佐々木希の写真から色の情報を取得して、Excelのセルに塗りつぶします。 【フォルダ構成】 |---sasaki_excel |---sasaki_excel.py |---sasaki_nozomi.jpg（佐々木希の画像） |---sasaki_nozomi.xlsx（描画用のエクセル） こちらの画像を使用しました。 【プログラム】 # -*- coding:utf-8 -*- import cv2 from openpyxl import load_workbook from openpyxl.styles import PatternFill # 画像読み込み image = cv2.imread("sasaki_nozomi.jpg") # エクセルファイル読み込み wb = lo
特にプログラマーでもデータサイエンティストでも�ないけど、Tensorflowを1ヶ月触ったので超分かりやすく解説 - Qiita
特にプログラマーでもデータサイエンティストでも�ないけど、Tensorflowを1ヶ月触ったので超分かりやすく解説Python機械学習DeepLearningTensorFlow これ書くだけで土日２日間まるまる潰れてしまった。 学んだ内容に沿っているので、順に読み進めるに従ってコードの話になっていきます。 Tensorflow触ってみたい/みたけど、いろいろまだ理解できてない！という方向けに書きました。 ※2018年10月4日追記 大分古い記事なのでリンク切れや公式ドキュメントが大分変更されている可能性が高いです。 この記事のTensorflowは ver0.4~0.7くらいだった気がするので ver2.0~となりそうな現在は文章の大半が何を参考にしているのか分からないかもしれません。 1: Deep Learningってそもそも何してるの? 専門の人からはご指摘入りそうですが、要は回帰
チャート、グラフを書くのに良さそうなJavascriptライブラリ6選 - Qiita
Javascriptのライブラリはたくさんあるけれど、いろんな統計分析結果を表示するのに良さそうなライブラリは意外と限られてます。 そんな図/グラフ描画用Javascriptライブラリを画像とともにまとめておきました。 NVD3.js ライセンス: Apache 2.0 D3.jsで作られたチャート描画用ライブラリ。グニュグニュ動いてカッコいいが複雑なものを使うとバグを踏んだりする。git hub管理されているのでパッチを投げるのは比較的簡単。 Vis.js ライセンス: Apache 2.0 / MIT グラフ理論的なグラフを描くのが主眼のライブラリだが、棒グラフ、折れ線グラフなどは描ける。パイチャートは描けない。 Google Charts ライセンス: completely free 言わずと知れたGoogle先生のライブラリ。使いやすいが、見慣れているせいか少しダサく感じるのが欠点
Noto Sans CJK JP フォントをダウンロードしてサイトに適用する手順 - Qiita
CSSの埋め込み方まで詳細に説明している所がなかったのでまとめてみました。 デモプレビュー 書き出しサンプル + デモデータ 一式 1. フォントダウンロード 2. アプリインストール サブセットフォントメーカー WOFFコンバータ OTF → WOFF + EOT WOFF → TTF http://opentype.jp/woffconv.htm 3. サブセット化 サブセットフォントメーカーを使用してフォントをサブセット化しファイルサイズを削減します。 以下、アスキー文字 + 非漢字文字 + 第1水準漢字でサブセット化すると 16MB→700KB 位になります アスキー文字 !”#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¡¢£¤¥¦§¨©ª«¬
エンジニアの為の、アイデア効率化 - Qiita
今回は、サービス作成作りのための効率的なアイデアメイキングということで書きたいと思います。 今までのハッカソンの中での経験から、アイデア出しの手法について共有したいと思います。基本的にはWebに載っているものが多いですが、独自の手法や既存の手法を改造したものなどもありますので、ぜひチェックしてみてください。 また、今回はお金がかからずに、すぐできる手法を集めました。各アイデア出し用のアイデアシートも作成したので活用してみてください！ アイデアメイキングとは？ アイデアメイキングは、アイデアの種を思いつくところから、具体的なアイデアとして醸成するところまでをいいます。 主なアイデア出しの段階をあげると、以下のようなものがあります。人によってアイデアの出し方の順番は前後しますが大体下のようなことを知らないうちに考えていることが多いです。 アイデアメイキングの段階 種探し テーマ探し 発散 収束
エンジニアはもう一度CSSとちゃんと向き合ってみよう - 詳細度編 - Qiita
WHAT CSSには詳細度（Specificity）という概念があります． 詳細度は、どのプロパティ値が最もある要素に関係があり、適用されるかをブラウザが決定する手段です。 詳細度 - CSS | MDN 簡単に言うと，「スタイルが重複したとき，どのスタイルを優先するか」の優先度を定量評価したものになります． 詳細度はa, b, cのようなカタチで表されます． 細かい説明するのは面倒なので，ざっくりと以下にリストアップします． 全称セレクタ: a=0, b=0, c=0 * 要素，擬似要素: a=0, b=0, c=1 li, ::before, ::first-line, etc. クラス，擬似クラス，属性: a=0, b=1, c=0 .classname, :first-child, [type=password], etc. id: a=1, b=0, c=0 #idname あと
IT業界で横行する恥ずかしい英語発音 - Qiita
プログラマやデザイナと話してるとしょっちゅう変な英語発音に出くわします。 例えばheightを「ヘイト」と発音したり。 そういう時、私は心では「ヘイトじゃないよハイトだよ！」と呟きつつ、口では「そうですね、ではヘイトは80pxにしましょう！」なんて言ってるのであります。 まあ、所詮我々が話しているのは英語ではなく、日本語の中に出てきた英単語をカタカナで発音しているに過ぎないですし、テレビのテロップでmainをメーンと表記する時代ですので正解などは無いと思っています。 ですから、何でもかんでも正しい英語っぽく発音するべきなどとは思っていませんが、やはり「こいつ適当にスペルを日本語読みしてるだけだろ！」ってのが明らかな場合は、聞いているこっちが恥ずかしくなってしまうものです。 というわけで、この業界で横行してる妙な発音をまとめてみました。 間違って発音すると恥ずかしい英語 これらは間違って発音
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
