Chart.jsで作成する折れ線グラフの実例
たまに必要に迫られて、ブラウザで完結するように生のJavaScriptを書くことがあります。 今回はそんなシンプルな構成でも案外きれいなUIを作成するのに役立つグラフ作成ライブラリ、Chart.jsについてメモしておきます。 機能の豊富さとコーディングの簡潔さは往々にしてトレードオフなので、ライブラリの選択が重要ですね。 D3ほど高機能でなくてもいいが、できるだけ簡単にグラフを書きたい、という時に扱いやすい（と個人的に思っている）ライブラリです。 ■ シンプルな記述 ■ よく使われるような種類のグラフなら標準の機能だけでも作成できる ■ (ちょっとサイズが大きいが)ファイルひとつで動く ■ デフォルトでアニメーション(パフォーマンス要件が厳しければ無効化することもできる) もくじ： Chart.jsの設置 基本の折れ線グラフ 線のスタイル 線の色と背景色 破線 直線 ステップ 点 欠損値
クッションフロアの貼り方 はがせる位置調整両面テープ編 全人類職人化計画 楽天市場店 壁紙屋本舗
床の施工をチャレンジしやすくしたと言っても過言ではないこの施工方法は、床材の中でも比較的リーズナブルな価格の「クッションフロア」をはがせる両面テープで施工するというものです。 しかも、今回ご紹介する両面テープは、圧着することでしっかりとした粘着強度を発揮するという革新的なはがせる両面テープです。 ということは位置を調整する間は貼り直しができるので、失敗しにくいクッションフロアの貼り方になります。 また、下地側の粘着は弱粘着なのではがして元に戻しやすいので賃貸の方にもオススメです。 壁紙を貼ったけど床の色と合わないと思われている方！是非この方法でチャレンジしてみてください。 クッションフロアの幅は182cm程度のものが多く（一部90cmのものもあります）広い部屋にはそれを並べて敷いていきます。 お部屋の広さがクッションフロアの巾より広い場合は、2巾以上をつなぎ合わせて敷きます。 用意するもの
Linux でデバイスを接続している時だけ動くサービスを作る - Qiita
systemd と udev を使うと、とあるデバイスを接続すると動き始め、切断すると停止するようなサービスを作る事が出来る。 サンプルのサービスは何でも良いが 前に作った /usr/bin/timeserver.py を使う。 #!/usr/bin/env python # Time server program import socket import datetime import sys HOST = '' # Symbolic name meaning all available interfaces PORT = 50007 # Arbitrary non-privileged port s = socket.socket(socket.AF_INET, socket.SOCK_STREAM) s.setsockopt(socket.SOL_SOCKET, socket.SO_
Systemd入門(4) - serviceタイプUnitの設定ファイル - めもめも
この連載では、Fedora 17での実装をベースとして、systemdの考え方や仕組み、利用方法を説明します。今後出てくる予定のRHEL7での実装とは異なる部分があるかも知れませんが、その点はご了承ください。 今回は、serviceタイプのUnitについて、設定ファイルの書き方を説明します。 Unit設定ファイル 参考資料 ・systemd.unitのmanページ：設定ファイルの一般的な説明 ・systemd.serviceのmanページ：serviceタイプUnitの設定オプションの説明 「Systemd入門(1) - Unitの概念を理解する」で説明したように、各Unitの設定ファイルは、/usr/lib/systemd/system/以下と/etc/systemd/system/以下にあります。両方のディレクトリに同名の設定ファイルがある場合は、後者（/etc/systemd/sys
第8章 Linux カーネルデバイスドライバー仕様
本章では、Armadillo-400 シリーズに固有な Linux カーネルのデバイスドライバーの仕様について説明します。 Armadillo-400 シリーズでは、カーネルコンフィギュレーションを変更することにより、標準で有効になっているもの以外の様々な機能を使用することができます。 Armadillo-400で、標準で有効になっていないデバイスドライバーを使用するためには、以下の手順でカーネルコンフィギュレーションをおこなう必要があります。 ボードオプションによりどのピンに機能を割り当てるか選択する。 ボードオプションは、make menuconfig でコンフィギュレーションを行う場合、Linux Kernel Configuration の System Type -> Freescale MXC Implementations -> MX25 Options -> Armadil
bash:tip_colors_and_formatting - FLOZz' MISC
Bash tips: Colors and formatting (ANSI/VT100 Control sequences) The ANSI/VT100 terminals and terminal emulators are not just able to display black and white text ; they can display colors and formatted texts thanks to escape sequences. Those sequences are composed of the Escape character (often represented by “^[” or “<Esc>”) followed by some other characters: “<Esc>[FormatCodem”. In Bash, the <Es
C#でIEを自動制御しよう (7) フォーム（テキストボックス）に文字を入力する - ClockAhead 開発Blog
■フォーム（テキストボックス）に文字を入力する表示しているHTMLドキュメントの情報は、Documentプロパティで取得可能です。ただし、そのままではdynamic型になるため、VSの補完を有効にするために、利用する際には型を指定した方が良いように思います。下記では、as演算子でmshtml.IHTMLDocument3 に変換しています。 Documentプロパティ自体は、 IHTMLDocument, IHTMLDocument2, IHTMLDocument3の3つのインターフェースを実装しているため、必要なメソッドに応じてこれらのいずれかに変換すると良いです。個人的な感覚になりますが、IHTMLDocumentは機能がなさすぎて使い道なし、IHTMLDocument3は、DOMをゴリゴリ直接操作したい人向け、IHTMLDocument2は手軽にページの各要素を操作したい人向け(IH
Apache + OpenSSL CSR生成手順 (新規) | Symantec
必ずお読みください 本文書の内容によって生じた結果の影響について、弊社では一切の責任を負いかねますこと予めご了承ください。 本文書は基本的な構成を想定しています。お客様のシステム環境や構成、設定状況などにより、手順や画面表示が変わることがあります。アプリケーション及びツールごとの仕様及び設定手順等のご不明な点は、製品のマニュアルをお読みいただくか、開発元にご確認ください。 事前にご確認ください フリーウェアApacheをご利用のお客様は、作業をはじめる前に必ず以下をお読みください。 SO25448 - フリーウェア Apache をご利用のお客様へ 作業をはじめる前に、ウェブサーバに OpenSSL がインストールされていることを確認してください。 以下の手順では、OpenSSLが /usr/local/ssl/bin にインストールされている状態を想定しています。 お客様の環境により、パ
C#でIEを自動制御しよう (目次) - ClockAhead 開発Blog
C#で、COMを用いてIE (InternetExplorer)を自動制御する方法を以下の記事にまとめています。 前書きC#でIEを自動制御しよう (1) はじめにプロジェクト作成時の前準備、概略説明サンプルコードを動作させるために必要な設定の話など。C#でIEを自動制御しよう (2) プロジェクトの設定基本操作サンプルコード一覧(7)以降では、「C#でIEを自動制御しよう (6) ページの読み込み完了まで待機する」で紹介している拡張メソッド Waitを利用しています。C#でIEを自動制御しよう (3) IEを起動するC#でIEを自動制御しよう (4) IEで指定したURLを開くC#でIEを自動制御しよう (5) IEを閉じるC#でIEを自動制御しよう (6) ページの読み込み完了まで待機するC#でIEを自動制御しよう (7) フォーム（テキストボックス）に文字を入力するC#でIEを自動制
【世紀末自転車盗難サバイバルガイド】速攻でパクれそうなチャリの特徴教えます。 - おさんぽみるく
2016 - 05 - 26 【世紀末自転車盗難サバイバルガイド】速攻でパクれそうなチャリの特徴教えます。 現在に至るまで、尽きる事のない「自転車泥棒」 自転車泥棒は大きく分類して2種類存在する。乗り捨て泥棒と業者と呼ばれる奴ら。乗り捨て泥棒はその名も通り、「ちょっと借りるつもりで」他人の自転車を盗む奴ら。彼らのターゲットは「盗難防止が緩い、ボロくて盗んでも大丈夫そう」という。どちらかといえば問題は業者の方であり、彼らのターゲットは高額なロードバイク。日々ユーザーの周辺を調査し、期を見て盗難にかかる計画犯である場合がほとんど。盗難にあったロードバイクの殆どはバラバラにされた上で、ネットオークションや海外に流されている。 残念なことに路上に駐輪された自転車はすべて、常に狙われていると思った方がいい。盗まれたくなければ自転車から降りないことが一番。 街で見ました。それ確実にパクられます 自転車
いわゆる機種依存文字をPHPでメールする - American Life in the Summertime
よく判らん。 先日仕事で作ったケータイサイトで、クレームがついた。 別にクレームでもないか。 要するにいわゆる「機種依存文字」が化けるんだけど？って。 ケータイサイトなんで、HTML側はShift-JISで、PHPはUTF-8です。 SJISのサイトからSJISで受け取った文字列をUTF-8に変換して、各種処理（入力チェックとか、内容の確認）をして、HTMLで表示する直前にSJISに戻すことをしている。 で、メールを送信する際に mb_language('ja'); を実行しているので、ISO-2022-JPで扱われることになる。 e-mail メッセージのエンコーディングとして使用します。有効な言語は、"Japanese", "ja","English","en", "uni" (UTF-8) です。 mb_send_mail() は、e-mail をエンコードする際にこの設定を使用しま
Mai Waifu の意味・用法・例文
英語ネットスラング辞典 英語圏のインターネットスラング、ネット用語、オタク用語、ゲーム用語、アニメ用語、4chan用語、Meme、略語などの意味を例文とともに分かりやすく解説しています Mai Waifu（マイ・ワイフ）とは Mai Waifu とは、My Wife （「私の妻」の意）を日本語発音風に綴ったもの。発音は「マイワイフ」。 日本語のネットスラングでいう「俺の嫁」にあたる。 使い方 アニメキャラやゲームキャラなど、結婚したいほど好きな二次元の女性キャラに対して使われる。 三次元（リアル女性）には使用されない。 元ネタ 元ネタはアニメあずまんが大王の国語教師・木村先生のセリフ。 変質者で有名な木村先生が女の人の写っている写真を落とす。それを拾った生徒に写真に写っている女の人は誰かと聞かれ、木村先生はなぜか英語で「マイ・ワイフ」と答える。それを聞いた生徒は木村先生とは不釣り合いの美人
テキストファイルを読み込む－JavaScript入門（HTML5編）
HOME JavaScript入門[HTML5編] テキストファイルを読み込む 前のページではファイル選択ダイアログの出し方を見ました。 ここではそれを利用してローカルにあるテキストファイルを選択し、 テキストエリアに読み込む方法を見ていきたいと思います。 テキストを読み込む ローカルにあるファイルを読み込むには、FileReaderを使います。以下に使い方を掲載します。 変数 = new FileReader() FileReaderを作成し、変数に格納します。 変数.readAsText(Fileオブジェクト) テキスト形式でファイルを読み込みます。 変数.result 読込結果を取り出します。 以下のサンプルでテキストファイルを読み込みますが、このページの文字コードがUTF-8なので、 UTF-8形式のテキストでないと字化けします。もしUTF-8形式のテキストファイルが無ければ、 以
秀まるおのホームページ(サイトー企画)－秀丸メールの新機能紹介
秀丸メールの主な新機能のうち、特にユーザーさんに知ってもらうと便利そうな機能を、最新版から順に紹介します。 Version 7.20（2023年7月βテスト中） ・送信者ドメイン認証のヘッダ（Authentication-Result: / Received-SPF:など）の内容によって、メールの差出人を色分け表示します。PASSの場合（送信者が偽装されてない場合）は青で表示し、FAILの場合（差出人が偽装されてる場合）は赤で表示します。不明な場合（送信側または受信側が送信者ドメイン認証に対応してない場合）は通常通りの表示になります。 「全般的な設定・ウィンドウ・枠のタイトルバー」にオプションが追加されてます。 迷惑メールフィルターでの迷惑判定にも送信者ドメイン認証の結果を利用できるようにしています。 ・秀丸エディタのVersion 9.21とソースコード同期をして、秀丸エディタの新機能で
みんな大好きリキッドレイアウト～固定幅＋リキッドレイアウトに挑戦～ « SetucoCMSプロジェクト
はい、こんにちは。リーダーのskyguildこと三上です。 SetucoCMS合宿@2011のLT大会でリキッドレイアウトの話をしました。今回はそのスライド内で語り切れないデモの部分を中心に解説してみます。 リキッドレイアウトのLTスライド うまく表示されない方は下記のリンクからご覧ください。 みんな大好きリキッドレイアウト（別窓で開きます） 要約 リキッドレイアウトとは、可変レイアウトの一種で、ブラウザ幅に対して％で幅を指定する。 リキッドレイアウトなら閲覧環境に合わせて最適なレイアウトに可変できる！ とはいえ、「ナビゲーションの幅が可変すると使いづらい」とか一部は固定幅にしたい。そんな時の固定幅+リキッドレイアウト。 参考にしたサイト：「サイトの横幅」再論：950px時代のウェブデザイン 実装方法 というわけで、普通のリキッドレイアウトと、固定幅+リキッドレイアウトの実装方法について解
人口130万人 エストニアから税理士や会計士が消滅した理由
安倍晋三政権は地方を活性化させる「地方創生」を重要政策に掲げているが、バラ撒（ま）きに終わることが目に見えていると大前研一氏は言う。地方を創生するための最新例を研究するため、研修旅行でバルト3国（エストニア・ラトビア・リトアニア）とベラルーシを視察してきた大前氏が、エストニアの「eガバメント（電子政府）」について解説する。 ＊ ＊ ＊ エストニアはバルト3国の中で国土面積も人口も最も小さいが、それゆえに国家としては一番まとまりがよく、しっかりしている。1人当たりGDPは3か国中トップの約1万9000ドルで、政府の財政収支や債務残高のGDP比も“最優等生”だ。 そして、とくにエストニアが有名なのは「eガバメント（電子政府）」である。各行政機関がバラバラに持っていたデータベース（DB）を連携させる「X-road」というシステムをインターネット上に構築し、今日、世界で最も進んだ国民DBを確立して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サル先生のGit入門〜バージョン管理を使いこなそう〜【プロジェクト管理ツールBacklog】
日本にいながら海外に行った風写真を撮る
C#でIEを自動制御しよう (6) ページの読み込み完了まで待機する - ClockAhead 開発Blog
日本システム開発株式会社 教育 ソリューション