[B! JavaScript] toripikaのブックマーク

anime.js

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Getting started

toripika 2016/06/28

リンク

AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015

AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015 JavaScriptのフレームワークの1つとして注目されている「AngularJS」は、どんな用途に向いているのか、学習コストはどれくらいか？使いにくいところは？などの疑問をAngularJSのエキスパート達が次々に答えてくれるセッション「AngularJSの今とこれから」が、2月19日に都内で行われたイベント「Developers Summit 2015」で行われました。ふだんなかなか聞けない、AngularJSを現場で使っている人たちの本音が詰まっていたセッションの内容をダイジェストで紹介しましょう。 AngularJSのFAQ 川田氏　今日は、AngularJSを使って開発している方、AngularJSの本を執筆している方々に、Angu

toripika 2015/12/24

“CRUD（Create/Read/Update/Delete機能）系のアプリケーション、例えばフォーム画面とか、BtoBで使う管理系のアプリケーションなどだと思いますが、これにはすごく向いていると思います。”

リンク

フロントエンドで知っておきたい要素指定の考え方 - pixiv inside [archive]

みなさんはじめまして、ピクシブのフロントエンドエンジニア id:koharusugiura です。 JavaScript を用いた開発を行う際に jQuery や React、vue.js といったライブラリーを使う方は多いでしょう。これらのライブラリーは共通して DOM を扱うライブラリーとなります。 DOM についての説明は長くなるのでここでは省きますが、簡単に説明すると HTML や XML の構造を表現するための仕様です。DOM は JavaScript のためだけにある仕様ではなく、 Java や Python など、多くの言語に対応する仕様です。前述した各ライブラリーは多くのウェブブラウザー間の差異を吸収してくれるため、非常に便利なものです。しかし、その機能の豊富さからライブラリー自体のサイズは大きく、ウェブブラウザーで読み込むファイルの数や合計の容量が増えてしまいます。状況

toripika 2015/12/23

わかりやすくて素敵

リンク

Webで読めるJavaScript関係の本や記事いくつか - @peccul is peccu

JavaScriptでモジュールを作る方法を幾つか調べていると見つかった本や長めの記事を記録する．長いので，pdfでダウンロードするか，pdfに変換してDPT-S1に入れた． (ウェブページ→pdf→短縮URL→DPT-S1を楽にするものを作りたい．．．) 長い記事．PDFとして保存した Google流 JavaScript におけるクラス定義の実現方法 Google流 JavaScript におけるクラス定義の実現方法 JavaScript Module Pattern: In-Depth JavaScript Module Pattern: In-Depth 生のJavaScriptでモジュールパターンを表現する話が結構しっかりまとまっていてわかりやすかった．後発の仕組みを実現しているのかなぁと思っている．本．PDFがあれば直接．なければPDFとして保存した Learning J

toripika 2015/11/11

JavaScript

リンク

YouTube動画コンテンツの埋め込みをしよう【実践編・YouTubeAPIを使ってプラグインを作ってみた】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、デザイナーのぺちこです。さて、前回「YouTube動画コンテンツの埋め込みをしよう【紹介編・オリジナルUIと導入サイトまとめ】」という記事を書き、末尾で「次回は実践です！」と予告してしまったので…勉強してきました！以前に「サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！」という記事を書いたのですが、基本的にはこれと同じことをYouTubeAPIでやってしまおう、というのが今回の趣旨になります。それでは早速いってみましょう。 DEMO 今回は、以下の項目にあてはまるような方にお使いいただけるサンプルを準備しました。サクッと実装しないといけないデザイナーさんに向けて作ったものです！しかし、私も所詮しがないデザイナー…。JavaScriptに堪能な方は、多分自分で書いたほうがスマートだと思います…。すみません、すみません…。こちらは以下のような人におすすめです。

toripika 2014/10/30

リンク

フロントエンジニアになってから５ヶ月間で欠かせなくなったツールを晒す - Qiita

概要今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。スペック的にはJava歴が10年くらい。割とツール好きで、できればキーボード（カーソルキー以外）だけですべての操作を完結したいと思っている。そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での開発環境 mac mini (2011) 19インチのシングルモニタ GUI系ツール Sublime Text 2 プログラマ向けのテキストエディタ。これがないと仕事にならない。以下、必須なPackage。 Vintage vimっぽいキーバインドにする

toripika 2014/06/06

JavaScript

リンク

郵便年賀｜ゆうびん.jp

「郵便年賀.jp」をご利用いただき、誠にありがとうございます。当サイトは2020年1月31日をもって、公開を終了させていただきました。切手・はがき・レターパックなど、郵便・荷物を送るために必要な商品は日本郵便株式会社のウェブサイトをご利用ください。

toripika 2013/12/17

はんこ

リンク

ドラッグやドロップを実装するjQueryプラグインいろいろ

初めてiGoogleを見た時に感動したドラッグできるコンテンツ、jQueryの普及で今や身近なものになっています。 WordPressも2.7になってからコンテンツのドラッグが可能ですし、様々なWebサービスでも見かけるようになりました。そんなドラッグやドロップを実装できるjQueryプラグインをまとめてみます。こういったjsも道具である以上、使い方次第ではユーザビリティ向上にも繋がりますが損ねる事もあるかと思いますので、サイトにあわせて利用したいですね。 prettySociable jQuery plugin ドラッグ→リンク先を共有出来るサービス等に投稿するjQueryプラグイン。マウスオーバーするとコメントが出ますのでドラッグすればオーバーレイ状態になり、投稿先にドロップすればシェアできます。 PNGの透過バグのあるIE6対策のjsも同梱されています。試しに入れてみま

toripika 2013/09/26

リンク

JavaScriptプログラミング講座【ドラッグアンドドロップについて】

<html> <body> <a id="aaa" href="http://example.com" >このリンクをドラッグ！！</a> <script type="text/javascript"> <!-- // ------------------------------------------------------------ // "aaa" という ID 属性のエレメントを取得する // ------------------------------------------------------------ var element = document.getElementById("aaa"); // ------------------------------------------------------------ // ドラッグ開始時に実行される関数 // ---