PHP & JavaScript Room
Windows OS に PHPとApacheサーバーのインストール ～ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基本～実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック（正規表現含む）など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM（Document Object Model）のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう！HTML5のタグリフ
Highcharts の応用メモ つづき | work.log
Highcharts の応用メモ のつづきの記事です。 前回説明しきれなかった Highstock のパラメータをここで解説していきます。 スポンサーリンク Highstock の期間範囲の設定 Zoom に表示される期間の変更するには rangeSelector というパラメータを弄ります。 “4時間”, “90日”, “全データ” という期間で区切りたい場合は下記のような設定をすれば OK です。 rangeSelector : { selected: 1, // デフォルトで表示させる期間 // 0 からカウントしこの場合は日単位 buttons : [{ type : 'minute', // 分単位 (0) count : 240, // 約 240 分のデータを表示 text : 'm' // ボタンの表示名 }, { type : 'day', // 日単位 (1) coun
Slackでボットを5秒以内に作れるツールを作った - 波打際のブログさん
はじめに 最近エンジニア界隈で話題沸騰中のSlackですが、IRCに比べてBOTを作る際に手間がかかります。自称クソボットクリエイターの私にとってはこれは死活問題です。 そこでボットを超簡単に量産できるプロダクトを開発して公開したのでご紹介いたします。 BotHeaven (ぼっとてんごく) Slackボットを大量生産できるプロダクトです。いわばボットファームです。 SlackのOAuthでBotHeaven*1にログインし、Javascriptで数行のコードを書くだけでSlackボットを簡単に生成できます。 HTTP通信機能や、ボット毎のストレージなどを持てることが特徴です。 デモ このような感じでボットを実装します。 するとこのようなSlackボットが生まれます。 仕組み Rails + V8 + Slack インストール方法 VPS等はもちろん、Herokuにもデプロイして使えるよう
GAS(Google Apps Script)からATND APIにアクセスする。 - ITコンサルの日常
はじめに Google Apps Script 勉強会 #1 前日っていうことで(もう当日ですが。。)、 たまには少し予習しておこうかと思った次第です。 で、たまたまTwitter経由で知った、こちらのエントリー。 GASからCacoo API にアクセスする - @ikikko のはてなダイアリー の劣化コピーエントリをあげてみます。。 Googleドキュメントでスプレッドシートを作って その上でGAS(Google Apps Script)を走らせて ATND APIの結果をスプレッドシートに展開してみよう という企画です。 動作 メニューから起動して、 キーワードを入力したら、 そのキーワードに合致するイベントがスプレッドシート上に表示されます！（最大１０件まで） ソース（コメントいっぱい書いといたんで、そのまま読んでください） function onOpen() { var ss
Ajaxを劇的に簡単にするReact.js
ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワークそのもの覚えるまでにも一苦労というのも面倒に感じました。 2014年、海外でブームに火が付いたReact.js そんな中、2014年の後半からFacebook発のReact.jsの採用事例が聞こえてくるようになりました。AirBnBや米Yahoo! Mailなど大手がReact.jsを積極的に採用し出したので気になり、年末年始を使って色々調べてみることにしました。 Rails以来の衝撃 色々試して
wdCalendar - jQuery Based Google Calendar Clone
wdCalendar is a jquery based google calendar clone. It cover most google calendar features. User can choose to have a daily view, weekly view or monthly view. User can easily create, update or remove events by drag & drop. It is very simple to to integrate wdCalendar with a database. wdCalendar is free (open source LGPL license), easy to use, and with great functionalities. You can check out the d
jQueryでTwitter風のスクロール自動読み込みADN LAB's Blog | ADN LAB's Blog
ADN事業部のh_nagayamaと申します、よろしくお願いいたします。 今回は「twitter風に、スクロールした時に次のコンテンツを自動で追加表示する」 という改修を行った際に使用したjQuery.Bottomプラグインの導入例を、 いくつか調査した内容と合わせて投稿します。 ■概要 jQuery.Bottomで行っていること ・scrollイベントが発生する都度、(指定した)全体の高さと現在の位置を取得して ・現在の位置が(指定した)末尾に到達または超えた時に、bottomというイベントを発生させます ■導入手順 1. githubからpluginをダウンロード https://github.com/jimyi/jquery_bottom 2. 処理を記述 githubのdemoを参照にしています、jquery1.3.2で動作することを確認済です。 <script type="tex
ソーシャルボタンが重い…非同期読み込みでページの表示速度を改善させる！
2012.04.24 IEでコールバックが動作しない不具合がありましたので修正しました（参考 : 外部JavaScriptの動的ロード – 0xFF）。 ソーシャル全盛期の昨今、どのWebページにも設置されているソーシャル系のシェアボタン。僕のブログにも設置していますが、Facebook、Twitter、Google+1、はてな…と数が増えて重い重い。記事の一覧ページでそれぞれにボタンを表示させたらそれはもうすごく重い。これではせっかくページに来てくれたユーザーも離脱してしまいますね。 非同期読み込みとは どうにか速度を改善できないか調べていたところ、下記のような記事を発見。 ようは、普通に下記のようにJSを読み込むと、読み込みが完了するまでその下のページの表示が止まってしまうと。 <script type="text/javascript" src="http:..."></script
ユーザーの体感速度を高めるためのJavaScriptチューニング（前編）
連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 今回から複数回に分けて、JavaScriptの高速化をテーマに解説していきます。まずは、ユーザーの体感速度を高めるためのJavaScriptチューニングということで、単純なJavaScriptの構文によるスピードを比較するようなものではなく、主にユーザー視点からの高速化を主眼に解説します。その中で、同期・非同期といったJavaScriptの仕組みやscript要素のasync属性、defer属性などについても触れていきます。 ユーザーの体感速度を向上させる 一概にJavaScriptの高速化といっ
scriptのdefer/asyncを理解し、ページの高速化方法を探る | ゆっくりと…
Yslow ルールでは、スクリプトはページの最後尾、つまり </body> 直前に置け、と言っています。なぜなら、スクリプトの読み込みや実行により、他のページ要素の読み込みやレンダリングがブロックされてしまうからです。 一方、古くは IE4 の時代から Microsoft はこの問題に対処するため、defer 属性という独自の解決策を実装してきました。これは HTML 4.01、XHTML 1.0、1.1 で仕様として採用され、HTML5 にも発展する形で引き継がれています。 IE 以外のブラウザも既に対応されており、IE の独自仕様という色合いが濃かった従来と異なり、これからは広く利用されていくのではないかと思います。 下のビデオは、スクリプトの位置と defer 属性のあり／なしによる、ページの読み込み／表示速度の違いを Pagetest.com でテストしてみたもので、明らかな差異が
JavaScriptがページの読み込み時間を遅くする理由トップ10 | ゆっくりと…
CSS Sprites 化や画像サイズの最適化、Data URI 化、CSS/JavaScript ファイルの圧縮・結合・読み込み順番の整理やキャッシュ制御など、本サイトでは主に HTTP リクエストの数、データ量およびそれらの順番に関して色々なテクニックを試してきましたが、さらに深く掘り下げるには JavaScript の実行がページの読み込み時間に与える影響を知っておく必要があると思います。 「ウェッブサイトの表示速度を測定するフリーツール集」 でも紹介しましたが、dynaTrace AJAX Edition という優れたツールをフリーで公開している dynaTrace software のブログでこの問題を扱った記事がありましたので共有します。JavaScript 高速化 Tips は （例えば 「JavaScriptを高速化する6つのテクニック」 など） 多々あるかと思いますが、ペ
Pexの内部構成の簡単な解説
Pex(https://github.com/PexJS/PexJS)がオープンソースになりました。 前身のExGameの時代から @tkihiraと一緒にずっと開発してきたプロダクトなので、大変感慨深いです。今はプロジェクトを離れ別なプロダクトの仕事をしているのですが、まだ私の書いたコードが多少残っているようです（糞コードがあれば何割かぐらいの確率で私の責任です）。 出力されるpex.jsは約9000行で、一人で全体を把握できる規模のプロダクトだと思います。しかし、クラス名がなかなか独特だったりして、初見では全体像がなかなか掴みづらいと思いますので、簡単に全体の構成を解説してみたいと思います。 前提知識 最低限、SWFファイルのバイナリフォーマットを理解していることが必要です。知らない方は、こちら http://labs.gree.jp/blog/2011/01/2353/ の「SWFバ
Telerik Open Sources World’s Largest Library of UI Tools and JavaScript Framework Features with Telerik Kendo UI Core
Telerik Open Sources World’s Largest Library of UI Tools and JavaScript Framework Features with Telerik Kendo UI Core Telerik Gives Back to the Development Community with Unprecedented Open Source UI Package WALTHAM, MA, April 16, 2014 – Telerik® today announced the release of Telerik Kendo UI® Core, a package of free and open industry-leading UI tools and JavaScript framework features, including
JSON-LD - JSON for Linking Data
Data is messy and disconnected. JSON-LD organizes and connects it, creating a better Web. Linked Data Linked Data empowers people that publish and use information on the Web. It is a way to create a network of standards-based, machine-readable data across Web sites. It allows an application to start at one piece of Linked Data, and follow embedded links to other pieces of Linked Data that are host
柔軟なフィード表示ライブラリ「feedrenderer.js」を作りました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 今週の話題にも書きましたが、サイドバーの Twitter ウィジェットを表示していたところを Google Buzz ウィジェットに差し替えてみました。私は tweet_amplifier.rb でつぶやきも Google Buzz に転送しているので、結果的に Twitter と Buzz 双方の発言が表示されます。 現在のところ、公式な Google Buzz
JSforce
Develop Salesforce apps with JavaScript, whether it's running on server or web browser. Download View on GitHub Setup $ npm install jsforce Example var jsforce = require('jsforce'); var conn = new jsforce.Connection(); conn.login('username@domain.com', 'password', function(err, res) { if (err) { return console.error(err); } conn.query('SELECT Id, Name FROM Account', function(err, res) { if (err) {
「なぜ？」が見えるGoogleアナリティクスの設定方法～どこを見ればいいと言う前に！
毎日毎日、「ユニークユーザー」や「PV」だけを見て、 検索キーワードなんか見ながら「あ～増えたな～。」とか「あ～減ったな～。」なんて思っていても何も前に進みません。特にアフィリエイトやビジネスサイトでは上手くいっている時は良いですが、突然悪くなった時に 「何が原因なのか？」 という事をしっかりとデータとして見ていかないと何も対応が出来なくなります。 今回は、サイトを運営していく上でとても重要な設定を紹介していきます。 photo credit: echerries via photopin cc スポンサーリンク まずは、管理画面を見易くしよう 基本的に、アナリティクスの表示は「URL表示」なので、見にくいです。これをURLではなく、以下の様に「タイトルの名前」に変更しましょう。 アナリティクスでページのタイトルを表示する方法 「アナリティクス設定」の「ビュー」より「フィルタ」をクリック
Prerender Seamlessly Renders JavaScript for Faster Indexing
Get Your Large Dynamic JavaScript Website, Crawled, Indexed and Found
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - getify/LABjs: Loading And Blocking JavaScript: On-demand parallel loader for JavaScript with execution order dependencies
Alfa Jango - Building Startups in Ann Arbor with Ruby and JavaScript