MacRuby でメニューバーのステータスメニューに常駐するアプリを作るための雛形をつくりました! - tokuhirom's blog.
MacRuby でささっとメニューバーのステータスメニューに常駐するアプリケーションをつくれたら便利だと思いませんか? メニューバーのステータスメニューとは↓のような領域のことです。 これができると daemontools で常駐とかさせなくても app を start up にいれるだけでいいし、管理が楽です。 この分野では mynu というライブラリが有名なのだが、これはコードが複雑でとりあつかいづらい上に、ドキュメントをよんでも macruby コマンドで走らせようという話しかでてこなくて不安になる。僕がほしいのは .app だ! という気持になるのだ。 というわけで、通常のアプリ開発フローでステータスバーに常駐するアプリをつくるための雛形を作成した。以下のコードを Xcode で生成した雛形の AppDelegate.rb におきかえ、適当な画像(たとえば このへん など)を ic
違うから！ CS2は無料で提供してるわけじゃないから！ ってアドビの中の人が言ってるみたいです（追記あり）
違うから！ CS2は無料で提供してるわけじゃないから！ ってアドビの中の人が言ってるみたいです（追記あり）2013.01.08 13:3013,080 小暮ひさのり いいじゃないか ただ だし。 って大フィーバーになっているアドビのCS2シリーズ無料ダウンロード祭り。｢Photoshop CS2｣｢Illustrator CS2｣｢InDesign CS2｣などなど、十万円近くするソフトがダウンロードできてシリアルキーも公式に公開されているとあって、アドビのサーバーをダウンさせるほど世界中でダウンロードされているようです。 かなり昔のソフトであるため、現行のIntel Mac、Windows 7環境では動作しないものもありますが、なんとアドビ太っ腹！ とワナワナと感動に震えていたわけですが、実はこれ。無料ってのは間違いであるかもしれない可能性が出てきました。 アドビのフォーラムによると、
CoffeeScriptで即時関数 - 四角革命前夜
CoffeeScriptで即時関数は書けないのかなーと思っていろいろ試してみたら書けた。 環境：CoffeeScript 1.1.1 (-> console.log 1 return )() ()で囲んでやればいいのか。 追記： id:murky-satyrさんにコメントで教えてもらった！ do -> console.log 1 return 最初に書いた方はCoffeeScriptなのにシンプルな書き方じゃないなー、と思ってたらたまたま即時関数として解釈されてただけだったみたい？ 公式に書いてあるとしたら CoffeeScript provides the do keyword, which immediately invokes a passed function, forwarding any arguments.これ、かな……？ 追記2： 即時関数に引数を渡す場合は最初に書いた感じ
CoffeeScriptで作成したClassにグローバルからアクセスできない -> 解決 - nantekkotai achieves
CoffeeScriptでClassを作った場合、そのクラスをグローバルから参照出来ないんじゃん思った。 例えば、 class Hoge constructor: (@param) -> @name = @param.name setName: (name) -> @name = name getName: -> @nameこのCoffeeScriptをコンパイルすると以下のようなJSファイルが出力される。 (function() { var Hoge; Hoge = (function() { function Hoge(param) { this.param = param; this.name = this.param.name; } Hoge.prototype.setName = function(name) { return this.name = name; }; Hoge.
正規表現サンプル(エスケープが必要な文字)
正規表現では特別な意味を持つ文字がいくつかあり、そのまま記述すると意味のある指定と解釈されます。 これらの文字を、通常の文字列として認識させる場合は、エスケープしてください。 （エスケープとは、\ マークをつけて特殊動作を無効にさせること。）
uncurryThis 関数 - hogehoge @teramako
http://wiki.ecmascript.org/doku.php?id=conventions:safe_meta_programming にて大変有用な書き方を身に着けた。 Function.prototype.bindとFunction.prototype.callの黒魔術的なもの。 obj.hasOwnProperty("prop"); と書くところをcallで書くと var func = Object.prototype.hasOwnProperty; func.call(obj, "prop"); と書ける。さらにcallをbindしてみると var func2 = func.call.bind(func); func2(obj, "prop"); となる。さらに、bindをbindすると var func3 = func.bind.bind(func.call)(func
CoffeeScriptベストプラクティス集 ブラウザ向けJavaScript編（3）
JavaScriptを最適化する CoffeeScriptをJavaScriptにコンパイルしたら、本番環境のサーバに配置する前に最適化を行っておくとよいでしょう。ここでいう最適化とは、空白などの不要な部分を取り除いたり、変数名を短い名前に置き換えてファイルサイズを減らす処理をいいます。最適化をすると、ソースコードの挙動を全く変えずにファイルサイズを減らすことができます。 UglifyJS（BSDライセンス）という最適化ツールは、YUI Compressor（Yahoo!が開発したJavaScript最適化ツール）やGoogle Closure Compiler（Googleが開発したJavaScript最適化ツール）などの他の最適化ツールと比べて実行速度と圧縮効率の面で非常にバランスがよく取れています。YUI Compressorと比べた場合、UglifyJSの方が圧縮効率は大幅に良く、
HTML5 × CSS3 × jQueryを真面目に勉強 – #11 Path風サークルメニューを作ってみた | DevelopersIO
そんな訳で、写真共有SNSの一つであるPathにある、あのサークルメニューを再現してみたので、ここにその手順をまとめておくとします。 Pathはネイティブアプリなので、JavaないしObjective-Cにて実装されていますが、こちとらはそんなハイソなテクニックは使わずに、JavaScriptとCSS3だけで行けるところまで行ってみます。 はじめに とりあえずサークルメニューの要件を大まかに書きだしてみました。 トグルボタンをクリックしてメニューアイテムの表示/非表示を切り替えたい 各メニューは円周上に均等に配置された状態で表示させたい 表示/非表示はアニメーションで切り替わるようにしたい メニュー数の増減には柔軟に対応できるようにしたい その他、各メニューの間隔や角度、表示時の距離などはオプショで指定できるようにしたい ひとまずこんなもんで良いでしょう。次にこれらの要件をどのように実装す
stockNum.App - Coming Soon
stockNum.App Something new is just around the corner 👍👍
CoffeeScriptを3時間で理解するための10のポイント(1)-(3)
＜＜前回「CoffeeScriptって何？」へ＜＜ CoffeScriptを3時間で理解するための10のポイントのうち、ポイント1から3までを解説します。ポイント1は「CoffeeScriptはコンパイルで即時関数に変換される」こと、ポイント2は「変数は自動的に宣言される」こと、ポイント3は「リテラルで豊かな表現を可能に」したことです。 POINT1 CoffeeScriptはコンパイルで即時関数に変換される ★「即時関数」でグローバル変数を作らない ★JavaScriptのstrictモードにも対応 CoffeeScriptで記述されたコードをコンパイルすると、JavaScriptのコードは、(function() {...}).call(this);でラップされた状態で出力されます（リスト7）＊1。奇異にも見える書き方ですが、実は、JavaScriptの世界では定石とも言える書き方の一
会員登録したらメールが送られてきて仮登録、その後、本登録
こんな感じになると思います。 但し、以下の例はわかりやすさを優先するため、エラー処理やサニタイズ処理などを全く行っていませんので注意してください。 また、実際に動かしてみていないコードなので、エラーがあるかもしれません(笑) 適当に修正しながら使ってください。 以下の仮登録用テーブルを作成しておく。 | CREATE TABLE interim_registration ( | username varchar(32) NOT NULL, | password varchar(32) NOT NULL, | mailadr varchar(64) NOT NULL, | reg_key varchar(64) NOT NULL | ); ---- <html><!-- register.html --> <body> <form action="http://www.example
40 Free And Useful Online Generators For Web Designers
Here, we have gathered 40 useful Online Generators to speed up your work. With these CSS Generators, you do not have to learn all the coding of CSS and CSS3, besides this it also makes your work easy because learning all hand written codes of CSS and CSS3 is not an easy task. With these useful generators, you can also create professionally written codes for your future projects. CSS3 codes are dif
Get Started With CSS3 Transitions Today | Pro Blog Design
Transitions (basic animations) are one of the most popular additions in CSS3, and one of the easiest to implement for big gains on your site. A transition is simply an animation from one set of CSS properties to another. So for example; whilst before you may have had links with blue text, which suddenly turned orange when you hovered on them, you would now replace that sudden jump with a more grac
CONDENSE-iconFont
A A B B C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q R R S S T T U U V V W W X X Y Y Z Z a a b b c c d d e e f f g g h h i i j j k k l l n n m m o o p p q q r r s s t t u u v v w w x x y y z z 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 ! ! " " # # $ $ % % & & ' ' ( ( ) ) * * + + , , - - . . / / : : ; ; < < = = > > ? ? @ @ [ [ \ \ ] ] ^ ^ _ _ ` ` { { | | } } ~ ~ Ä Ä Å Å Ç Ç É É Ñ Ñ Ö Ö
CSS Sleep Animation
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
3d nexus 7
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Single element Geometric Shapes
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
3D revolving planet using CSS3
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Mona Lisa with pure CSS
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
3D images gallery · CodePen
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
MobileMozaic, a gallery of the very best designed iphone applications
Several parents, grandparents, and even teachers consider smartphones to be negatively affecting the education of students. However, they are not that bad if used wisely. Many apps are out in the market that can be worth the time spent for them. Choosing them can even simplify the life of students. Additionally, there are apps related to betting sites that can provide entertainment and potentially
Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.
A front-end framework for building HTML5 mobile apps with a native look and feel. CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Ratchet CSS UI components. Try loading this page on a mobile phone or try our "simulator" to the right. Download Installation Javascript Dependencies modernizr zepto zepto flicka
Online StyleSheet Generator | OneClickCSS
What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサポートします。 What's LESS/SASS/SCSS? LESS / SASS / SCSSはCSSを効率的にコーディングできるCSSメタ言語です。 従来のCSSに比べ子孫セレクタ・子セレクタを簡単に管理することができ、高速にコーディングすることができます。 LESS OFFICIAL SASS/SCSS OFFICIAL 関連サービス 高画質サムネイル生成サービス HTTPクエリデコード SQLフォーマッター Insert文フォーマッター スペースフォーマッター JSONフォーマッター HTML/XMLフォーマッター Emmet toolkit for <textare
Elusive icons, an icons font designed for use with Bootstrap
Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other "attribution" claws. If you don't care much about licences there are many alternatives you can use, most notably the font-awesome font. When d
Bootstrapに270の使えるアイコンを追加できる「Elusive icons」:phpspot開発日誌
Elusive icons, an icons font designed for use with Bootstrap Bootstrapに270の使えるアイコンを追加できる「Elusive icons」 Bootstrap標準アイコンも140種類と豊富に使えますが、これに270種類を追加すれば、アイコンにはもう困らないかも。 Bootstrapを使っている方、使おうと思っている方は是非覚えておきたいですね。 ベクター形式なので拡大してもOK。 今後、アイコンはBootstrap対応をデフォルトにしてくれるとよりBootstrapが素晴らしい物になっていきそうですね。 関連エントリ Bootstrapで矢印を描くのなら「Bootstrap Arrows」 TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 Twitter BootSt
EasyBotterで作成したbot.phpに不正にアクセスできる問題について
アクセス数毎日二桁いくかいかないかの自分のはてなブログに書いても誰も見ないし、穴を見つけるたびにいちいち作者の方に連絡するのめんどくさいのでここに書きます。EasyBotterはソースコードだけみて使ったことないし、phpはWordPressのプラグインいじる程度しかできないので間違っている点があったら指摘してくださると嬉しいです。EasyBotterを使用する場合に注意してほしい点EasyBotterを使用する際、botに投稿させたい発言をtxtやdatに記述してサーバにアップロードするかと思いますが、このテキストファイルが検索エンジンにクロールされないようにしてほしいということと、bot本体の名前をbot.phpから変更してどこか別のディレクトリに移動させて欲しいということです。なぜそうしなければならないかbot本体のphpファイルに全然知らないユーザーがアクセスできてしまうからです。
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
もっともストレスの多い職業＆ストレスの少ない職業ランキング
By CollegeDegrees360 仕事探しの支援サイトCareerCast.comが、もっともストレスの多い仕事と、もっともストレスの少ない仕事、それぞれトップ10のランキングを発表しています。 調査ではストレスの要因を「移動」「成長性」「締め切り」「公衆の面前で働くこと」「競争力」「物理的な要求(屈む、登る、など)」「環境条件」「危険との遭遇」「生命のリスク(命の危険性)」「他者の命のリスク」「公的対応」の11種類に分けて、それぞれにポイントをつけていき、その合計値で職業をランキングにしました。 The 10 Most Stressful Jobs of 2013 | CareerCast.com http://www.careercast.com/jobs-rated/10-most-stressful-jobs-2013 第1位：下士官 ストレスが多い職業第1位に選ばれたのは
GhostDriverでWebアプリケーションのテストを高速化する - CODESCRIBBLE
Seleniumを使ったテストは遅いという話をよく聞きます。理由として考えられるのは以下の3つです。 テスト対象のWebアプリケーションが遅いため 遅いテストを書いているため 実際にWebブラウザを動かしているため 1つ目と2つ目は、環境やコードの書き方を変えることで改善可能です。しかし、3つ目はどうでしょうか。実際のブラウザを高速化することなど、そのブラウザの開発者でもない限り不可能です。となると、できることは、可能な限り高速なブラウザを選択することです。 PhantomJSはヘッドレスブラウザです。ヘッドレスブラウザというのはGUIのないブラウザのことで、GUIの描画処理を行わない分、通常のブラウザに比べて高速に動作するという特徴があります。そのため、時間が掛かりがちなWebアプリケーションのGUIテストを高速化するためのソリューションとして注目されています。また、マルチプラットフォー
３０代で童貞で - 常夏島日記
30代非正規雇用男性の6割が「交際経験なし」を読みました。 これが示しているのってさ 「非正規雇用という待遇のせいでモテなくて女性と交際できない」じゃなくて 「30代で非正規雇用から抜け出せないような男は学生時代から既に女性から無視されている」ってことだよな 企業からも女学生からも求められなかった人間ってことだ 30代非正規雇用男性の6割が「交際経験なし」 一瞬、気の利いたことを書く人がいるねぇ、と感心したんですが、よくよく考えればちょっと違うんじゃないかということを思ったり。 ３０代非正規雇用ってことは、多くは、新卒就職で正社員雇用にありつけなかったか、あるいは、正社員雇用にありついても本人の志向や能力にマッチしていない雇用だったり勤務先が倒産などして非正規雇用に移行しているってことですよね。 ということは、女性からも企業からも求められなかった時期は、おそらく一致していて、要は２０歳台前
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【画像】 毛を刈らないで放っておかれたアルパカがキモい : 暇人＼(^o^)／速報
【画像】 毛を刈らないで放っておかれたアルパカがキモい Tweet 1： オシキャット(宮城県)：2013/01/07(月) 22:09:50.78 ID:AtKbO56e0 これはたまげた…アルパカの毛を刈らないでいるとこんな姿になる アルパカのもふもふした毛は高級毛として人気のため、定期的に刈られます。 以前、「毛を刈られたアルパカの衝撃的な姿」をご紹介し、かなりの反響をいただきましたが、では逆に毛を刈らないと、どうなるのでしょうか。 放っておかれたアルパカの衝撃的な姿をご覧ください。 こんなに毛が伸びてしまって、野生のアルパカはどうやって生活しているのだろうと疑問に思うかもしれませんが、 実はアルパカは野生動物ではないのです。 4000年ほど前に、アンデスの人々が野生のラクダ科動物を家畜化した結果、今のようなもふもふで色とりどりの動物となったとのことです。 ちなみに羊も同じように家畜
【乞食速報】AdobeがPhotoshop CS2、Illustrator CS2などを無料ダウンロード提供中！！いそげえええええ : はちま起稿
AdobeがPhotoshop CS2、Illustrator CS2などを無料開放中。 (アカウント登録必須。登録は無料) ダウンロード可能なソフトは Photoshop CS2、Photoshop Elements 4.0/5.0、Creative Suite 2、GoLive CS2、Illustrator CS2、InCopy CS2、InDesign CS2など ※ただし全て英語版 CS2 Downloads http://www.adobe.com/cfusion/entitlement/index.cfm?e=cs2_downloads ログインしたらガチで全種類インストーラーが揃ってた。 miteru : Adobe CS2 Premium Plus for PC or Mac downloads for free | 9to5Toys - j.mp/V2Hg
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS Developer Programが期限切れ、更新手続きの全スクリーンショット
CSS3 Record Collection
Rift.js
"I'm on the flat diet" by Robert van Klinken
Canvas Orbital Trails
Base - A super simple, responsive framework designed to work for mobile devices, tablets, netbooks and desktop computers.
IDEA * IDEA
Bootstrapをネットワーク経由で使える『Bootstrap CDN』 | 100SHIKI
IDEA * IDEA
