どうも、まさとらん(@0310lan)です。 今回は、JavaScriptを使って「グラフやチャートを描きたい!」とか、「さまざまなデータを可視化させたい!」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ&レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式
3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。 2017年も半年が過ぎ、その状況はさらに変わり始めています。 (Now More Than Ever) You Might Not Need jQuery 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 現在のブラウザ事情 jQueryに替わる、JavaScriptの選択肢 マイクロライブラリの台頭 IE9への対応はポリフィルで NodeListの反復 jQueryは遅いのか? jQueryについて私が嫌いなもの $なしでは生きていけない? 現在のブラウザ事情 jQueryが2006年にリリースされてから、DOMとブラウザのAPIは飛躍的に向上しています。2013年に「You Might Not Ne
第1章 はじめに 1-1.Webサービス開発に必要な3つの要素 はじめまして。加藤泰明です。 東京都内でインフラエンジニアとして働きながらWebサービスを個人開発したり技術系同人誌を頒布しています。 このエントリーでは、僕が2017年7月に、3日間でマッチングサービス「先輩エンジニアサーチ」を開発するも、アクティブユーザーが1人もおらず大失敗をした失敗談をお伝えします。 第1章では、著者である僕自身について書いています。 第2章では、僕がWebサービスを開発してリリースしようと思ったきっかけについて書いています。 第3章では、これから開発するWebサービスで解決したい課題の見つけ方やビジネスモデルの組み立て方、Webサービス開発に必要なマインドについて書いています。 第4章では、3日間でWebサービスを開発した方法について書いています。 第5章では、僕が開発したWebサービス(先輩エンジニ
Quest2とQuest Proがパワーアップ!ソフトウェアアップデートが公開! VRVRゴーグルMetaQuest2Quest Pro 2023/07/01 18:00 VRニュースイッキ見!【前編】「Apple Vision ProがWebXRに対応!」など注目記事を振り返り!! ARテクノロジーMRVRメタバースNFTバーチャルマーケット2023 Summer 2023/07/01 13:00 東京マルイブースの詳細が公開に!「バーチャルマーケット2023 Summer」 株式会社HIKKYメタバース東京マルイVketバーチャルマーケット2023 SummerVRスマホVRイベント 2023/06/30 22:00 「京セラ展示ブース」VRChatで公開!B2B分野のバーチャル展示を実施 京セラレーザーコンセプト製品バーチャル展示ブース京セラ株式会社VRVRchatイベントメタバース
このmisleadブログは、ご覧いただくと分かる通り広告表示を行っております。 広告にはGoogle adsenseを利用しているのですが、実は同じページ内に3つまで表示されることができますが、本サイトでは記事詳細ページが2箇所なので、もう一つ増やしたいと考えていました。 そこでもう一つの広告は、記事本文中の任意の位置に表示させるたいと考えていたので、このタイミングで、「adsenseタグを表示するショートコード」を作りました。 (書き終えた記事の見直し中に、文脈を邪魔しない位置に広告を表示することができるためです) ところが、いざショートコードを入れてみると「ん?位置が変だぞ??」と、思っていた位置に広告が表示されない事態が発生しました。 これを解消するために調べたところ、知っているかどうかの問題だったので、本日は備忘録として、ショートコードが思った位置に表示されない場合の原因とその対処
spl_autoload_register(function ($in_class_name) { //下記配列は何処かで纏めて設定しておくのが理想 $load_class_dir = array( 'DAO' => '/app/lib/dao' ); //$in_class_name名の「接頭辞」の部分を取得し、読み込み先を絞り込む $name_exp = explode('_', $in_class_name); $prefix = reset($name_exp); if(isset($load_class_dir[$prefix])) { $load_path = $load_class_dir[$prefix] . '/' . $in_class_name . '.php'; if(is_file($load_path)) { require_once($load_path);
はじめに 自称Webアプリ屋のサカベです。 社内では私のことをインフラ屋と呼ぶ人が多くて困っています。 前回までRedisについての記事を書いていて、「やっぱりインフラ屋じゃん」と言われてしまっていたので、今回はWebアプリ屋らしく本業のPHPについて書いてみます。 さて、私は普段、社内のいろんな情報を管理する統合管理システムなるものをメインに開発・運用しています。 この統合管理システムですが、PHPをインストールする段階で、せっかくだからとPHP7.1を入れてみました。 せっかくPHP7.1にしたからには、PHP7.1ならではの書き方をしよう、と新しい機能を積極的に使ってみています。 PHP7系になってからというもの、そこそこ新しい書き方が出来るようになっていて、個人的には嬉しい限りです。 今回はまず、そのPHP7ならではの書き方の中でも私自身がよく使う「スカラー型宣言」について書いてみ
Twitter App の作成 Twitterへアクセスし、アカウントを作成します。 » https://twitter.com/ Twitterアカウントを作成します。必要なのはメールアドレスだけです。ウィザードに従えば、簡単に作成できるので、アカウント作成の詳細は割愛します。 Twitterアカウントを作成したら、Twitter Developersへアクセスし、Appを作成します。 » https://dev.twitter.com/ 右上の「Sing in」をクリックします。 先ほど作成したTwitterアカウントの「Username」「Password」を入力し、「Log in」をクリックします。 ログインに成功すると右上にTwitterのアイコンが表示されるので、それをクリックし「My applications」をクリックします。 クリックすると「My applications
【更新:2019年7月10日】 自分は2010年からAmazonプライム会員になって買い物を続けていますが、2017年にいくら使ったのか調べたところ、102万円使っていました。 注文履歴を見ていると、「これ無駄だったなー」、「これは今でも継続して購入してるから誰かに教えたい!」など7年間を振り振り返れたのは良かったのですが、無駄が少し多かったかなと反省しました。 それでは、Amazonで「本当に買ってよかった捗るもの」をまとめて紹介したいと思います。 Lomicallフレームスタンド the RIDGE スマートフォンよりも薄い財布 日本製 本革 ラウンドファスナー小銭入れ Canbor VRゴーグル エス・ハート・エス スカルプブラシ Bose SoundSport Free Beatsx NOKIA Steel HR Syncwire iPhone Lightningケーブル dodo
cssで作るシェアボタンのデザインパターンをたくさん考えてみました。とりあえずシェア数の表示がない、単純なボタンとして36種類あります。(色違いなども若干含みます。) 記述するhtmlはどれも同じようなものですが、一部微妙に異なるものもあります。基本的にはcssだけでデザインを決めています。アイコンフォントに関してもcssだけでほとんどやっていますが、そのコードは省略していますのでソースを見てください。 コピペでもだいたい使えると思いますが、それぞれ微調整が必要なものもあると思います。なのでコピペだけでなく自分のサイトに合わせて調整できるcss中級者以上向けですね。スマホ表示も考えてないし。(スマホで見ると崩れてるやんwと思う人はこの記事の対象外です。) というか、ローカルなhtmlで作っていたものをここにコピペしたらうまく動かないものやフォントが反映されていないものがありました。面倒なの
Docker、「LinuxKit」を発表。コンテナランタイムのためだけにゼロから開発されたセキュアなLinux Subsystem。DockerCon 2017 Dockerは、コンテナの実行に必要な機能に特化したLinux Subsystem「LinuxKit」を、テキサス州オースチンで開幕した同社のイベント「DockerCon 2017」で発表しました。 Linux Subsystemとは、例えばWindows 10のbash機能がWindows 10内部に用意されたLinux Subsystemで実現されているように、システムの一部として組み込まれて動作し、Linuxの機能を提供するコンポーネントを指す一般名称です。 つまりLinuxKitとは、コンテナプラットフォームに組み込まれてLinuxの機能を提供するコンポーネントということになります。 Linux Foundationなどと
[53選]国内注目のWebサービス・アプリを大調査! プログラミング言語、フレームワーク、アーキテクチャの一覧【2017年】 星の数ほど存在するWebサービスやアプリ。その裏側を覗いてみると、開発当時のトレンドや開発者の設計思想が見えてきます。53サービスのフレームワークやアーキテクチャ、開発効率化ツールを集めました。 国内だけでも星の数ほど存在するWebサービスやアプリ。その裏側を覗いてみると、開発当時のトレンドや開発者の設計思想が見えてきます。 今回は53サービス(追記を含む)のフレームワークやアーキテクチャ、開発効率化ツールを集めました。選定理由もお答えいただけたサービスについては、アーキテクチャを選んだ理由も紹介していきます。 C2C、コマース メルカリ、ココナラ、BASE、Tokyo Otaku Mode、STORES.jp、Snapmart、IQON 情報サービス グノシー、価
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く