[B! javascript] Kimuraのブックマーク

Kimura id:Kimura

javascriptに関するKimuraのブックマーク (78)

JoyPixels | Simple Emoji Licensing
{{seoDescription}}
Kimura 2016/05/25
絵文字っぽい文字列（例：:heart_eyes:）を絵文字画像に変換するライブラリ。画像の配布だけでなく、ライブラリなんだ。Unicodeのコードからは変換されないのかな？

絵文字

emoji

php

javascript
リンク
[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js
デモ：Googleマップ Googleマップもサポート。 Embed.jsの使い方 Step 1: 外部ファイル当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterを埋め込む時には「widgets.js」、コードのシンタックスハイライトには「highlight.min.js」を使用します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
Kimura 2015/04/15
「すごく便利だ！」と思ったんだが、はて、使いこなせるかな？メンテナンスめんどいなんてこと無いよね？

jquery

jQueryプラグイン

JavaScript

動画

pdf
リンク
JavaScriptユーザエージェント判別・判定
Updated 2015.11.24 / Published 2015.04.02 新しいFirefox OSやWindows Phoneを含めた2015年現在のユーザエージェントを判定し分岐処理を行う手順をご紹介します。OSや機種毎の処理を行っていくには、もはや無理がありますので、タブレットかスマートフォンかを判別することのみにフィーチャーしています。ユーザエージェント情報に依存して、分岐処理を行うと、常に付きまとう悩みの種が新しいOSの登場です。今年もすでにauからFirefox OSを搭載したスマートフォンであるFx0が新たに登場し、次いで日本国内でもWindows Phoneが発売されることが決まっており、ユーザエージェント情報に依存して処理を行っている部分は相次いで見直しを迫られることになりますので、以下、ご参考に活用いただければと思います。 var _ua = (functi
Kimura 2015/04/03
ずっとプログラム側で判別してきたけれど、もうJavaScript判別にしてしまおうかな？ここを見ればすぐにできそうだし。

javascript

スマートフォン

userAgent
リンク
これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成‥2014/05/19 更新‥2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。エンジニア速報は Twitter の@commteで配信しています。もくじサイト読み込み時1．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー3．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ6．中心に水平線を入れる／CSS7．均等に並べる／段組み／CSS8．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
Kimura 2014/05/20
こういう小技が結構必要なことが多いんです。jQueryMobileはもう要らない。。。かな？

jquery

WordPress

javascript
リンク
vis.js
vis.js community edition * A dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d.
Kimura 2014/04/19
ネットワーク図やタイムライン等を描画できるビジュアライズライブラリ。ドラッグするとフニャッとくっついてくるタイプが面白いが、仕事で使えるかな。

javascript

vis.js
リンク
Slinky.js
Slinky.js is a jQuery plugin for creating beautiful scrolling navigation lists with stacking headers. Scroll this page to see it in action! Smooth scrolling by disabling pointer events Lightweight at around 1KB minified Refreshes on window resize and DOM mutation Compatible with the latest version of your favorite browser Get the latest version for: Development Production Include the downloaded fi
Kimura 2014/02/24
スクロールすることでナビゲーションヘッダが自動的に積み重なるJavaScript。自動なところが良い。スマホではすごく便利だと思う。

JavaScript

Slinky.js
リンク
Firefoxの開発ツール
多項分布とディリクレ分布の簡単な解説です。正規分布とかはわかっている人向けです。 LDAの勉強などで使えるかも？
Kimura 2013/11/14
これってこういう風に使うものなんだ。。。。とわかった。

●javascript

●firefox
リンク
JavaScript文字列のエスケープ
これらの中で注目すべきは ‘ と ” と \ です。シングルクォート、ダブルクオートは文字リテラルを作成する為に利用され、\ でエスケープできることです。つまり、文字リテラルの最後に \ が現れると文字列の終端が無くなります。単独で不正なJavaScriptの挿入が可能になる訳ではありませんが、プログラムの構造が破壊される事を意味します。 PHPにはJavaScript文字列用のエスケープ関数が用意されていません。htmlspecialchars()やhtmlentities()で代用している場合も多いと思います。しかし、これらの関数ではJavaScript文字列のエスケープを十分に行う事ができません。 JavaScriptプログラムの構造が破壊される例 <?php $msg1 = 'test string\\'; $msg2 = ');alert(document.cookie); //
Kimura 2013/11/05
PHPでJavaScript文字列を適切にエスケープする方法の解説。「'」「"」「\」のエスケープは確実に。

javascript

php

エスケープ
リンク
Perl 初心者がとある JavaScript コードを読むための基礎知識 - あらびき日記
この記事は abicky.net の Perl 初心者がとある JavaScript コードを読むための基礎知識に移行しました
Kimura 2013/10/28
あ、こんなのを待ってました。変にPerlを知っているとJavaScriptに触ったとき、﹁うん？﹂﹁あれっ﹂と思うことが多いです。今度からここを見れば解決。

●javascript

●Perl
リンク
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！︻HTML, CSS, JavaScript︼ ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？﹁この部分の記述、もう一回使うことがあるかも﹂と思ったらぜひスニペットとして登録しておきましょう！スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための
Kimura 2013/08/27
うむ。激しく同意。でもやらない。次回からここに見にくれば良いから。

●javascript

●コード

●スニペット
リンク
いい加減、<script src="http://..　と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
Kimura 2013/05/20
https://の時の事も考えて書こう！というお話。私は﹁意外と知らない人﹂の方でした。がーん。

●javascript

●ajax

●CDN
リンク
Moment.js | Parse, validate, manipulate, and display dates in javascript.
Moment.js 2.30.1 Parse, validate, manipulate, and display dates and times in JavaScript. Install npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (deprecated) Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format
Kimura 2013/05/17
javascriptで日付を扱うのに便利なライブラリ。

javascript

ライブラリ

moment.js
リンク
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
Kimura 2013/05/08
あ、これ便利︵使いこなせれば、ね︶。javascriptで簡単に画像を描けるツール。そんでもってその画像を動かすことも可能。結構いろんな動きができるみたい。

●javascript

●Web素材

●Two.js
リンク
Sublimewebinspector
Kimura 2013/03/18
ローカルPC上でjavascriptやスタイルシートを動作させながら修正できるツール。Mac専用なのかな？違う！いやMac用なんだけどSublime TextっていうエディタからWeb inspecterっつーChromeのデバッグツールを使ってるんだ。

javascript

css
リンク
javascript - cocytus = eval() と大域変数なき Web Worker : 404 Blog Not Found
2013年03月04日21:30 カテゴリTipsLightweight Languages javascript - cocytus = eval() と大域変数なき Web Worker JavaScript徹底攻略 CocytusというJSを書きました。 dankogai's js-cocytus at master - GitHub こんな感じで使います。 <script src="cocytus.js"></script> <script> var jail = Cocytus(); jail.run(function() { var l = 42; postMessage(l); g = 42; // see what happens in console postMessage(g); }); </script> といってもピンと来ないかと思われるので、デモを用意しました。
Kimura 2013/03/05
javascriptで宣言されていないグローバル変数とかeval()とか危険なコードを捕獲してエラーメッセージを吐いてくれるjavascript...かな。

javascript

sandbox

セキュリティ
リンク
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定 <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon
Kimura 2013/02/19
SMS用のリンクなんてあるんだ。。。。しかも本文も指定できるの？

●HTML5

●スマートフォン

●javascript

●CSS
リンク
GitHub - stripe-archive/jquery.payment: [DEPRECATED] A general purpose library for building credit card forms, validating inputs and formatting numbers.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Kimura 2013/02/09
カード支払いのバリデーションを行ってくれるjQueryプラグイン。結構シンプルなので使いやすい。

jquery

javascript
リンク
jQuery の複数バージョンを同時使用する - 仙台 Ruby Vim JavaScript フリーランスプログラマ
http://stacktrace.jp/jquery/with_other_lib.html#other_version noConflictの引数にtrue渡せばいいと。 <html> <head> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript"> // $ 関数および jQuery関数の上書きを元に戻します。 var $j = jQuery.noConflict(true); // $ は jQuery ver1.2.6を参照します。 alert($.fn.jquery); // => 1.2.6 // jQuery は
Kimura 2012/12/25
うわっ、こんなことできるんだ。以前できないかなぁ、と悩んだときに見つけたかったな。

jQuery

javascript
リンク
GitHub - diy/jquery-emojiarea: A rich textarea control that supports emojis, WYSIWYG-style.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Kimura 2012/12/10
textareaを絵文字入力可能にするjQueryプラグイン。テキストエリアに表示する絵文字画像はカスタマイズ可能。

絵文字

jquery

javascript
リンク
Under Translation of ECMA-262 3rd Edition
This Document has Moved. この文書は http://www2u.biglobe.ne.jp/~oz-07ams/2002/ecma262r3/index.html に移動しました。 Japanese fonts required. All rights reserved. 1998-2015 TAKI
Kimura 2012/11/24
ECMAScript(JavaScriptとJscriptを統合・標準化した言語)仕様の和訳。

JavaScript

仕様
リンク
1 2 3 4 次のページ