[B! DOM] maangieのブックマーク

データ＆アナリティクス | アクセンチュア

データ分析から導き出されたインサイト無しにAI︵人工知能︶の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には﹁データ活用﹂という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。将来を見据えたオペレーション体制を備えている企業の半数以上︵52％︶は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ

maangie 2013/08/14

リンク

これは衝撃的！CSS開発を爆速化する「Emmet LiveStyle」:phpspot開発日誌

Emmet LiveStyle ? live bi-directional CSS edit of new generation CSS開発を爆速化する「Emmet LiveStyle」。ブラウザのDOMインスペクタの方でCSSを修正するとSublimeTextに反映され、またSublimeTextを編集するとブラウザに即反映されるというプラグインです。ブラウザで編集しちゃえば簡単にカスタマイズはできるけど、テキストエディタにコピーが必要で、逆にテキストエディタで書くのもブラウザのリロードが必要といった具合に手間がかかりますが、その手間がなくなります更に、複数のブラウザウィンドウに即座に反映されるため、横幅を小さくしたブラウザ、通常のブラウザを開けば、レスポンシブデザインのプレビューが同時に終わります。片方のブラウザのDOMインスペクタでCSSをカスタマイズしてももう一方のブラウザ

maangie 2013/08/09

リンク

JavaScript開発のデバッグを加速するlog出力！

ブラウザのデベロッパツールのコンソールへlogを出力する方法と、その際の注意点や解決策についてソースコード付きで解説します。最終的にはlog出力の完成形として、IEエラー回避、consoleオブジェクトの記述無し、デバッグ切り替え機能付きのプラグインの作成まで順を追って解説致しますので、最後までお付き合い頂ければ幸いです。 JavaScript開発において、変数の中身の確認や、処理フローの状況を確認する為には、今まではHTMLへ出力したり、alert()等で通知したりといった事が主流でした。しかし、ブラウザの技術進歩により、かなりJavaScript開発の手助けとなる機能が充実して来ました。そんな中、ブラウザのデベロッパーツールのJavaScriptコンソールへ logを出力する事が可能となりました。今回の記事では、そんなlog出力の方法と、Safari、ChromeやFi

maangie 2013/08/07

リンク

HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO

そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け︵※自分含む︶のサンプルをいくつか紹介していきたいと思います。はじめに - パララックスエフェクトについてパララックス︵parallax︶を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript︵jQuery︶でパララックスエフェクト 1 | スクロール値を取得どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu

maangie 2013/05/25

リンク

長野県の路線バス検索ページ（のフロントエンド）をAngularJS/TypeScriptで作った - @kotyのブログ

概要実物はこちらです。 http://b-sw.in/albus/ このページは、大きくフロントエンド・・・HTML+JavaScript バックエンド・・・RoR︵らしい︶の2部構成でできています。このうちバックエンドについては、@mz_ken 氏が作っているandroidアプリ﹁あるバス﹂のAPIを使わせていただいています。多謝。本格的にバス検索を利用したい長野県民androidユーザーは、ぜひとも当該アプリを使ってください。今回AngularJSとTypeScriptの勉強を兼ねて、HTMLアプリでフロントエンド作りました。開発環境は以下です。ほかにjQueryやらTwitter Bootstrapやらを使っていますが本題から外れますので言及しません。 windows 7 Visual Studio 2012 Express For Web TypeScript 0.8く

maangie 2013/04/10

リンク

HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 - ICS MEDIA

HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 2013年3月15日に開催されたCreateJS勉強会（第2回）で発表したWebサイト「日本全国花粉飛散マップ」ですが、CreateJSとTypeScriptを使って制作しました。今回の作品のポイントとしては、次の3点があげられます。本記事では次を具体的に説明します。 HTML5で制作、デスクトップだけでなくスマートフォンやタブレットでも再生可能 CreateJSで、DOMではできないHTML5 Canvasならではの表現 TypeScriptを用いて低学習コストで効率的な制作の実現スマートフォンやタブレットでも閲覧可能このWebサイトは環境省が提供している資料を元に、過去9年分の花粉の飛散量をパーティクルを用いてビジュアライズしたものです。花粉の量に比例して、パーティ

maangie 2013/03/20

CreateJSとTypeScript

*
DOM

リンク

Rails 4のturbolinksについて最低でも知っておきたい事

Rails4のturbolinksについて最低でも知っておきたい事︵追記︶turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails4からはデフォルトで使用されるようになります。高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。リンクのclickイベントをフッ

maangie 2013/03/12

リンク

クライアントサイドJavaScriptでのビューの作り方4つ - id:anatooのブログ

