Slack上で現在雨が降ってるか確認できるHubotスクリプトを作ってみた
はじめまして。 さっそく弊社CTOの記事でネタにされてますが、Slack導入されてテンション上がっているエンジニアのasmzです。好物はアサヒスーパードライです。 さてところで、何でこの飲んだくれエンジニアがまだシラフのくせにSlack導入されてテンション上がっているのかというと、SlackはHubotと連携してボットを動かす事ができるんですね。 Slack上でボット動かすことで、以下のようにいろいろ楽しいことができるそうなんですよ。 チームの効率を最大化！nanapi流ChatOpsの取り組み チャットで勤怠管理する「みやもとさん」をリリースしました ただのボットに留まらぬこのポテンシャル、見逃す手はないですよねー。 弊社のSlackにはCTOが「otobot」という名前のHubotを入れてくれたので、このotobot君を愛すべきマスコットキャラに育て上げるべく、我々エンジニアが頑張らな
[JS]ページのデザインに影響を与えないパーフェクトなスクロールバーの超軽量スクリプト -Perfect Scrollbar
Perfect Scrollbar Perfect Scrollbar -GitHub 何をもってパーフェクトなのか Perfect Scrollbarのデモ Perfect Scrollbarの使い方 何をもってパーフェクトなのか このスクロールバーにパーフェクトとつけた理由は、下記の4つだそうです。 ページ上のあらゆる要素にCSSで影響を与えないこと スクロールバーがオリジナルのデザインに影響を与えないこと スクロールバーのデザインは完全にカスタマイズ可能であること コンテンツの大きさが変化したら、スクロールバーの大きさと位置がそれに合わせて変化すること Perfect Scrollbarのデモ デモではあずにゃんの画像をホバーすると、スクロールバーが表示されます。 デモ：領域を拡大 バーの長さが変化していることに注目してください！ Perfect Scrollbarの使い方 Step
複数のファイル拡張子を一括で変更するには
複数のファイル拡張子を一括変更するには、bashのコマンドを使うのが簡単だ。例えば、*.tiffというファイルを*.tifに一括変更するには、以下のように行う。 $ ls 01.tiff 02.tiff 03.tiff 04.tiff 05.tiff ←拡張子はすべて.tiff $ for fname in *.tiff; do ←拡張子がtiffのファイルが存在する限り、以下の命令を繰り返す > mv $fname ${fname%.tiff}.tif; > done $ ls 01.tif 02.tif 03.tif 04.tif 05.tif
[perl] コマンドラインから Day One に投稿する - 酒日記 はてな支店
最近 Day One ってメモアプリが人気なんでしょうか。便利ですよね。 とりあえず Dropbox 同期している場合限定ですが (iCloud の仕組みをよく知らない)、コマンドラインから投稿するスクリプトを書いてみました。 $ perl dayone.pl 標準入力からテキストを入れましょう(UTF-8で)。 (入力終了はCtrl-D) C0BE48265C4B11E1903988CB6A462356.doentry created.要するに ~/Dropbox/Journal.dayone/entries 以下に plist ファイルを置けば、あとはよしなにやってくれるみたいですよ。 [追記] @fujiwara つ /Applications/Day One.app/Contents/MacOS/dayone 2012-02-21 15:12:41 via Echofon to @
[JS]ページ全体をダイナミックに横にスライドし、コンテンツを表示するスクリプト -PageSlide
デモ PageSlideの使い方 外部ファイル スタイルシートをhead内に記述します。 <link rel="stylesheet" type="text/css" href="jquery.pageslide.css"> ページの下（</body>の上）にスクリプトを記述します。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.pageslide.min.js"></script> JavaScript PageSlideさせる要素を指定します。 <script type="text/javascript"> $('a').pa
[JS]CSS3アニメーションを使った3Dのプレゼン用スライドショーツール -reveal.js
デモ：slide 3 [スペース]キーでスライドのオーバービューを表示。 [ad#ad-2] reveal.jsの主な特徴 reveal.jsは複数のパネルをダイナミックなスライドのアニメーションで表示することができます。 新しく改善されたスタイル。 下部にコントロールが可能なナビゲーション。 「highlight.js」を内包、コードのシンタックスハイライトに対応。 トランジションのテーマはdefault/concave/linearの3つ。 他のスライドをネストすることも可能。 各パネルごとに直接アクセスが可能。
[JS]これ以上ないと言うくらい簡単に実装できるスライダーのスクリプト -Flow Slider
IEでも滑らかで快適に動作するスライダーを簡単に実装できるjQueryのプラグインを紹介します。 実装にかかる時間は2分くらいでしょうか。 Flow Slider [ad#ad-2] Flow Sliderの特徴 Flow Sliderのデモ Flow Sliderの実装 Flow Sliderの特徴 滑らかなアニメーションで動作します。 実装は簡単で少しのコピペでok。 ベースとなるスタイルシートは用意済み。 クロスブラウザ対応。 対応ブラウザ Firefox Safari Chrome IE Opera9 Flow Sliderのデモ デモではサイトのトップにあるベーシックなスライダーと、本棚に並べたようなスライダーがあります。 スライダーの操作はマウスホバーで、左右の端ほど素早くスライドします。 Flow Slider: Example グリーンのボタン「Buy Book」をクリック
CoffeeScript基礎文法最速マスター｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
CoffeeScript基礎文法最速マスター はじめまして。新人のtek_kocです。 今回は巷で話題のCoffeeScriptの文法をまとめてみました。 1年近く前に流行った基礎文法マスターシリーズにCoffeeScriptがなかったので、勉強も兼ねて同形式で書いてます 。 JavaScriptを使っている方はこれをざっくり眺めてCoffeeScriptへの移行を検討してくれればなと思います。 まだ網羅しきれていないですが、これを読めばCoffeeScriptに乗り換えることができるはずです。 間違いや、足りない箇所などがあれば、是非コメント等で指摘してください！ バージョン 現時点で最新の1.0.1を対象にします。 ０．概要 CoffeeScriptとはJavaSciprtにコンパイル可能な言語です。 RubyやPythonなどに近い記述が可能で、JavaScriptの開発をより効率的
[JS]任意のキーを組みあせて、イベントを設定できる超軽量スクリプト -jwerty
コナミコマンド（上上下下左右左右BA）など任意のキー操作を組みあせて、エレメントやイベントを設定できる超軽量(1.5kb)のスクリプトを紹介します。 jwerty [ad#ad-2] jwertyはjQueryなど他のスクリプトに依存しないで動作するスクリプトで、minified版で1.5kbと超軽量です。 ※jQueryと一緒に設置することはできます。 jwertyの使い方 使い方は簡単で、外部ファイルとして当スクリプトを指定し、キー操作ごとにエレメントやイベントを設定します。 キーボードのスタイルがかわいかったので、キャプチャで実装例を紹介します。 jwertyの実装例 [ad#ad-2] jwrtyのサイトでは、下記のショートカットが用意されています。 zipでダウンロード Ctrl+Alt+z tarでダウンロード Ctrl+Alt+Shift+z jwerty -GitHubにア
[JS]かわいい猫画像になごんでしまった、指定範囲をフォーカスするスクリプト -Gallery Focus
オプションもリアルタイムに適用 Gallery Focusの実装 HTML フォーカスを与える画像を「#gallery」で内包します。 「#gallery」はjQueryのセレクタで指定できるものであれば、何でも可です。 <div id="gallery"> <img src="images/01.jpg"> <img src="images/02.jpg"> ... ... </div> JavaScript 「jquery.js」と当スクリプトを外部スクリプトとして指定し、下記のスクリプトを記述します。 $('#gallery img').galleryFocus(); スクリプトのオプション オプションでは、範囲のサイズ、フェードの量、適用範囲、反転、オーバーレイの有無を指定できます。 $('#gallery img').galleryFocus({ 'radius': 800, '
[memcached] memcachedインストール手順 - Life with IT
(Fedora) % sudo groupadd memcached % sudo useradd -g memcached -s /sbin/nologin -d /nonexistent memcached 配布ファイル展開 % tar zxvf memcached-1.2.6.tar.gz % cd memcached-1.2.6 make,インストール % ./configure % make % sudo make install インストール物 (man,infoは除く) /usr/local/bin/memcached /usr/local/bin/memcached-debug 動作確認 memcachedを起動する。 % memcached -u memcached -d まずは-dオプションにてデーモンモードでmemcachedを起動する。 その他、主なオプションを以下
![[memcached] memcachedインストール手順 - Life with IT](https://cdn-ak-scissors.b.st-hatena.com/image/square/63c67004f340a9cfebe1346d512a10a786385cbc/height=288;version=1;width=512/https%3A%2F%2Fl-w-i.net%2Fimg%2Flogo_256.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mojolicious::Lite