You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
本をよく読むエンジニアであれば、ライブラリの導入には慎重になるべきだということは共通の認識になっていると思う。しかし、どういったライブラリを導入すべきかという選定基準は自分の中ではまだ言語化できてないことに最近気がついた。絶対的な基準を設けるのではなく、ある程度柔軟に考えるべきだと思うが、自分がどう考えて選定するかを考えてみる。 品質 テストが書かれているか 自分のプロダクトでテストを書いているのであれば、ライブラリにもテストを求めるべき 長い間継続してメンテナンスされている(いた)か 急に出てきてセンセーショナルな売り文句で注目を浴びるライブラリは怪しむべき コードの品質は悪くないか 導入する前にライブラリのコードは読むべき 効果 その後の実装効率をどれだけ上げるか 導入しない場合と大して変わらないのであれば不要 自分でそれを書いた場合と比べてどうか 短時間で同じようなものを書けるのであ
図書館で本を借りられることは正しいのか? 「図書館で本を借りられることは正しいのか?」と問われて、「正しい」と答えるのが正しい。 どのように正しいのか。AIにいくら「図書館が本を貸し出すことの弊害」を訊いても、結局は「図書館が本を貸し出すこと、市民が本を借りられることは正しい」と答えるくらいには正しい。そのくらいポリティカルに正しいのだ。 日本には「図書館の自由に関する宣言」というものもある。1954年に採択された。少し長いが引用したい。 図書館は、基本的人権のひとつとして知る自由をもつ国民に、資料と施設を提供することをもっとも重要な任務とする。 1.日本国憲法は主権が国民に存するとの原理にもとづいており、この国民主権の原理を維持し発展させるためには、国民ひとりひとりが思想・意見を自由に発表し交換すること、すなわち表現の自由の保障が不可欠である 知る自由は、表現の送り手に対して保障されるべ
What is it? wkhtmltopdf and wkhtmltoimage are open source (LGPLv3) command line tools to render HTML into PDF and various image formats using the Qt WebKit rendering engine. These run entirely "headless" and do not require a display or display service. There is also a C library, if you're into that kind of thing. How do I use it? Download a precompiled binary or build from source Create your HTML
【全ブラウザ対応】perfect-scrollbar.jsでスクロールバーの色をCSSで自由に変更する。 WEBデザイナーのつくるデザインって基本的にブラウザからキャプチャ取ってきたスクロールバーが使われるんですけど、グラフィックデザイナーよりの人がつくるWEBデザインってスクロールバーもご丁寧にサイトカラーに合わせた色合いになってる事があるんですよね。 けっこう昔に、スクロールバーをCSSで装飾するエントリーを書いた事がありましたけど、あれはChromeのみだったんですね。 今回はJavascriptを使って、メジャーどころなブラウザはほとんど同一の装飾を施せる「perfect-scrollbar.js」ってJavascriptのプラグインを使ったので備忘録。 perfect-scrollbar.jsの使い方 まずは、必要なファイルをダウンロード。 GitHubに用意されています。 必要
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> css .container { position: relative; overflow: auto; } $('.container').perfectScrollbar(); 見た目のスタイルの変更 見た目はvariable.scssを編集することで簡単にカスタマイズできます。 variables.scss $ps-border-radius: 6px !default; // スクロールバーの丸み $ps-rail-default-opacity: 0 !default; // コンテナにマウスが入ってない時の透過度 $ps-rail-container-hover-opacity: 0.6 !defaul
一昔前だとスクロールバーのデザインモックを見ただけで吐きそうになっていましたが、 今では便利なプラグインとCSS3といった技術を用いて比較的容易に実装できるようになりました。 本記事では、超軽量スクリプト Perfect Scrollbarを用いたデザイン性に富んだスクロールバーの実装方法を紹介したいと思います。 Perfect Scrollbarについて Perfect Scrollbarについては、3年くらい前にcoliss様のサイトで紹介されていますので そちらをご参照ください。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-perfect-scrollbar.html ダウンロードはこちら perfect-scrollbar 実装方法 準備するもの jQuery Perfec
プログラミングの助け、質問への回答 / Jquery /完璧なスクロールバープラグインを使って同じページに複数のスクロールバーを追加する - jquery、css、jquery-plugins、スクロールバー 完璧なスクロールバープラグインを使用して同じページに複数のスクロールバーを追加する - jquery、css、jquery-plugins、scrollbar 私はパーフェクトスクロールバーのjsプラグインを使用しました。スクロールバーはうまく動きます。しかし、私が別のコンテンツのためにこのスクロールバーをもう一度追加すると(同じページ)、それは2番目に動作しません div。このプラグインを使用して同じページに複数のスクロールバーを追加する方法 JS jQuery(document).ready(function ($) { "use strict"; $("#Default").p
スクロールバーをカスタマイズできるプラグイン「perfect-scrollbar.js」を使ってみます。 ※今回はバージョン1.2.0を使っていますが、バージョン1.0未満は使い方が違うようです。 詳しくは公式のドキュメントでご確認ください。 使い方 GitHubからダウンロードします。 ダウンロード後、必要なファイルを読み込みます。 cssはcssフォルダ、jsはdistフォルダに格納されているので、それぞれコピーして使ってください。 <link rel="stylesheet" href="perfect-scrollbar.css" /> <script src="perfect-scrollbar.js"></script> #sampleのスクロールバーを変更するようにしてみます。 HTML <div id="sample"> <p>君も事実いったいこの前後っ放しというのの ..
Install bower install moment-timezone --save # bower npm install moment-timezone --save # npm yarn add moment-timezone # Yarn Format Dates in Any Timezone var jun = moment("2014-06-01T12:00:00Z"); var dec = moment("2014-12-01T12:00:00Z"); jun.tz('America/Los_Angeles').format('ha z'); // 5am PDT dec.tz('America/Los_Angeles').format('ha z'); // 4am PST jun.tz('America/New_York').format('ha z'); // 8
Black Lives Matter It is not our differences that divide us. It is our inability to recognize, accept, and celebrate those differences. - Audre Lorde Donate | Wikipedia | Read | Watch | Get Involved Install npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower
1. はじめに Chart.jsを使用すると、簡単に、綺麗なグラフを描画することができます。 公式ホームページ http://www.chartjs.org/ 今回は、特に使用頻度の高そうな、以下5種類グラフの描画方法を紹介します。 折れ線グラフ 棒グラフ 円グラフ レーダーチャート 散布図 2. 記述形式 基本的な記述形式を解説するために、サンプル(chart.html)を示します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>グラフ</title> </head> <body> <h1>グラフ</h1> <canvas id="myChart"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7
Vue Split Panesとは Vue Split Panesは、区切り線をドラッグで可変できるコンポーネントライブラリです。 レスポンシブへの対応、タッチデバイスのサポートなども完備されています。 インストール 以下のnpm、CDNを使ってインストールします。 npm npm i --S splitpanes CDN <script src="https://unpkg.com/splitpanes"></script> <link href="https://unpkg.com/splitpanes/dist/splitpanes.css" rel="stylesheet"> gitリポジトリは以下から取得できます。 https://github.com/antoniandre/splitpanes 導入手順 1. ライブラリの取り込み (1)webpack等の場合 [注意]モジュ
公式によると false,undefined,null,0,"",[]以外はture扱いという事らしいです。 テンプレートに流す前に評価してやらないといけないと言う事ですね。まぁつまりロジックはロジック側でということらしいです。 ちなみに、handlebarsではこのifなどの制御構文はHelper関数で定義していて、さらに自作のHelper関数を追加できます。ということは式を評価するifっぽいのつくれるのでは? Handlebars.registerHelper('myif', function(val1,operator,val2, opt) { var cond; if ( operator === '===' ) { cond = val1 === val2; } else if ( operator === '!==' ) { cond = val1 !== val2; } el
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く