サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
こんにちは、エンジニアの杉本です。 マネーフォワードではRailsエンジニアとして働いています。エンジニアはパソコンに向かっている時間が比較的長いため、一日のメリハリがなくなりがちです。 そこで今回は、APIを使ってSlackに時報を流す方法をご紹介しようと思います。 今回はHubot等は利用せず、Rubyを使った方法をお伝えします。 初期設定 まずはスクリプトの置き場所を作ります。 ディレクトリを作成してGemfileを生成します。 mkdir local_bots cd local_botsbundle initSlackAPIを動かす Gemの導入 次にAPIを動かす為のGemを導入します。 今回はslack-ruby-gemというGemを利用します。 早速Gemfileに設定を追加してインストールします。 Gemfile source "https://rubygems.or
CSSText Module Level 3 W3C Candidate Recommendation Draft, 30 September 2024 More details about this document This version: https://www.w3.org/TR/2024/CRD-css-text-3-20240930/ Latest published version: https://www.w3.org/TR/css-text-3/ Editor's Draft: https://drafts.csswg.org/css-text-3/ Previous Versions: https://www.w3.org/TR/2023/CRD-css-text-3-20230903/ History: https://www.w3.org/standards/h
資料的な文章なので実用的な話という感じではないですJavaScriptで画像などのバイナリデータを読み込むという目的に沿って追っていく。 XHRを使用し取得した画像データはバイナリコンテンツである。その際にJavaScriptはデフォルトで受信したデータをユニコードとして扱うため、バイナリデータに制御文字*1を表すバイト列が含まれていた際に予期せぬ動作を引き起こすことがある。そのため、overrideMimeTypeメソッド*2を使いcharsetをx-user-definedとして受信データを特別なものとして扱うように設定する。 // overrideMimeTypeを設定するプログラム var req = new XMLHttpRequest();// XHRオブジェクト req.open('GET', URL, false); // 読み込むURLと方式 req.overri
WARNING! This documentation is for an old, unsupported version of SublimeText. Please check out the current docs. Overview Vintage is a vi mode editing package for SublimeText 2.It allows you to combine vi's command mode with SublimeText's features, including multiple selections. Vintage mode is developed in the open, and patches are more than welcome. If you'd like to contribute, details are
モデレーター：IIJ 大津繁樹 2011年11月16日Chrome 15以上の動作限定です。 矢印カーソル(←→)でスライドが動きます。 ・全画面表示をするAPIのこと ・Chrome15から標準 (webkit付API) ・FireFox9から（要設定),FireFox10から標準 (moz付API) ・多分にFlashを意識？ ・ちょうど今WHATWGで rev I を議論中 webkitRequestFullScreen()を呼ぶだけ <h1 id="text" onclick="event.target.webkitRequestFullScreen()"> ここをクリック </h1> ここをクリック //止めるんだったら、 document.webkitCancelFullScreen(); //もちろんブラウザーのキーコマンドもOK
jQuery や Backbone.js でUI を開発していて面倒なのが、サーバー側のAPI を呼び出す部分の実装です。呼び出したいAPI が既に実装されていないと、細かいところまで作り込めません。 あと、上手く動かなかったときも面倒です。原因がクライアント側ならすぐ直せますが、サーバー側だった場合、サーバー側のコードを修正して、テストまでしないといけません。効率悪いですよね。 できれば、クライアント側の開発はクライアント側だけで完結したい。さらに欲を言えば、最終的にサーバー側のAPI を呼び出すように修正するとき、出来るだけ少ない修正で済むようにしたい。API 呼び出しを抽象化してダミーの処理と差し替えたり、jQuery.ajax を上書きしたり、色々工夫して最後に行き着いたのが『jquery-mockjax』。 appendto/jquery-mockjax · GitHu
HighlightText Below (And DIE) Pellentesque habitant morbi tristique senectus etnetus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget,tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorperpharetra. Vestibulum erat wisi, condimentum sed
「Web Intents」でTwitterの機能をサイトに埋め込む 先日、AmazonがTwitterやFacebookによるシェア機能に対応したので、どうやって実装しているかを見ているとTwitterは「Web Intents」という機能を利用して実装していました。 ノーチェックだったのですがWeb Intentsは4月1日に公開された機能らしくすごく便利です。今までサイトにTwitterの機能を埋め込む際にはOAuth認証を利用しなくてはいけなかったのですが「Web Intents」を利用すれば簡単に埋め込めるようになっています。 Tweet機能の実装 つぎのようなシェアボタンを簡単に埋め込めます。 このページをシェア ソースコードは次のような感じになります。 <script type="text/javascript" src="http://twitter.com/intent/t
Googleは「Google Web Fonts」というWebフォントをホスティングしていて、これらのフォントはGoogle FontAPIを介して利用することができます。Google Web Fontsのフォントデータのファイルサイズは1フォントあたり大体30KB程度あります。それほど大きなサイズではありませんが、複数のフォントを利用する場合や、ナローバンド環境などでは気になるサイズかもしれません。 そこでGoogle FontAPIでは、あらかじめフォントを適用するキャラクタ(文字)を指定してフォントデータを取得できるオプションを用意しているそうです。これにより、ダウンロードされるフォントデータのファイルサイズを大幅に削減できます。 » Streamline your web fontrequests: introducing “text=” – The officialGo
3DText Use multipletext-shadows tocreate 3Dtext on anyHTML element. No extraHTML, no extra headaches,just awesomesauce. Works in the latestbuilds of Safari,Chrome, Firefox, and Opera. h1 {text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
