Electronを初めて触った時にハマった5つのこと - Qiita
初めてElectronを使ってTwitterクライアント https://github.com/k0kubun/Nocturn を作ったときによくわからず時間を吸われたことについて、これからElectronを使いはじめる人のために残しておく。 トラックパッドでスクロールすると画面の外までひっぱれてしまう マウスホイールでスクロールしてると気づかないのだが、トラックパッドで画面の適当なところを引っ張ると画面の外側が見えてしまい、普通のブラウザっぽくなる。Electronの検索性が低くてなかなか情報にたどり着けなかったが、ChrominumベースなのでChromeについてググったら直し方がわかった。 http://stackoverflow.com/questions/12046315/prevent-overscrolling-of-web-page html, body { width:
jQuery Recursive AJAX Call Promise
I'm still trying to figure out how to use jQuery deferred object in recursive AJAX call. I have a code like this function request(page, items){ //building the AJAX return value for JSFiddle dummy AJAX endpoint var ret = { totalPage: 10, currentPage: page, items: [] }; for (var i = page; i < (page + 5); i++){ ret.items.push(i); } //calling the AJAX $.ajax({ url: '/echo/json/', method: 'POST', dataT
Heroku上のRackアプリで動かしていたWebサイトをGitHub Pagesに移行する - Qiita
背景 最近Herokuの料金プランが変更され、無料枠が1日最大18時間までになりました。Increments社では数年前から幾つかのWebサイトをHerokuを使ってホスティングしていましたが、そのうちの幾つかは静的ファイルのホスティングだけで十分実現できる内容だったので、これらをGitHub Pagesに移行させました。料金変更だけが理由ではないのですが、移行する労力を割くに値する価値があると十分に判断できる材料が揃ったので、移行させた、という背景です。今回は折角なので、HerokuからGitHub Pagesに移行させたサービスの1つである kobito.qiita.com を例に挙げて、移行にどういう作業が必要になったかについてまとめておこうと思います。ちなみにソースコードは https://github.com/increments/kobito.qiita.com で公開されてい
[CSS]画像無しで三角形を作成する仕組みとそれを応用するチュートリアル
画像無しで三角形を作成するスタイルシートの解説と、それを使って吹き出しや折り返しを作成するチュートリアルを紹介します。 CSS Quick Tip: CSS Arrows and Shapes Without Markup デモページ（当方作成） [ad#ad-2] 下記は各ポイントを意訳したものです。 CSSで三角形を作成する仕組み CSSで作成した三角形を使って吹き出しを作成 CSSで作成した三角形をさらに応用 対応ブラウザ CSSで三角形を作成する仕組み まずは基本となる三角形の作り方です。 三つにStepを分けて、解説します。 デモページ（当方作成） CSS：Step 1 三角形の元となる四角形を作成します。 三角のサイズは「border:10px;」で決まります。高さはそのまま、幅は倍です。 height, widthは仮のものです。 .step1{ height:20px; w
ボールジャグリングの基礎
１. ボールを投げる時は、体の中心付近でボールを放します ２. 投げる高さは、頭を少し越す位がいいでしょう （右からボールを投げた場合、軌道の頂点は体の中心より やや左側になります） ３. キャッチする時は、体の外側でキャッチするようにします
Windowsで有線・無線ネットワークの優先度を設定する方法 | ライフハッカー・ジャパン
無線LAN接続中に有線LANのケーブルをつないだとき、Windowsは有線接続を無視することがあります。せっかくケーブルをつないだのに無線接続を続けられたのでは、あまり意味がありません。そんなときのための設定方法を紹介します。 複数のネットワーク接続が可能な場合、Windowsはメトリック値（ネットワーク間の距離を表す指標）が最も低いものを自動選択してしまいます。テック系メディア「NirmalTV」によるとシンプルな方法で優先度を変更できるそうです。 「コントロールパネル」＞「ネットワークと共有センター」＞「アダプターの設定の変更」を選択してネットワーク接続を選ぶ 「Alt」キーを押してファイルメニューを表示、「詳細設定」＞「詳細設定」を開く 「アダプタ」および「バインド」から優先したい接続方法（今回の場合有線LAN）を選択し、上矢印をクリックしてリストの一番上へ移動。OKをクリックして設
jQuery Mobileをマジメに使うならやっておくべきローカライズとかの設定
jQuery Mobileつかってますか？ jQueryでキャラを立てたいわけじゃないんですが...，たびたびのjQueryネタです．なんだかんだで需要が高く，最近は実案件で触る機会があったので情報を残します． いくらお手軽でも，まじめに使うならこれぐらいはやっておかないとダメじゃないかと思う設定のポイントを軽く紹介．Loading...とかデフォルト英語なラベルの変更とかです． 設定の初期化 デフォルトの文字表示やクラス名等の設定を変更するときは，Configuring Defaultsによると，jQuery本体とjQuery Mobileの間に初期化スクリプトを挿入します． <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script type="text/javascript"> $(docume
FGUG : B-Wiki - AIR for JavaScript Developers/Chapter4
カスタムコントロールの追加 課題 自作のアプリケーション向けにカスタムクロームを作りたい。ユーザーがアプリケーションのクローズと最小化をできるようにしたい。 対策 最小化ボタン、クローズボタンの機能を組み込むには、Adobe AIRのネイティブウィンドウAPIを使ってください。 考察 Adobe AIRでは、開発者がアプリケーションのウィンドウクロームを全面的に定義しカスタマイズできます。とはいえ、通常起こりうる様々なウィンドウイベントは、アプリケーションに管理が任されているという点を念頭に置いてください。つまり、各種のビジュアル要素をそれぞれのシステムイベントと結びつけるということです。 アプリケーションのメインウィンドウにあたるNativeWindowインスタンスは、メインのHTML DOM内からは直接アクセルできません。AIR APIを使えば、HTMLコントロールから抜け出し、ス
Mac OS X のアイコンを作ろう！ - ［Mac OSの使い方］All About
情報ウインドウのアイコンの部分をクリックして command + c （コピー）を押し、別のファイルの情報ウインドウの同じ位置で、command + v （ペースト）を押すことで、アイコンがコピーできます。コピー元になるデータは画像データであれば、アイコンである必要性はありません。 Mac OS X でも、Mac OS 9.x と同じように、Finderの“ファイル - 情報を見る”で表示されるウインドウでアイコンをコピー＆ペーストできます。 さらに、アイコンサイズではない画像データでもそのままペーストできるので、プレビューなどで表示した画像を編集 ー コピーしたものや、画像編集ソフトの画面をコピーしたものでもアイコンとして貼り付けることができます。 しかし、単純に画像データをコピー＆ペーストする方法では画像の透過した部分が白く塗りつぶされてしまうため、かっこ悪くなってしまいます。 では、
トラックパッドを使いこなす (Start MacBook)
マックブックのトラックパッドの使い方と設定変更についてです。 MacBookを初めてさわるWindowsユーザが、トラックパッドまわりで とまどいそうなポイントを解説していきます。 スクロールするには トラックパッドを二本指でなぞるとブラウザなどのウィンドウをスクロールしてくれます。 縦方向も横方向もOKです。 画面の拡大・縮小 コントロールキーを押しながらトラックパッドを二本指でなぞると、 画面の拡大・縮小ができます。 いきなりだったのでちょっとびびりました。 タップが効かない！ ボタンがあってもやはり、タップでクリックしたいものです。 デフォルトの設定だと効かないので、設定を変更してみます。 画面の下のアイコンのならんだところ(Dock)にある「システム環境設定」を起動し、 「キーボードとマウス」をクリックします。 すると下記の設定画面になります。 「クリック操作」を選択します。これで
mod_rewrite
mod_rewriteとは Apacheのモジュールのひとつで、アクセスURLを正規表現で書き換えることができます。リダイレクト処理を行うのに便利なモジュールです。 モジュールの解説ドキュメントによれば URLを操作するためのスイス製のアーミーナイフ と例えられるほど、非常に複雑な処理を行えます。 URLからURLへ、同一サーバ内URLだろうが、別サーバURLだろうが問いません。 引数を含む動的URLを通常のHTMLファイルのような静的URLに見せることも可能です。 素晴らしく詳細なマニュアルもありますが、機能が多いだけに情報量が多く読むのも面倒だと思いますので、ここでは、mod_rewriteを使用すると便利な場面を想定して具体的に解説してみたいと思います。 mod_rewriteの基本 ひとまず、mod_rewriteはApacheのモジュールです。インストールされていなければ、サーバ
Effect Delay Trick | Learning jQuery
Here is a quick trick for getting an effect to delay without using setTimeout. Let's say, for example, that I want to show an alert message on the page every time a user clicks on a certain button. But I don't want it to stay there forever; I want it to go away a few seconds later. You know, like the way they do in all of those crazy Web 2.0 sites. Update In version 1.4, jQuery introduced a .delay
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
Interface.jsで簡単スムーススクロール - Emotional Web
This domain may be for sale!
ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）
こんにちわ。山下です。 最近、私の周りではJavaScriptライブラリといえば、jQuery の名前がまず最初に挙がってくるようになってきました。今回は、jQueryって何が便利なの？っていう人向けに、ポイントを掻い摘んで説明します。 1.名前空間を汚さない 他のJavaScriptライブラリとかだとStringとかArrayを直接拡張してたりしますが、jQueryはグローバルな名前空間を汚しません。eachとかmapのような便利な関数もすべてjQueryオブジェクトの属性として定義されています。 jQuery.each, jQuery.extend, jQuery.grep, jQuery.map, jQuery.merge, jQuery.trim, etc. また、標準では $ にショートカットが割り当てられるのですが、jQuery.noConflict()と書くことで proto
PowerShellの基本（前編）
PowerShellの基本（前編）：Windows PowerShellコマンド＆スクリプティング入門（1/5 ページ） 対話型シェルとスクリプティング実行環境とを完全に統合した、次世代Windowsシェル、PowerShellを管理者として活用するための第一歩。 連載目次 Windowsというプラットフォームの第一の特徴は、何をおいても、その充実したGUIだろう。グラフィカルなユーザー・インターフェイスを介することで、ユーザーは複雑なコマンドなどを習得することなく、直感的にツールを利用することができる。比較的知識の浅いシステム管理者でも、それなりにWindows OSを管理できてしまうのは、まさにこのこなれたGUIの存在ゆえであるといってもよいだろう。 もっとも、GUI環境がもたらすのはメリットばかりではない。というのも、日常的に行われるルーチンワークを行うに際しては、往々にして煩雑な作
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Customize and Extend the Better WordPress Google XML Sitemaps Plugin | Envato Tuts+
Tumblr
アンディ・ウォーホルのマリリン風に写真を加工する方法 - DesignWalker
Jack Born