Site is undergoing maintenanceSite will be available soon. Thank you for your patience!
お茶を「いれる」をどう表記するか
以下は、当ホームページの管理者が、以前いた会社の仕事の関係で書いたコラムである。個人ホームページである、当HPへの再掲載にあたっ て、前の会社の商品名を削除したり、若干書き直している。 お茶を「いれる」という日本語には、 「お茶という飲み物を作る(＝結果としてお茶ができる)」 （英語で make (a cup of) tea にあたる） 「お茶を茶碗や湯飲みに注ぐ」(用例:「お茶が入りました、とお盆に載せて運んでくる」) （英語で pour (a cup of) tea にあたる） 「茶葉を急須や薬缶に入れる」 という合計三種の意味が 包含されている。古来、最初の意味には、お茶の抽出 液の作成方法によって、「烹れる」「点れる」「煎れる」「淹れる」といった漢字が細かく使い分けられて当てられてきた。また、二番目と三番 目の意味に対しては、 主に「入れる」という漢字が当てられてきた。 お茶の作り
デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました - はてなブログ開発ブログ
本日、はてなブログのサンプルテーマ「Boilerplate」を公開しました。デザインCSSをカスタマイズする土台に適しています。 Boilerplate（ボイラプレート）は、必要最小限の見た目だけがあらかじめ調整された、プレーンなサンプルテーマです。このテーマをもとにCSSを記述すると、はてなブログのデザインテーマを比較的カンタンに作ることができます。 Boilerplateテーマの見た目「オリジナルテーマの制作にチャレンジしたいけど、ゼロから作るのは大変」という方のために用意しました。ぜひ、このテーマを使ってCSSのカスタマイズに挑戦してください。 もちろん何もカスタマイズしなくても、シンプルなデザインテーマとしてそのまま使うこともできます。 Boilerplateテーマの使い方 Boilerplateテーマのソースコード（CSSおよびLESSファイル）は、GitHubで公開しています。
[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
HTML5のcanvas要素を常に画面いっぱいに表示されるようにする方法 | ツクログ
canvas要素を常に画面いっぱいに表示されるようにすることで、様々なデバイスに対応させる方法です。 DEMO canvas要素を囲っている親要素のサイズをcanvas要素のサイズとすることで、画面いっぱいにされています。 <canvas></canvas>を<div id="wrap"></div>で囲んでいる点がポイントです。 HTML <div id="wrap"> <canvas id="canvas"> </canvas> </div> CSS CSS html, body { height: 100%; margin: 0; overflow: hidden; width: 100%; } #wrap { height: 100%; width: 100%; } #canvas { background: #2FCDB4; display: block; } ポイント html
canvasでキラキラした背景を作る方法 - KAYAC Engineers' Blog
tech.kayac.com、ささやかにリニューアルしました！ tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が？って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcanvasについて記事を書こうと思います。 最初なので、、、 簡単にぼくの属性を説明すると、html5とか好き、CSS3とか好き、canvasとか興味ある、非モテ、javascriptはjQueryがなんとなくわかる程度、非リア充。こんな感じです。 今回のリニューアルではコーディング全般を担当しました。 特に、プログラミングに関してはド素人だ！ということを強調しておきます。 そんなぼくが、canvasを使ってキラキラした背景を作ってみました 「リニューアルするからには新しいことがやりたいよね。だったらhtml5とc
今更聞けないcanvasの基礎の基礎 - KAYAC Engineers' Blog
はじめまして。新入りのnagataです。 入社式で自転車乗ってた野郎です。 先輩方から「ブログ、書いてね！」とのお達しがあったので、 日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。 ※各種サンプルはMac上のSafari4.05、Firefox3.6.3、Chrome5.0で動作を確認しています。 canvasってなんぞ？ 図を書き込めるhtml要素です。 OpenGLやDirectXのような面倒な設定を書くことなく、 手軽にグラフィック描画が行えます。 ブラウザだけでローカルアプリケーションのような グラフィカル（かつ動的な）表現が行えるわけです。 とりあえずつかってみる 早速何か描いてみましょう。 こういうことは実践あるのみです。 処理にはJavascriptを使います。 canvasに描画を行うときは、canvas要素からcontextを取得して、
JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita
JavaScriptを読んでいると、「あれ、、、なにこれ？この書き方。。。」と思うことがたまにあります。この際の厄介なことは、どうやって調べたらいいかわからないことです。Google先生に聞こうにも、その書き方をなんと呼ぶかわからないので聞けない。 そんな「なにこれ？」を厳選してみました。覚えておくと、将来スッキリとする時が来るでしょう。 1. なみなみ、ふにゃふにゃ言ってる
htmlのid属性とclass属性の命名はハイフンかcamelかsnakeか - Qiita
CSSはハイフン(foo-bar)1、JavaScriptはCamel(fooBar)、Rubyはsnake(foo_bar)文化。 じゃあ、みんなが共有するHTMLのid、class属性はどの書式で書けばいいのか? HTML/CSSの人が書くことが多いからか、有名サイトを調べてみると、ハイフンが多い。 でも、JavaScriptで要素を取得したときに次のようにハイフンをCamelにしなければならないので、どうもしっくりこない。 <div class="foo-bar">foo bar</div> <script> var fooBar = $('.foo-bar'); // foo-barなの？fooBarなの？ </script> 世の中のトレンド BEM CSSの命名規則で有名なBEMはハイフンもアンダースコア(_)も、アンダースコア2つ(__)も使う。 個人的には、うーん。。。 T
CSSの display: inline、display: block、display: inline-block をマスターしよう！ | たねっぱ！
CSS の display プロパティについて紹介します！ display: inline・display: block・display: inline-blockについてのおさらい。HTMLとCSSひよこちゃん向け！ いろいろ便利な CSS の display プロパティ。今回は display: inline display: block display: inline-block についておさらいしてみます。HTMLひよこちゃん向けの記事です！ displayプロパティで、ブロック・インライン・インラインブロックをおさらいしてみた displayプロパティ displayは、要素の「表示形式」を指定するプロパティ。 ブロックレベル要素をインライン形式で表示したり、インライン要素をブロックレベル形式で表示することができます。 構造的にはブロックレベル要素なんだけど、インラインとして表示
<button> - ボタン - とほほのWWW入門
形式 <button>～</button> サポート LS / H4 / e4 / Ch1 / Fx1 / Op1 / Sa1 / N6 カテゴリ フローコンテンツ フレージングコンテンツ インタラクティブコンテンツ リステッド, ラベラブル, サブミッタブル, リアソシエイタブル(HTML 5.2のみ) な フォーム関連要素 パルパブルコンテンツ 親要素 フレージングコンテンツ を子要素に持てるもの 子要素 フレージングコンテンツ (ただし、インタラクティブコンテンツ を子孫に持つことはできない) タグの省略 開始タグ:必須 / 終了タグ:必須 属性 グローバル属性 disabled form formaction formenctype formmethod formnovalidate formtarget name type value ボタンを表示します。<button>～</b
ついに並行輸入TWININGSプリンスオブウェールズ英国王子に出会う 見よ、この高貴なRacismを！ - ANANDA・Cafe
もう題名がすべてを語っていると言っても過言ではない こんにちは TWININGSのストーカー、Nirvana・cafeです コスパの良い、電車賃と送料のいらない美味しい紅茶を追って早や３年 そうです、ストーカーは徒歩圏内に限る！ しかも10分以内がベスト(←ストーカーなのに怠慢) いやもうそういうことは語りつくしたのだ諸君 問題はポーランド王子を売っていた輸入食料品店に 先日、新商品が入荷していたことなのだ トワイニング プリンスオブウェールズ 英国ブレンド 100g/３７８円 缶入り とうとう来た、引いた 英国王子 本物のウェールズ王子である ことは我が家の味にうるさい旦那が 「前に東京から引っ越すときに持ってきたオレンジペコのほうが、ポーランドのより美味かった」 と言ったのに端を発する 今年の1月に久々に買ったポーランドのものがとても香りがよく美味しかったので その前の同じ缶に入ったセ
Visual Studio CodeでGitを利用する
本特集の第1回「Visual Studio Codeの使い方、基本の『キ』」ではVisual Studio Code（以下、VS Code）の基本的な使い方を紹介しているが、今回はVS CodeからGitを使う方法について見てみることにしよう。なお、本稿はVS Code 1.23をベースとしている。また、基本的にはWindows版／64ビットのVS Codeで動作を確認している（macOS版でもざっくりとした確認はしている）。 VS CodeでGitを活用する：［ソース管理］ビュー VS Codeは標準の状態でGitソース管理マネジャー（Git SCM）拡張機能を含んでいる。ただし、事前にGitをインストールしていることが前提となる。インストールしていない場合には、次の画面のようなメッセージが表示されるので、Gitのインストール／設定を行っておこう。
W3Schools.com
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
cssとは？使い方と学び方の基礎まとめ - プログラミング学習の窓口
プログラミングの基礎であるhtmlを勉強していると、必ず出てくる言葉がcss。 現代のwebサービスにおいて、htmlとcssはいわば兄弟のようなもので切っても切れない関係と言えるでしょう。 では、cssとはいったいどういうものなのでしょうか。 簡単に言うと、Webページの文字の色や大きさ、背景、配置といった見た目を設定する言語の一種です。 静的ページも動的ページも見た目の部分の多くはこのcssで制御されています。 もしcssを詳しく学ぶなら、独学もいいですがプログラミングスクールがおすすめです。費用は当然かかりますが、アドバイスがもらえることと、学習スケジュールが管理されるので、強制的に頑張れる仕組みが作れるのもメリットと言えるでしょう。 The post cssとは？使い方と学び方の基礎まとめ first appeared on プログラミング学習の窓口.
CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室
追記 最新の感想も合わせてご覧ください。 jinjor-labo.hatenablog.com React界隈では結構前から「CSS in JS」と言って、雑に言うと「CSSはイケてないからJSでインラインスタイルを書いてしまえ」という話がある。（ちゃんと知りたい人はこちら） 自分も前々からCSSは変数が使えないとか名前が被るとか諸々イケてないのは同意してたんだけど、じゃあJSで書くのが良いかと言われたら「いや流石にロジック汚れるんじゃね？」とか「CSSの便利機能を捨てて平気なの？」とか色々と懐疑的だったんだけど、１～２か月書いてみたら想像以上に良かったので感想を書くことにした。 まず一番に主張したい部分を先に言うと、こう。 （誤解）JSのコードがスタイル記述で汚れる （正解）JSのコードがスタイル記述から解放される 前提 実際に書いたのはJavaScriptではなくElmなので以下は全て
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EU Referendum Results
【Windows版】VS Code キーボードショートカット一覧 （オススメ付き） - Qiita
<input type=submit>は止めて<button type=submit>を使うべき - Qiita