タグ

2015年9月16日のブックマーク (17件)

  • Smart Table Scroll - 100万行のテーブルも高速表示

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 業務システムでは大量のデータを一覧表示して欲しいというニーズがよく出ます。しかしあまり大量のデータを描画すると、それだけレンダリングに時間がかかったり、スクロールも困難になります。 そこで使ってみたいのがSmart Table Scrollです。なんと100万行以上のレコードも高速に描画できるJavaScriptライブラリです。 Smart Table Scrollの使い方 Smart Table Scrollのデモです。3カラムでの表示例となっています。 一番下は100万です(インデックスは0からはじまっています)。 実際のデモです。スムーズに動いているのが分かるかと思います。 Smart Table Scrollの種としては、描画しているデータ量にあります。 var table

    Smart Table Scroll - 100万行のテーブルも高速表示
  • Promiseのアレ

    A framework for easily creating beautiful presentations using HTML

  • MSが開発進めるクラウドサービス向けビッグデータ分析フレームワーク「Prajna」とは

    Microsoftが「One Microsoft」として組織改編に着手して以来、「One」はコードネームやコンセプトによく登場している。たとえば「OneSync」「OneCore」「OneStore」「OneGet」、そして「OneNet」がある。 OneNetは1年以上前から開発されているが、初耳という方もいるかもしれない。Microsoftは先に、OneNetを「Prajna」というコードネームに変更した。 Prajnaは、分散型関数型プログラミングプラットフォームの構築を目指すMicrosoft Researchプロジェクトだ。ビッグデータ解析を利用するためのクラウドサービスを構築したいというユーザー向けと位置付けている。Microsoft Researchのクラウドコンピューティングおよびストレージ(CCS)グループは以下のように説明している。 Prajnaは.NET上のSDKセッ

    MSが開発進めるクラウドサービス向けビッグデータ分析フレームワーク「Prajna」とは
  • flowchart.js

    st=>start: Start:>http://www.google.com[blank] e=>end:>http://www.google.com op1=>operation: My Operation sub1=>subroutine: My Subroutine cond=>condition: Yes or No?:>http://www.google.com io=>inputoutput: catch something... para=>parallel: parallel tasks in=>input: some in out=>output: some out st->op1->cond cond(yes)->io->e cond(no)->para para(path1, bottom)->sub1(right)->op1 para(path2, top)->o

    flowchart.js
  • JSのパフォーマンスをお手軽に解析する方法 - Qiita

    TL;DR Chromeで console.profile() と console.profileEnd() を使うと超簡単にJSの実行パフォーマンスを解析できる、という事実を今日知ったのでシェアさせていただきます。 やりたいこと JSの任意の関数の実行プロファイル (コールスタックごとの所要時間) を見たい。 やりかた Google Chromeのデバッグコンソールで以下のようなスクリプトを入力して実行 (見やすくするため改行入れてますが実際には一行で)

    JSのパフォーマンスをお手軽に解析する方法 - Qiita
  • 【社内SNS】「導入してない」「以前失敗した」な方必見。比べて選べる20選。 | Boxilが運営するBtoBサービス・資料紹介メディア ボクシルマガジン!

    社内SNSとは? 普段働いている方にとっては「社内SNS」と聞いて、ピンとくる人のほうが多いのではないでしょうか? ここでは「社内SNS??」て感じの方に向けて軽く説明をしておこうと思います。 社内SNSとは、利用用途を社内に限定したSNSのことです。 すごい簡単に例を出してしまえば、LINEグループの会社版とでも言っておけばイメージは湧くのではないでしょうか。 特徴として、ビジネスでよく使われるメール等よりも気軽に情報発信ができ、また部署を超えての情報共有やコミュニケーションを促進する目的で利用される場合が多いです。 社内SNSを導入後、うまく活用するためには目的を明確にすることが重要と言われています。 同僚同士のつながりを深めるためなのか、CRMなどと連携させて顧客、案件情報を紐付けて活発なディスカッションをしたいのかなど目的によって、どのサービスを使うのかが変わってくると

    【社内SNS】「導入してない」「以前失敗した」な方必見。比べて選べる20選。 | Boxilが運営するBtoBサービス・資料紹介メディア ボクシルマガジン!
  • ビジネスアイディアを評価する際に役立つ20の質問 デザイン会社 ビートラックス: ブログ

    ビジネスを始めるにはアイディアが必要であるが、それが必ずしもヒットするとは限らない。思いついた時にはかなりイケてると思った内容でも、実際にプロダクトにしリリースしてみたら鳴かず飛ばずだった、なんていう事も少なくは無い。 実は、世の中には素晴らしいアイディアを元にビジネスを展開しているスタートアップもあれば、その内容がかなりしょぼく、「こんなサービス誰がつかうんだよ」というプロダクトさえある。 そんな時は、思いついたアイディアを、これから紹介する20の質問にぶつけてみると良い。そうすれば、そのアイディアが時間とお金を費やす価値のあるものであるかが自ずと見えてくる。これらは、企業内の社内事業プロジェクトを判断する際にも利用可能である。 1. どのような問題を解決するのか提供しようとしている商品やサービスが解決するべき問題を定義する。もしくは、”スタートアップを始める前に決めておくべき3つの事”

    ビジネスアイディアを評価する際に役立つ20の質問 デザイン会社 ビートラックス: ブログ
  • [CSS]軽量のスタイルシートで、スマホにもデスクトップにも快適で分かりやすいナビゲーション -Paradeiser

    スマホで表示すると三線のアイコンになるハンバーガーメニューは、確かに小さい画面の問題を解決する方法の一つですが、ベストな選択ではありません。 ハンバーガーメニューの良い点を利用し、悪い点を改善した、スクリプト無しでレスポンシブ対応のナビゲーションを実装するスタイルシートを紹介します。 Paradeiser Paradeiser -GitHub Paradeiserの特徴 Paradeiserのデモ Paradeiserの使い方 Paradeiserの特徴 実装は簡単で、超軽量 Paradeiserは1.3KBのスタイルシート1つだけで、簡単に実装できます。 CSS Only jQueryやスクリプトは使用しません。 レスポンシブ対応 スマホ、タブレット、デスクトップのそれぞれで快適に操作できます。 オーバーフロー ナビゲーションはコンテンツにオーバーフローで表示されます。 スクロール時の

    [CSS]軽量のスタイルシートで、スマホにもデスクトップにも快適で分かりやすいナビゲーション -Paradeiser
    koda3
    koda3 2015/09/16
  • 詳細PDF入門 ー 実装して学ぼう!PDFファイルの構造とその書き方読み方 - プログラムモグモグ

    PDFのファイル構造を理解すると、テキストエディタでも直接PDFファイルを作ることができるようになります。このエントリーではPDFファイルの基礎要素を説明し、簡単なPDFファイルを例にしてファイル構造を説明します。更に、テキストを渡すとPDFファイルを吐いてくれる簡単なプログラムや、PDFを読み込んで簡単な解析をするプログラムを書いてみます。 目次 目次 まえがき オブジェクト 間接参照 ファイル構造 Hello, world! ヘッダ トレーラ 相互参照テーブル PDFを生成するプログラム 日語の扱い方 日語を含むPDFを生成するプログラム グラフィックス PDFを読むプログラム あとがき まえがき 1990年代前半、アドビシステムズは、どのプラットフォームやデバイスでも文書を確実に表示・共有できることを目的としてPDFファイルフォーマットを開発しました。 PDFの表示ソフト

    詳細PDF入門 ー 実装して学ぼう!PDFファイルの構造とその書き方読み方 - プログラムモグモグ
    koda3
    koda3 2015/09/16
  • Electronでデスクトップアプリを簡単構築

    全国5000人のエンジニアをやめて寿司職人になろうと思っているみなさんこんばんは。 前回までスライド共有用のアプリケーションを趣味(リハビリ)で作っていたのですが、折角なのでデスクトップクライアントも作ってみました。 構築にはElectronを使ったのですが、結構簡単にできたので記録としてまとめておきます。 Electronって何?GitHubが開発するクロスプラットフォームで動作するアプリケーションを開発するためのフレームワーク。コードの記述はHTML5とNode.js。その範囲であれば既存のWeb開発技術が使いまわせる。例えばjQueryとかAngularなんかを使うのも可能Chromeブラウザのオープンソース版のChroniumのエンジンを内蔵例えばAtom・Visual Studio Code・Slackクライアントや、日だとKobitoあたりがメジャー作り方あちこちに記事があが

    Electronでデスクトップアプリを簡単構築
  • ムダな会議のコスト計算 - Qiita Blog

    このエントリーは、事例取材で聞いてきたことについて、事例取材にいった二人があーだこーだとはなしをする編集後記的なエントリーです。 今回は日経済新聞社さんへの取材できいてきた、会議を減らすはなしに関連しておはなししています。 See also:素直にいれてみたQiita:Teamの効果 – 日経済新聞社 | Qiita:Team事例 写真は弊社の会議風景(イメージ)です Qiita:Teamを使って会議が減ったらしいso: 日経電子版のチームでは、会議が減ったってはなしあったねー。 htomine: そうですね。めっちゃ減った!とおっしゃってましたが、普通会議を減らそうと思ったらどうしたらいいんですかね? so: やらない! htomine: そっか、やらないw so: 会議ってさー、すごい高コストだよね、実は。 人数にもよるんだけどさ。 htomine: あんまり考えることないですけど

    ムダな会議のコスト計算 - Qiita Blog
  • インフラエンジニアの綺麗で優しい手順書の書き方

    「マージがなんとなく怖い」「リベースするなって怒られて怖い」「エラーが出て怖い」 Git 入門者にありがちな「Git 怖い」を解消するため、Git のお仕事(コミット、ブランチ、マージ、リベース)について解説します。

    インフラエンジニアの綺麗で優しい手順書の書き方
  • 日本のソフトウエア技術者の雇用条件の問題点 | F's Garage

    とあるSI向けが得意そうな有名転職斡旋会社の採用要項のシートを書いていて、だんだんイライラしてきて、ついついブログに逃げてしまいます。 すごく誤解をされやすい話を書いていいですか?センシティブな話なので、正直言って書きにくいです。 自分は製造業出身なので、大卒、院卒と大卒以外の人たちの新卒事情に、ヒエラルキー的な差があるのは事実として意識しています。 つまり製造業の場合は、設計や開発を行う技術者、と、主にラインでものつくりを行う製造の立場というのがあると思います。大卒は原則、設計、開発や生産管理で、高卒とかだとブルーカラーという立ち位置で給与水準などが違うという現実があるかと思います。 最近まで意識してなかったんですが、それをソフトウエア産業にそのまま適用すると、いわゆるSE職が大卒、生産部隊としてのプログラマ職が大卒以外ということになるみたいですね。 ・ホワイトカラーエグゼンプションの議

    日本のソフトウエア技術者の雇用条件の問題点 | F's Garage
    koda3
    koda3 2015/09/16
    私の周りは、企画からプログラム、運用(はAWS)までやるひとばかりだけど、これって珍しいの?
  • 素直にいれてみたQiita Teamの効果 - 日本経済新聞社 | Qiita Team事例 - Qiita Blog

    当記事は、こちらへ移動しました。 引き続きQiita:Teamをよろしくお願いいたします。

  • Docker初心者が遭遇するエラーをまとめてみた | Recruit Jobs TECHBLOG

    こんにちは、命と書いてmikotoです。 今回のエントリーでは、Docker初心者やこれからまさにDockerを使おうと思っている方向けに、最初によく遭遇するエラー内容とその解決策についてまとめてみようと思います。 Dockerの公式サイトはこちらからどうぞ。メインロゴのクジラがかわいいですね。 Docker - Build, Ship, and Run Any App, Anywhere ケース1:dockerコマンドが動かない An error occurred trying to connect: Post https:///var/run/docker.sock/v1.17/containers/create: dial unix /var/run/docker.sock: no such file or directory boot2dockerコマンドは通ったが、docker

    Docker初心者が遭遇するエラーをまとめてみた | Recruit Jobs TECHBLOG
    koda3
    koda3 2015/09/16
  • Docker体験記2 (in Linux) - Dockerの安全性とか - Qiita

    ただし毎回sudoしていると不便なので早く改善して欲しいですね。 どういう物が危険か具体的に書くと、 sudo gpasswd -a hoge docker のようにするとsudoなしでdockerコマンドが使えるようになりますが、sudoなしでroot権限が手に入れられることになります。 どんな風に危険なのか? ユーザ権限の実行可能ファイルがrootのファイルを好き放題にいじれる 例え管理者でなくても(=一般ユーザでも)行える 特に目立った制約(いじれないファイルや厳しい条件)がない 以上より、Windowsでありがちな「何かよくわからないアプリケーションをダウンロードした」が致命傷になります。 Windowsだと絶対にUACが出ますが、これは出ない上に管理者を取られる最悪クラスです。 まあ私は知らないスクリプトなんて実行する機会は殆ど無いので大丈夫ですが。 解決方法 そもそもLinux

    Docker体験記2 (in Linux) - Dockerの安全性とか - Qiita
  • リレーショナルデータベースの仕組み (1/3) | POSTD

    リレーショナルデータベースが話題に挙がるとき、私は何かが足りないと思わずにはいられません。データベースはあらゆるところで使われており、その種類も、小規模で便利なSQLiteからパワフルなTeradataまで様々です。しかし、それがどういう仕組みで機能しているかを説明したものとなると、その数はごくわずかではないでしょうか。例えば「リレーショナルデータベース 仕組み」などで検索してみてください。ヒット数の少なさを実感できると思います。さらにそれらの記事は短いものがほとんどです。逆に、近年流行している技術(ビッグデータ、NoSQLJavaScriptなど)を検索した場合、それらの機能を詳しく説明した記事はたくさん見つかると思います。 リレーショナルデータベースは、もはや大学の授業や研究論文、専門書などでしか扱われないような古くて退屈な技術なのでしょうか? 私は開発者として、理解していないものを

    リレーショナルデータベースの仕組み (1/3) | POSTD