追記: 指摘により、UIオブジェクト型を追加した(thx @kanreisa)。クライアントサイドJavaScriptでのビューの作り方を大別すると、3つ4つある。 DOM操作型テンプレートエンジン型 UIオブジェクト型データバインディング型ここでいうビューの作り方とは、有り体にいうとJavaScriptからどうやってDOM要素を生成したりするかどうか。イベントリスナーの登録とかも含む。 DOM操作型昔ながらのやり方。jQueryとか使って直接DOM操作してビューを作る。 // 例えば、<div class='hoge'>fugafuga</div> みたいなDOMを表示する var myView = $("<div class='hoge'/>"); myView.text('fugafuga'); // body以下に挿入 $(body).append(myView); 長所

maangie 2013/02/25

リンク

D3.js

D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility

maangie 2013/01/15

リンク

パニック・ジャパン - Coda - Mac OS X 用シングルウインドウ Web 構築環境

Codaは終売しました。サポートやプラグインのご入手などはライブラリをご参照ください。他社製のCodaはこちら。 ...まったく新しい、Macにネイティブなウェブコードエディタの誕生です!

maangie 2013/01/14

リンク

Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト

Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト：パターンとライブラリで作るAjaxおいしいレシピ（4）（1/4 ページ） script.aculo.usの一歩進んだテクニック今回紹介するscript.aculo.usは、以下のような機能を提供するAjax（JavaScript）フレームワークです。ビジュアルエフェクトドラッグ＆ドロップ DOM操作オートコンプリートスライダー単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。今回はscripot.aculo.usのエフェクト機能に焦点を絞り、より突っ込んだ使い方を紹介していきます。 ■ Ajaxの弱点を補う「エフェクト」の必要性 Ajaxを活用することで、画面全体を再描画せずに画面上の一部分のみを変更し

maangie 2013/01/14

リンク

JavaScriptにおける、MVCフレームワーク以外の選択肢

JavaScriptではさまざまなフレームワークが登場していますが、最近注目を集めているのがMVCアーキテクチャの実現を容易にするMVCフレームワークです。Publickeyでも以下の記事などで紹介してきました。 JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ JavaScript MVC座談会。遅くならない？それぞれの特徴は？サーバとの通信は？︵前編︶－ Publickey JavaScript MVC座談会。遅くならない？それぞれの特徴は？サーバとの通信は？︵後編︶しかしプログラミングの世界では、MVCアーキテクチャ以外にもさまざまなデザインパターンがあります。JavaScriptプログラマはもっとそれらを検討すべきだ、という記事﹁The World Beyond MVC﹂︵MVCの向こうにある世界︶が、The David Wa

maangie 2012/11/26

リンク

Ruby on Railsのテストの書き方（モデルの単体テストと，コントローラの機能テスト） - 主に言語とシステム開発に関して

Ruby on Rails のテストの書き方のまとめ。 RSpecを使わない，素の unit test (モデルのテスト) functional test（コントローラ＋ビューのテスト）について，どう書いたらいいのか，どこの情報を参照したらよいのか，などを列挙。 Rails入門者が初めてテストを書く際に迷わせないようにするためのガイドライン形式。 Railsのバージョンは1.2系を想定。総説一度は目を通すべき，入門用のリンク集： RubyOnRails を使ってみる【第 6 回】テストの書き方 http://jp.rubyist.net/magazine/?0013-RubyOnRails Railsでテストを書く勘所 http://d.hatena.ne.jp/moro/20061029/1162116778 Railsでのテスト http://d.hatena.ne.jp/a

maangie 2012/07/29

「Railsのバージョンは1.2系を想定」とのことですので為念。

リンク

GoFの23のデザインパターンを，Javaで活用するための一覧表　（パターンごとの要約コメント付き） - 主に言語とシステム開発に関して

GoFデザインパターンの一覧表と，活用のためのコメント，および入門者が独学するためのリンク集︵サンプルコード付き︶。入門者の独学を支援するために，このページのURLを提示して熟読させ，各パターンを短時間で効率よく学んでもらう。デザインパターンはプログラマの常識だ。 Java使いかどうかは問わない。にも関わらず，入門書を買ったまま，途中で挫折する人が多い。挫折の原因は，パターンの数が23もあって，多いからだろう。全パターンをすんなり覚えてもらうためには，各パターンごとに﹁要するにこういう目的のパターンなんだ。﹂﹁10文字で表現すると，パターンの意味はこうなんだ。﹂という要点・本質を，短いコメントで伝えれば助けになるだろう。こういった学習を通して，Java言語の﹁設計思想﹂も併せて感じ取ってゆけるはず。全パターンの一覧表︵要約コメント付き︶全パターンについて，10文字以内

maangie 2012/07/29

リンク

Web プログラミングってこんな感じじゃなかろうか - 偏見プログラマの語り！

この歳になって初めて Web プログラミングの現場を見て、刺激的な毎日を送らせていただいています。さて、仕事をしていて一番強く感じるのは前職での開発︵スタンドアロンパッケージソフト開発をしていた会社の文化︶との違いです。で、Web 開発とは何たるかを表現したくて悶々としていたのですが、ある程度整理ができてきたので文章にしてみようと思います。僕はアカデミックな話よりも現場の話をしたいので、いくつもレイヤをまたいだ文章になります。そのため本稿では具体的な技術の詳説とかアジャイル的な用語が飛び交う説明とかはありません。そういうのを期待している人は読まないでください。・Web に限らず、お仕事プログラミング全般で共通のことプログラムを知らない人がイメージする開発というものは、粘度をこねたりくっつけたりするような作業じゃないでしょうか。つまりそれは、知識さえあれば難しいものではなく、モチベーショ

