javascriptに関するapp2641のブックマーク (5)

  • Sortable. No jQuery.

    // Simple list var list = document.getElementById("my-ui-list"); Sortable.create(list); // That's all. // Grouping var foo = document.getElementById("foo"); Sortable.create(foo, { group: "omega" }); var bar = document.getElementById("bar"); Sortable.create(bar, { group: "omega" }); // Or var container = document.getElementById("multi"); var sort = Sortable.create(container, { animation: 150, // ms

    app2641
    app2641 2015/01/13
    ドラッグ&ドロップライブラリ
  • GoogleAppsScript で ChatWorkAPI を使ってみた - Lazuli

    はじめに ここにあるように最近、ChatWorkAPI のプレビュー版が公開された。色々いじってる。 うちの会社ではその日の予定をGoogleカレンダーで管理してるんだけど、いかんせん自分から予定を見に行こうとしないと把握出来ない。チャットなら常時開いてるし日付変わった時に ChatWork に予定をポストしときゃいいんじゃないかなーと。 GoogleAppsScript (GAS) なら GoogleApps の相性が抜群なのでそれで。 GAS で Google カレンダーを操作する カレンダー情報を取得してから今日の予定を取得する。CalendarApp クラスを使う。扱い易くて良い。 function getCalendarSchedule () { var calendar = CalendarApp.getCalendarByName('予定')[0], events = cal

    GoogleAppsScript で ChatWorkAPI を使ってみた - Lazuli
    app2641
    app2641 2013/12/13
    GAS で ChatWorkAPI 叩く話を書いた
  • 新垣結衣に救われる Chrome 拡張を作った - Lazuli

    こんなエントリを偶然見つけた。 すぐに吉高由里子を見れるGoogle Chromeの拡張作った。 - パルカワ2 羨ましい。俺も新垣結衣に救われたい。 だから Chrome 拡張を作った。 Chrome ウェブストア - YuiButton 拡張入れるとツールバーにダウンロードボタンみたいなのが追加される。 それをクリックすると新垣結衣が現れる。心も洗われる!!!!!!!! 技術的な話 とりあえず TumblrAPI を使って画像を取得してる。 適当にアプリ名とか登録すればすぐに使えて便利だった。 http://api.tumblr.com/v2/tagged?tag=新垣結衣&api_key=ほにゃららこんな感じでリクエストすると新垣結衣タグのポストが取れる。 簡単便利。すごい。 しんどいときは新垣結衣に救われよう。 Enjoy!

    新垣結衣に救われる Chrome 拡張を作った - Lazuli
  • Google Nexus Website Menu | Codrops

    A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website. Today I want to show you how to reconstruct the sidebar menu of the Google Nexus 7 page. It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special menu icon, the sidebar icons will be revealed. When clicking on the icon, the whole sidebar me

    Google Nexus Website Menu | Codrops
    app2641
    app2641 2013/07/31
    Nexus7のページで使われてるサイドバーメニュー
  • JavaScriptのオブジェクトについて考察してみた - あと味

    JavaScriptを勉強しているとオブジェクトとはなんぞや?ということがわからなくなってきます。選択肢が増えれば増えるほど。 JavaScriptには、同じように見えて、実は同じではないデータがあります。それらのオブジェクトについて、区別して説明が付けられるように、自分なりに考察してみました。勉強中のアウトプットなので、ここで書いた内容は事実とは大きく外れているものかもしれません。とにかく不明瞭な部分を自分なりに理由づけしたかっただけです。 サンプルコードを試される場合は、FirefoxのFireBugにあるコンソールに貼りつけて実行するか、Safariの開発ツールにあるコンソールに貼りつけて実行してください。それがわからない方は console.log の部分を alert に置き換えて確認してください。 話がややこしくなるので、今回はプロパティしか扱っていません。 名称の定義について

    JavaScriptのオブジェクトについて考察してみた - あと味
  • 1