Hammerspoon - LuaでMac OSXを自動操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 仕事でPCを使っていると、いつしかルーティーンが生まれていきます。何度も同じ操作を繰り返したりするのは人がすべき作業ではありません。どんどん自動化し、創造的な仕事に努めるべきです。 もしあなたがLuaの扱いに慣れた人であればHammerspoonを使ってみましょう。HammerspoonはMac OSX用の自動操作ソフトウェアです。 Hammerspoonの使い方 Hammerspoonの設定画面です。起動するとメニューバーに常駐します。 例えば以下のようなコードを書くと、コマンド+Alt+Ctrl+wでHello Worldと表示されます。 hs.hotkey.bind({"cmd", "alt", "ctrl"}, "W", function() hs.alert.show("
Hammer.jsを使って簡単にタッチジェスチャーを実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 毎朝寒さで布団からなかなか抜け出せません、エンジニアのゆたろです。 みなさん、スマホのタッチジェスチャーの実装につまずいたことはありませんか？ 今回は、そんなときに便利なライブラリ「Hammer.js」をご紹介します。 hammer.jsを使ってみよう http://hammerjs.github.io/ まずは、上のリンクよりプラグインをダウンロードしちゃいましょう！ https://github.com/hammerjs/jquery.hammer.js ここではjQqueryプラグインとして使いたいので、jquery.hammer.jsも合わせてダウンロードしてください。 ダウンロードしたファイルとjQueryをHTMLに読みこませます。 <script src="jquery.js"></script> <script src="hammer.js"></script
スマホのお天気アプリを使わずにAPIからお天気情報を見る | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもこんにちは、ちゃちゃまる（@chachmaru）です。先日大学の学部が決定しました。嬉しいです。 さて、みなさんはスマホのお天気アプリって使ってますか？ 僕は毎日家を出る前に使っています。でも、なんとなーく天気を知りたいだけなのに、いちいちスマホを解除してアプリのアイコン探して起動して……ってめちゃくちゃめんどくさいです。この作業をどうにか自動化したいんですよ。 そこで考えたのは、家の玄関にLEDを置いて、晴れならオレンジ色、雨なら青色に光らすこと。これならスマホを見る必要もなく、パッと色だけ確認してサッと家を出ることができます！ そのようなことができるか、上司ののびすけさんに聞いてみました。 「それ、めちゃくちゃ簡単だよ。Node.jsで天気APIの情報を取ってきてIntel EdisonでLEDを制御すればいいじゃん。わかる？」 ……ごめんなさい分からないです。でも簡単に作れるら
JavaScriptのFormDataの使い方
JavaScriptのFormDataの使い方についてまとめました。 １．ブラウザがFormDataオブジェクトに対応するか確認する ブラウザがFormDataオブジェクトに対応するか確認するには、window.FormDataで判定します。 if( window.FormData ){ alert("対応しています"); } else { alert("対応していません"); } ２．FormDataオブジェクトを作成する FormDataオブジェクトを作成するにはnew()を利用します。 var fd = new FormData(); ３．フォームデータを取得する new()と同時にフォームデータを取得することもできます。 次のHTMLを想定します。 <form id="foo" name="foo"> …中略… </form> この場合、次のようにオブジェクト作成します。 var
PHP 配列のまとめ
配列とは？ 配列とは、PHPにおいて通常、変数は値を１つしか持てません 変数に値を追加しようとした場合、その変数の値は上書きされてしまいます しかし配列の場合、変数の中にいくつもの値を持つ事ができます
アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス
2020年11月14日 jQuery, アクセシビリティ 多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないのです。今回はこの問題を解決しようと思います！ ↑私が10年以上利用している会計ソフト！ こちらのGif画像のように、カーソルではなくキーボードの tab キーを使ってリンクを推移できるようにします。通常のHTMLとCSSを使った設置方法だと隠されている子メニューが表示されないので、キーボード操作でもうまく表示するのが今回の目標です。ちなみに
jQueryでDOM操作する際の基本記述を勉強し直してみたよ。
久し振りにJavaScriptを触ったら物凄く忘れていたので、まずはjQueryの基本記述をもう一度勉強し直してみました！DOMを操作する事って多々あると思いますので、ある意味チートシートのように見て頂くと嬉しいです。DOM以外にも偶数処理やクローン等も載せておきます。 親要素を取得する方法 まずは親要素の取得系からいきましょー。 一つ上の親要素取得 jQuery // 一つ上の親要素取得 $(".hoge").parent(); // 要素がdivなら取得する。divでなければ空(Objectは返ってくる) $(".hoge").parent("div"); 親全取得 jQuery // 親全取得 $(".hoge").parents(); // 親を指定して取得 $(".hoge").parents(".class_name"); 開始要素から最も近い親要素を選択 jQuery //
jQueryのeachと$.eachの簡単な使い方のメモ – bl6.jp
jQueryのeachと$.eachの使い方のメモです。あんまり深い知識はないので簡単な使い方ですが。。基本的にはeachは指定した要素を繰り返し処理してくれるのに対し、$.eachは配列やオブジェクトを指定して1つずつ処理してくれます。例えば、ある親要素の子要素を指定してeachで1つずつ配列に格納して、その配列を$.eachで処理したりといったこともできますね。こんな使い方でいいのかわかりませんが。以下サンプルコードです。 [ads_center] こんな感じのマークアップがあったとします。 <div id="sample"> <p>sample</p> <p>sample</p> <p>sample</p> <p>sample</p> </div> で、eachを使って#sampleの子要素pに順番をつけて、配列を作りたい場合は以下のようにしてあげるといいかもしれません。 var a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