maangie 2012/05/01

リンク

NILScriptの使い方と書き方

NILScriptとはSpiderMonkeyを使ったJavaScriptベースのスクリプト実行環境です。(Windows専用+Wine環境でもある程度) 直感的に言うと、WSH + AutoHotKeyみたいな感じというのが分かりやすいかな。できることなど細かい事はNILScriptのページやDocを読んでもらうとして、SpiderMonkey(JavaScript 1.8.1ベース)を使った処理系なのでFirefoxと同じJavaScriptの文法で、エクスプローラでのバッチ処理やキーバインドの変更などWSHやAutoHotKeyで行っていたような事がJavaScriptで書けます。 NILScriptのページからnil.zipをダウンロードして、適当な場所に解凍します。解凍して出てくるng.exe(コンソールあり)とngw.exe(コンソールなし)のどちらかに、NILScript

maangie 2011/11/23

リンク

UnicodeとUTF-8の違いは？ - Humanity

という2chのスレがかなり勉強になったのでまとめ。少しでも有用だと思ったものは載せてあるので結構長いです。 Unicodeのような文字集合(符号化文字集合？)やUTF-8のようなエンコーディング方式に限らず色んな文字コードにまつわる話があります。たびたび話が繰り替えされますがそれは確認ということで。 (元スレ) 追記‥簡単にまとめました。1‥デフォルトの名無しさん‥2007/04/30(月) 20:02:37 ビッグインディアンとかなんとかかんとか3‥デフォルトの名無しさん‥2007/04/30(月) 20:05:48 また、頭の悪そうなスレが・・・ >>1それは魚とマグロの違いを訊ねるようなもんだ。4‥デフォルトの名無しさん‥2007/04/30(月) 20:06:49 魚と鮪というよりは、魚と刺身の違いのような気がする。5‥デフォルトの名無しさん‥2007/04/

maangie 2009/11/30

リンク

XML Editor, XSD Editor, Data Mapper, JSON and Web Services Toolkit

Graphical Data Mapper Database Data Mapper EDI Data Mapper JSON Data Mapper Text File Data Mapper XML Data Mapper Web Services Data Mapper XML Schema Tools Graphical XML Schema Editor Create XML Sample for XSD Create XSD from XML Sample HTML Documentation for XSD XSD Dependency Viewer Web Service Tools Graphical WSDL Editor Web Service Test Client XML Data Transf orm Graphical Data Mapper XSLT Debu

maangie 2009/11/26

リンク

[Perl] HTML::TagParser - HTMLソースの解析／属性値やinnerTextの取得

Kawa.netxp [Perl] HTML::TagParser - HTMLソースの解析／属性値やinnerTextの取得 HTML::TagParser は、HTML ソースコードの解析を行う Perl モジュールです。 DOM 風のインターフェースで、各 HTML タグごとに属性値やinnerText値を取得できます。 Pure Perl 実装ですので、コンパイル不要で手軽に利用できます。ページ中の特定のタグの内容を抽出したり、リンクを辿っていくスクリプトなどで利用できます。 Encode.pm バージョン 2.10～2.12 間で発生していた FB_XMLCREF問題に対応しました。(2006/11/01) Encode::FB_XMLCREFでなく Encode::XMLCREFを利用します。︵効果は同じです︶ 2.12 は既に最新バージョンではありませんが、Perl

maangie 2009/09/09

※「Web::Scraper で => 'TEXT' でなくて => 'HTML' とすると innerHTML に近い動作になりそう。http://search.cpan.org/dist/Web-Scraper/lib/Web/Scraper.pm」

perl
DOM

リンク

JavaScriptの最適化について、code.google.comの記事の適当訳 - それ図解で。・・・tohokuaikiのチラシの裏

GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調からリンクのあった、 http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html が日本語かと思ったら日本語じゃなかった・・・・。いやー、意外とというか文字列については、全然知らんかった。 Closureって便利だし、﹁おぉ〜俺って使ってるジャン﹂みたいな気になれるからついつい使っちゃうんだけど、高コストなのね・・・・。反省。ということで、超適当翻訳。どっかの誰かが書いてるかも。前おき著者: Google Chromeのエンジニア Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨される経験‥JavaScriptの実践的な知識クライ

maangie 2009/07/01

リンク

はてなブックマーク

タグ

関連タグで絞り込む (16)

DOMに関するmaangieのブックマーク (29)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第5週）

今週のはてなブックマーク数ランキング（2024年6月第4週）

今週のはてなブックマーク数ランキング（2024年6月第3週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス