JSで楽譜を描画して再生までできる「abcjs」:phpspot開発日誌

2019/10/22 34 users カラーピッカー 楽譜 phpspot開発日誌 ボーダー 再生

abcjs JSで楽譜を描画して再生までできる「abcjs」 あまり音楽の知識はありませんが、なんかすごい感じがします 関連エントリ 超カッコいいスクロールエフェクト実装「lax.js」 リッチでカッコいいカラーピッカー「iro.js」 ホバー時にボーダーをアニメーションさせる「Nicebord.js」 続きを読む

技術書典に向けて日光企画でpdfの技術同人誌とフルカラーのイラスト本を入稿した時の学びと反省の共有 - みんからきりまで

2019/03/23 32 users PDF みん 反省 psd 技術同人誌

関連エントリ kirimin.hatenablog.com 4/14に開催される技術書典6に向けて日光企画で原稿を入稿してきました。 早々に原稿を完成させ余裕の早割で入稿準備に入ったはいいものの、同人誌の入稿というのが全然知らない世界で想像していたよりも難しかったので、知見を共有したいと思います。 特にpsdでの入稿に関する知見... 続きを読む

Vanillaベースのオートコンプリート実装「autoComplete.js」:phpspot開発日誌

2019/02/21 11 users phpspot開発日誌 オートコンプリート 実装 デザイン

autoComplete.js - Vanilla Javascript library Vanillaベースのオートコンプリート実装「autoComplete.js」 次のようなモダンでクールなデザインのオートコンプリートが実装可能です 関連エントリ Github風絵文字のオートコンプリートを実現する「At.js」 続きを読む

星の王子さまとバオバブと西畠氏 - 生物学博士いいなのぶっちゃけていいっすか？

2018/08/08 23 users 不朽 バオバブ 西畠清順氏 おなじみ 名作

世界一のクリスマスツリーでおなじみの自称プラントハンターの西畠清順氏が、またもや国民の、いや、今回は全世界の人々の感情を逆なでするような事をやってのけました。 なんと、あの不朽の名作「星の王子さま」とのコラボを行ったのです。 世界一のクリスマスツリーや、西畠氏について詳しく知りたい人は関連エントリ... 続きを読む

横スクロールできるよ、というヒントを表示する「ScrollHint」:phpspot開発日誌

2018/07/24 10 users phpspot開発日誌 縦スクロール ヒント ケース 項目

ScrollHint 横スクロールできるよ、というヒントを表示する「ScrollHint」 縦スクロールが当たり前のページ内で横スクロールできるというのは意外と分かりづらいケースもあると思いますが、こちらを使えばアニメーションつきでスクロールできるよということを示すことが出来ます。 関連エントリ スクロールしても項目が... 続きを読む

CSS3で簡単アニメーション「MotionCSS」:phpspot開発日誌

2018/07/03 12 users ライブラリ phpspot開発日誌 アニメーション フレーム

Awesome CSS3 animation - example CSS3で簡単アニメーション「MotionCSS」 豊富なアニメーションがclass指定で簡単に実現できるライブラリ 関連エントリ 超クールなSVGストロークアニメーションデモ フレームがクールにアニメーションするスライドショー実装デモ 超ユニークなアニメーションが詰まった「Woah.css」 続きを読む

ブラウザでExcelデータを吐き出せるjQueryプラグイン「ExportToExcel」:phpspot開発日誌

2017/07/13 38 users GitHub jQueryプラグイン サーバ ブラウザ

GitHub - maynard88/ExportToExcel: jQuery Client Side Excel Export Plugin Library ブラウザでExcelデータを吐き出せるjQueryプラグイン「ExportToExcel」 ブラウザ上で吐き出すのでサーバにやさしく使えそうです 関連エントリ ページ内にお手軽にExcelスプレッドシート風UIを入れられる「jExcel」 続きを読む

スクロールインした際のアニメーションを簡単実装「AOS」:phpspot開発日誌

2017/07/06 20 users AOS Sketch スクロール phpspot開発日誌

AOS - Animate on scroll library スクロールインした際のアニメーションを簡単実装「AOS」 html属性にアニメーションタイプを指定するだけで、スクロールインした際にアニメーションしてくれます。 シンプルだけど動きもいれたいページに使えそうですね 関連エントリ 綺麗なアニメーション表示のドロップダウン実装「SweetDropdown」 Sketchでアニメーションを直... 続きを読む

RedisのSorted Setsで簡易的な遅延実行Queueを作って迅速にLINE LIVEのPC配信対応をリリースした話 : LINE Engineering Blog

2017/06/22 89 users redis ゲーム実況 みなさん 開発 LINE LIVE

RedisのSorted Setsで簡易的な遅延実行Queueを作って迅速にLINE LIVEのPC配信対応をリリースした話 みなさんこんにちは、 LINE LIVE 開発のYappoです。 今回は先日リリースされました一般向けのPC配信機能を実装するときに作った簡易的な遅延実行Queueについて書いていこうと思います。 関連エントリ： LIVE PRESS 公式ブログ - ゲーム実況にもぴったり... 続きを読む

アクセス時間によってCSSの出し分けを制御できる「STIMED.js」:phpspot開発日誌

2017/05/17 23 users CSS phpspot開発日誌 jQu 空色 日照

STIMED.js | jQuery plugin for controlling CSS styles over time アクセス時間によってCSSの出し分けを制御できる「STIMED.js」 例えば夜におとずれると画面が黒く、朝だと白く、といったことが可能になります 日照のように背景を空色でグラデーションさせたり要素のrotate具合を設定できたりして面白いです 関連エントリ CSSとjQu... 続きを読む

背景画像をダイナミックに動かしつつParallax効果を作れる「fullPage.js」:phpspot開発日誌

2017/05/10 17 users phpspot開発日誌 fullPage.js パラメータ

fullPage.js - Parallax Extension 背景画像をダイナミックに動かしつつParallax効果を作れる「fullPage.js」 上下だけに画面が動くのでなく左右のスライド実装もできます。 挙動についてはパラメータでカスタマイズが効きます 関連エントリ スクロールと同時にアニメーションする様々なパララックスエフェクト実装「paroller.js」 続きを読む

JSベースの2D物理エンジン「p2.js」:phpspot開発日誌

2017/03/02 16 users phpspot開発日誌 JSベース GitHub サンプル

GitHub - schteppe/p2.js: JavaScript 2D physics library JSベースの2D物理エンジン「p2.js」 豊富なサンプルも公開されていて見るだけでもわりと楽しめます。 関連エントリ シンプルな3D物理エンジンライブラリ「cannon.js」 Google Gravityみたいな物も再現できる物理エンジン「PhysicsJS」 続きを読む

引っ張って更新を簡単実装できる「Pull to Refresh.js」:phpspot開発日誌

2017/01/12 30 users phpspot開発日誌 ヘッダー ページ遷移 テーブル 固定

Pull to Refresh.js 引っ張って更新を簡単実装できる「Pull to Refresh.js」 アプリではもう一般的になった引っ張って更新をWEBでも実現します。依存性なしなので手軽に使えそう 関連エントリ ページ遷移をアプリっぽくすることができる「jQuery.smoothState.js」 テーブルのヘッダーを固定表示することが出来る「jQuery.floatThead」 枠のサ... 続きを読む

確かめながらつくるユーザー体験 // Speaker Deck

2016/01/23 91 users Speaker Deck ユーザー体験 obidos 言及

Cookpad TechConf 2016 http://techconf.cookpad.com/ 関連エントリ: データドリブンでユーザー体験を改善する試み http://techlife.cookpad.com/entry/2015/06/11/093000 言及: - Inspired: 顧客の心を捉える製品の創り方 http://www.amazon.co.jp/exec/obidos/... 続きを読む

ブラウザベースのRPGがつくれる「RPG JS」:phpspot開発日誌

2015/12/15 32 users ブラウザベース プログレスバー phpspot開発日誌 背景

RPG JS ブラウザベースのRPGがつくれる「RPG JS」 現段階ではどの程度本格的な物がつくれるかは分かりませんが、サイトをRPG風のUIにしたホームページ等を作ってみても面白いかも。 マップ上でキャラを動かして何かを紹介する、というUIが適したサイト等があるかもしれませんね。 関連エントリ ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」 HTML5動画を背景に... 続きを読む

CSSオンリーで作られたLightBox「css-lightbox」:phpspot開発日誌

2015/12/10 11 users lightbox lightGallery CSS 全部 機能

Cerealkillerway/css-lightbox GitHub CSSオンリーで作られたLightBox「css-lightbox」 CSSのみで作られたとは思えないような感じのLightboxがピュアCSSで実現されています。 関連エントリ 必要な機能は全部入ったモダンなLightBox実装jQueryプラグイン「lightGallery」 レスポンシブで全画面やズーム表示に対応したLi... 続きを読む

横に長いテーブルもレスポンシブに使えるようにする「Tabella js」:phpspot開発日誌

2015/11/11 46 users phpspot開発日誌 レスポンシブ スワイプ 横スクロール

横に長いテーブルもレスポンシブに使えるようにする「Tabella js」 2015年11月11日- Tabella js 横に長いテーブルもレスポンシブに使えるようにする「Tabella js」。 横長テーブルを一定の幅に調整し、スクロールボタンをつけることでレスポンシブにも対応。 スワイプでテーブルを横スクロールできてスマホでもいい感じに使えるテーブルが実装できます 関連エントリ テーブル内容の... 続きを読む

アプリ風のリッチなサイドメニュー実装「jQuery.SecretNav」:phpspot開発日誌

2015/10/23 26 users phpspot開発日誌 アプリ風 タッチ端末 メニュー

jQuery.SecretNav by Miguel Jimnez @jachinte アプリ風のリッチなサイドメニュー実装「jQuery.SecretNav」 メニューを開くと既存ページが小さくなり、大きめにサイドにかっこよくメニューが出てきます。 メニューが大きいのでタッチ端末でも便利に使えそうです 関連エントリ シンプルなサイドメニュー実装jQueryプラグイン「Panel slider」 ... 続きを読む

GoogleのAPIで住所入力を超絶楽にするデモ＆サンプル:phpspot開発日誌

2015/05/19 64 users API phpspot開発日誌 一部分 Google クール

Google Address Autocomplete API GoogleのAPIで住所入力を超絶楽にするデモ＆サンプル。 Googleが提供元ということで日本語にも対応しています。 郵便番号からも、住所の一部分からも検索できるので、とにかく便利。 関連エントリ クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト フォーム要素をフラットかつ全デバイスで統一させるjQueryプラグイン「... 続きを読む

Python pandas 関連エントリの目次 - StatsFragments

2015/04/28 91 users StatsFragments 末席 Twitter エントリ

2015-04-28 Python pandas 関連エントリの目次 pandas Python このブログ中の pandas 関連のエントリをまとめた目次です。 最近 pandas 開発チーム と PyData グループ の末席に加えていただき、パッケージ自体の改善にもより力を入れたいと思います。質問などありましたら Twitter で @ ください。 目次につけた絵文字は以下のような意味です。... 続きを読む

HTML5ベースのWYSIWYGエディタ「Squire」:phpspot開発日誌

2015/04/17 14 users Quill WYSIWYG WYSIWYGエディタ 動作 自動

Squire HTML5ベースのWYSIWYGエディタ「Squire」 フラットでシンプルなデザインのWYSIWYGが実装できます。スマホでも動作。 関連エントリ スマホでも使えるWYSIWYGエディタ「Quill」 複雑なレイアウトをブラウザ上でWYSIWYGで組み立てられる「Gridmanager」 定期的に自動保存してくれるWYSIWYGエディタ「Smalleditor」 軽量でシンプルデザ... 続きを読む

CSSで14種のローディングアニメーションが実現できる「waitMe」:phpspot開発日誌

2015/04/14 53 users ローディングアニメーション CSS phpspot開発日誌

CSSで14種のローディングアニメーションが実現できる「waitMe」 2015年04月14日- waitMe CSSで14種のローディングアニメーションが実現できる「waitMe」。 次のようにフォーム送信時等にアニメーションを14種の中から選んで実装可能 呼び出しコードは以下のようにカスタマイズ性があるけど簡単。サイズや色など、テキストが自由にかえられて、どんなサイトでも使えそう 関連エントリ... 続きを読む

一定時間表示して消える通知用jQueryプラグイン「jQuery Toast」:phpspot開発日誌

2014/11/18 23 users phpspot開発日誌 モーダル jQueryプラグ 挙動

Kamran Ahmed 一定時間表示して消える通知用jQueryプラグイン「jQuery Toast」。 最近流行りの通知方法で、複数の通知を表示することも可能。カスタマイズ性が豊富で、色や表示時間、コールバック等細かな挙動の指定が可能です。 関連エントリ ツールチップ、モーダル、通知等を一手に扱えるjQueryプラグイン「jBox」 ページ内にどんどん通知アラートを設定できるjQueryプラグ... 続きを読む

Twitpic、やっぱり10月25日をもってサービスを終了へ | 気になる、記になる…

2014/10/16 45 users Twitter Twitpic 継続 本日 現地時間

9月初めにサービスを終了する事を発表したものの、その後撤回し、サービスを継続すると発表していた「Twitpic」ですが、本日、同社が現地時間の10月25日をもってサービスを終了する事を発表しました。 「Twitpic」はTwitterに写真を投稿できるサービスで、サービス継続の発表時に買収されることを明らかにしていましたが、上手くいかなかったようです。 関連エントリ Twitpic、サービスを継続... 続きを読む

レスポンシブで軽量なLightBox実装「Rebox」:phpspot開発日誌

2014/08/26 39 users lightbox レスポンシブ ズーム プラグイン 画像

Rebox - jQuery or Zepto tiny small simple responsive lightbox レスポンシブで軽量なLightBox実装「Rebox」 画像のズームとギャラリー機能付きでレスポンシブなプラグインを選ぶ際の１選択肢として覚えておいてもよいかも。 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 フラッ... 続きを読む