hyperHTMLやlit-htmlが効率的に再描画を行う仕組み - Qiita
昨今のJavaScriptのViewライブラリは以下の特徴を備えています。 DOM構造を宣言的に記述できる 動的な値のマッピングを宣言的に記述できる 再描画の際、DOM構造の変異を最小限に留める 例えば、ReactであればJSXと仮想DOMによるdiff/patch処理によってこれらを実現しています。 一方、hyperHTML（およびlit-html）はECMAScriptの構文であるTagged Template Literalを使ってこれらの機能を実現するライブラリです。 import hyper from 'hyperhtml/esm'; const render = () => { hyper(document.getElementById('container'))` <h1>Hello</h1> <p>It is ${new Date().toLocaleString()}</
CSS Grid Layout について - Qiita
先日の macOS と iOS のアップデートに CSS Grid Layout Module が実装された Safari のバージョンが入り、とうとう全てのモダンブラウザで使用可能となりました。非常に柔軟に、直感的にグリッドを表現することができます。 Can I Use Grid の定義 ある要素をグリッドレイアウトしたいとき、その親要素に display: grid もしくは display: inline-grid を指定します。この親要素のことをグリッドコンテナ、グリッドレイアウトされる子要素のことをグリッドアイテムと言います。 グリッドコンテナには grid-template-column と grid-template-row というプロパティを指定することができます。それぞれ、列と行のグリッドのサイズをその数だけ指定します。 例: 3行5列のグリッド .container {
簡単なのにかっこいい！ポートフォリオサイトが作成できる、HTMLベースのテンプレート -Dev Portfolio Template
自分の職歴や関わったプロジェクト、スキルなどをプレゼンするポートフォリオを0から作ろうとすると面倒かもしれません。ポートフォリオに必要なコンテンツをコンポーネント化し、追加や削除も簡単に行えるHTMLベースのテンプレートを紹介します。 Dev Portfolio Template -GitHub Dev Portfolio Templateの特徴 Dev Portfolio Templateのデモ Dev Portfolio Templateの特徴 Gulp対応 Sass対応 レスポンシブ対応 グリッドシステムはBootstrap カスタマイズも簡単 デザインは縦長ページで、ポートフォリオとしてうるさくない程度の気持ちいいインタラクションが備えられています。
テンプレートを使って爆速で機械学習プロジェクトを作成する - Qiita
あなたは機械学習のプロジェクトを毎回違う構成で作っていませんか？ 何をどこに配置するかで悩んで時間がかかっていませんか？ そんな方に朗報です。 機械学習のプロジェクトはコマンド一発で作れます。 以下のようなプロジェクトを数秒で作れます。 ディレクトリ構造 ├── LICENSE ├── Makefile <- Makefile with commands like `make data` or `make train` ├── README.md <- The top-level README for developers using this project. ├── data │ ├── external <- Data from third party sources. │ ├── interim <- Intermediate data that has been transfor
Bootstrap3管理画面用テンプレート5選（デザインが苦手なエンジニア向け） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、tetsuです。 エンジニアでデザインもできる方はいますが、できない方もいるのが現状です。僕自身もできないほうに入るかと……。 ただ、システムを構築する際に、ほぼ作成しなければならないのが管理画面でしょう。デザインができないにも関わらず、管理画面のデザインを考えなければいけない。そんなときには大変ありがたい、Bootstrap3対応の管理画面のデザインテンプレートを提供してくれる方々がいます。 今回はその中から特におすすめのテンプレートを5つ、ご紹介いたします。 ライセンスについて 今回は、以下のライセンスが表記されているものを中心にピックアップしました。 ▼ MIT license 1. このソフトウェアを誰でも無償で無制限に扱って良い。ただし、著作権表示および本許諾表示をソフトウェアのすべての複製または重要な部分に記載しなければならない。 2. 作者または著作権者は、ソフト
10万DL以上に厳選！高クオリティなWebサイトが簡単に制作できるHTMLテンプレート10選｜TechClips[テッククリップス]
近頃のWebサイト制作において、以前まではフルスクラッチで制作していた工程もBootstrapなどのフレームワークが登場したことにより、驚くほど簡単にオシャレなデザイン、高クオリティなWebサイトを制作できるようになりました。 要するに、以前に比べてWebサイト制作は、より簡略化できるようになったのです。そういった背景もあってか、最近では高クオリティなHTMLテンプレートをよく目にする機会が増えました。もはや、ある程度のレベルであればHTMLテンプレートで十分なのでは、とすら思ってしまうほど・・・・・・。 こうしたWebサイト制作に必要な素材が一式揃ったHTMLテンプレートを無料で提供しているところも多く、本記事ではその中から海外のHTMLテンプレート配布サイト「HTML5 UP」でダウンロード数が10万を超える人気テンプレートの中から10個に厳選してご紹介します！ ※ダウンロード数は執筆
![10万DL以上に厳選！高クオリティなWebサイトが簡単に制作できるHTMLテンプレート10選｜TechClips[テッククリップス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/34e3eebfc57d2bad199a9afef8e4c4ffe1fcffbb/height=288;version=1;width=512/https%3A%2F%2Fobject-storage.tyo1.conoha.io%2Fv1%2Fnc_261159609ad84809af5afcb9e5f56abb%2Ftechclips%2Fimages%2F154%2Fimage.png)
海外サイトから５つを厳選「異次元なパワーポイントのテンプレート集」ダウンロードですぐ使える！ビジネスライフで差をつけろ
海外サイトから５つを厳選「異次元なパワーポイントのテンプレート集」ダウンロードですぐ使える！ビジネスライフで差をつけろ [voice icon=”http://xn--eck4bq8o.com/wp-content/uploads/2016/06/88FDE4FE7B384DB9-F1BA43B7E1B43C1B.gif” name=”ゼロイチ” type=”l big”]こんにちは！最近、ユーチューバーになってしまったゼロイチです！ @0zero1ichi [/voice]今回は、ビジネスシーンや、教育機関でよく使われている、パワーポイント！ 毎回デフォルトで作っていると、飽きられちゃうし、ライバルと差を付けたいけど 背景のデザインを作るのも面倒だし。。 そんなあなたに、海外サイトから５つを厳選して 「異次元なパワーポイントのテンプレート集」 を紹介するよ～！ ダウンロードしたらすぐ使え
GitHubのIssuesおよびPull Requestsにテンプレートを登録することができるようになりました - Qiita
GitHubを使っていて今まで不便だった点として、「IssueやPull Requestの投稿内容を規定することができなかった」ことがあると思います。最初の投稿内容がどうしても不十分なものになってしまい、詳細を聞き出すことから毎回始めなければならない、といった苦痛をいつも感じていた人は多いはずです。 この苦痛も過去のものとなりそうです。IssueやPull Requestにテンプレートが作れるようになりました。Issue and Pull Request templatesという題名で新規機能のアナウンスがありましたので、さっそく日本語に訳してみました。参考になると幸いです。 IssuesおよびPull Requestsのテンプレート 重要な詳細が欠けている問題を解決することは困難です。今、プロジェクトの管理者は、プロジェクトのIssuesやPull Requestsのためにテンプレートを
Macユーザーにオススメ！Keynoteの無料テンプレートまとめ
【パワーポイント作成】伝わるデザインのコツ ほんの一手間で驚くほど見やすく変わる！パワーポイントやGoogleスライドなど資料のデザインを見やすく仕上げるコツを解説します。 無料で使えるKeynoteテンプレートまとめ 1.Azusa http://memo.sanographix.net/post/82160791768 "大体いい感じになる"というコンセプトのKeynoteテンプレートです。今時っぽいカラーリングと素敵なフォントのスライドが作れます。日本製ですので、使いやすさも抜群です。 2.Modern Report https://hislide.io/product/modern-report-free-key-template/ 白を基調とした背面と黒や灰色文字によってシックな雰囲気のあるテンプレートです。 3.X Grey Keynote Template http://ww
Gmail, Outlookをはじめ、デスクトップ・ブラウザ・スマホメールにレスポンシブ対応のHTMLメールのテンプレート -Cerberus
HTMLメールのコードは通常のWebページより難しい、という人は少なくないと思います。しかもレスポンシブ対応のHTMLメールになると、更に難易度があがります。 メールでよく利用されるレイアウトのパターンをシンプルにまとめた、レスポンシブ対応のHTMLメールのテンプレートを紹介します。 Cerberus Cerberus -GitHub Cerberusの特徴 CerberusのHTMLメールのテンプレート Cerberusの特徴 Cerberusは現在主流のメールクライアントをサポートしたレスポンシブ対応のHTMLメールのテンプレートで、MITライセンスで無料で利用できます。 サポートしているクライアントは、下記の通り。 デスクトップ Outlook 2000/02/03/07/10/13 (Windows) Outlook 2011/16 (Mac) Apple Mail Thunder
おしゃれになるkeynoteテンプレート「Lemonade」を作りました。 - meycoのUX&UIデザイン技術メモ
作った経緯 私はIT系の勉強会に時々参加しているのですが、そこでエンジニアの人たちから 「keynoteテーマ作るのめんどい」 「某keynoteテーマすごい便利だけど、前に発表した人とかぶるの恥ずかしい」 という意見を非常に多く頂きました。ので、それを解決するべく初めてテーマを作ってみました。 Lemonadeテーマサンプル サンプルスライドを作ってみました。 Lemonade-original keynote theme. from Meyco U フォントについて Futuraとヒラギノ角ゴW3で指定しています。 どちらもMac OSX のデフォルトフォントです。 というか、本当にはヒラギノW5で指定したいんだけど、方法がわからずそのまま。 解決方法があれば教えて下さい。 色について 気になる部分は随時変えてください。 初めてkeynoteテーマ作ってみた知見 keynote、なんで
HTML5でWebページを作成する時のベースになるシンプルなコードで書かれたテンプレート
HTML5でWebページを作成する時に役立つ、必要最小限のブランクのテンプレート、ナビゲーションを上部に固定配置、写真画像などの背景画像をブラウザいっぱいに表示させるシンプルなテンプレートを紹介します。 画像: Girly Drop HTML5で作成する時の必要最小限のテンプレート ナビゲーションを上部に固定配置 背景画像をブラウザいっぱいに表示 ※以前、当ブログで紹介したものもバージョンアップされています。 HTML5で作成する時の必要最小限のテンプレート まずは、HTML5でWebページを作成する時にのシンプルなブランクのテンプレート。 A Generic HTML5 Template -GitHub ライセンスはCC0 1.0で、個人でも商用でもクライアントの案件でも無料で利用できます。利用する際に、許可やコピーライトの明記などは必要ありません。 テンプレートはIE9や8以下への最低
100種類のシンプルで洗練されたスライドやインフォグラフィックが無料で使えるパワーポイントのテンプレート素材
パワーポイントの無料テンプレートだと癖がちょっと強いデザインだったりすることもありますが、シンプルで美しくデザインされており、非常に使いやすいと思います。 通常は有料ですが今週末まで無料なので、この機会にダウンロードしておくのをオススメします。個人でも商用でもクライアントワークでも利用できます。 Unine Powerpoint Template ダウンロードできる素材のフォーマットは、2種類。 .ppt .pptx 100種類のスライドに、さまざまな情報コンテンツ、インフォグラフィック、データチャート、スマートアート、マップ、テーブル、タイムラインなどが含まれています。 ダミーの写真画像はすべてCC0 1.0なので、そのまま利用することも可能です。 スライドの一部 テンプレートはデザインのバリエーションも用意されています。 カラーがカラフル（上の画像）・ブルー（下の画像）・グリーン・オレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - coreui/coreui-free-bootstrap-admin-template: Free Bootstrap Admin & Dashboard Template
コーダーの仕事が楽になる！レスポンシブ対応のさまざまなHTMLテンプレートが驚くほど簡単に作成できる -Aperitif
Bootstrap Admin & Dashboard Template · CoreUI
ラムダ式でTemplate Methodパターン＋Factory Methodパターンで実装されたコードをシンプルにする ～ 継承から委譲、そして単なる手続きへ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP