タグ

2013年1月17日のブックマーク (25件)

  • 画像を使わない擬似フォームUIの作り方 第02回 「jQueryを使った擬似フォームUIの操作」|クロノドライブ

    前回はCSSを使って擬似フォームUIのデザインを整えるところまでを紹介してきましたが、今回からは擬似フォームUIの肝となる、jQueryを使ったフォーム操作の方法を紹介していきます。 前回の記事はこちら STEP05 jQueryでチェックボックスのチェック状態を操作する この時点でのサンプルを表示する 擬似フォームUIでは、実際のチェックボックスは隠れた状態になるため、jQueryでチェック/未チェックの切り替えを行います。 そのために覚えておきたいのが次の項目です。 input要素のchecked属性 input要素にchecked属性を付けることで、チェック/未チェックの状態を操作することができます。

    画像を使わない擬似フォームUIの作り方 第02回 「jQueryを使った擬似フォームUIの操作」|クロノドライブ
  • EC2上にStorage Gatewayを構築する。 - サーバーワークスエンジニアブログ

    AWSチーム、Storage Gatewayマニアの宮澤です。 ADSJの源太さんにファステストを譲ってしまいましたが、Storage GatewayがEC2上で動作するということなので、さっそく動作確認をしたいと思います。 Storage GatewayをAMIから起動 Storage Gateway用のAMIが、AWSからMarketPlaceで配布されています。 以下のように、MarketplaceからAMIを検索します。 検索結果が以下のようになりました。一番上の"AWS Storage Gateway"を選びます。 選択したAMI情報が表示されます。 VMwareESXi用に用意されていた、Storage Gatewayのマシンイメージは、CentOSで作られていましたが、EC2版はAmazonLinuxのようです。 AMIからインスタンスを立ち上げるため、右側の"Continu

    EC2上にStorage Gatewayを構築する。 - サーバーワークスエンジニアブログ
  • jQuery公式プラグイン・レジストリが公開。GitHubと連携など、今風の仕組みに惚れ惚れ

    白石 俊平 ニュース jquery 0 Comment 2013年1月17日、jQuery「公式」のプラグイン・レジストリ(プラグインの集積場)が公開されました! URLはこちらになります。 http://plugins.jquery.com/ このプラグイン・レジストリの目的は、従来のプラグインサイトでは解決できなかった、「断片化」と「配布」の問題を解決することだそうです。 「断片化」・・・「jQuery プラグインがWeb上の至る所にあり、探すのが面倒」という、現在の状況 「配布」・・・作成したプラグインを配布するためのサイト作成や宣伝に手間がかかる、従来のプラグインサイトでは登録が面倒だった 新しいプラグイン・レジストリは、GitHubと連携することを前提として、こうした問題をエレガントに解決し、従来のプラグインサイトを完全に置き換えるものです。 開発者にとっては、プラグインを公開

  • Web SQL Databaseと一緒に使いたいライブラリ·WebSQL.js MOONGIFT

    WebSQL.jsはWeb SQL Databaseを使いやすくするJavaScriptライブラリです。 惜しくもHTML5の仕様からはもれていますが、新しいWebブラウザの機能にWeb SQL Databaseがあります。そんなWeb SQL Databaseをより使いやすくしてくれるライブラリがWebSQL.jsです。 デモです。データを追加したり、削除したりできます。 さらに追加しました。再読み込みしても再現します。 WebSQL.jsはデータベースの作成、テーブルの作成、データのCRUD操作、テーブルの削除が行えます。さらにトランザクションやSQLの実行も可能です。各メソッドはチェーンでつないで実行させることも可能になっています。 WebSQL.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Web SQL Da

    Web SQL Databaseと一緒に使いたいライブラリ·WebSQL.js MOONGIFT
  • プログラミング地獄への道は“ベストプラクティス”で敷き詰められている:Rails Hub情報局:エンジニアライフ

    Ruby on RailsのメジャーバージョンアップとなるRails4のリリースが近づいて来ました。先日、日人(あるいはアジア人)として初めてRailsコアチームのコミッタとして迎え入れられた松田明氏によると、Railsの生みの親であるDavid Heinemeier Hansson氏(以下、通称のDHHを使います)は、プロジェクトをリードするという意味で活動が活発になっているそうです。 そして最近のDHHは、ブログもよく書いています。彼は歯に衣着せぬ発言でも知られています。強い主張を持った(opinionated)なフレームワークの作者らしく、DHH自身もきわめてハッキリと物を言います。攻撃的とまでは言いませんが、IT業界技術動向などでは割と何かをクソミソにけなしたりということをします。 DHHが何かをけなすときは、だいたい何らかの鋭い洞察とパンチの効いた皮肉が含まれていて、Twit

    プログラミング地獄への道は“ベストプラクティス”で敷き詰められている:Rails Hub情報局:エンジニアライフ
  • Unicorn についての知りたい情報のすべて (翻訳版) - Engine Yard Blog JP | Engine Yard Blog JP

    記事は英語版ブログで2010年5月18日に公開された記事の翻訳版です。 Engine Yard のお客様や開発者の友人の多くが Unicorn を愛用し、推奨しているので、これについて兼ねてから勉強したいと思ってました。そんな矢先に、幸いにもその学習機会が自然と訪れました。最初は無料のリソースをいろいろと見ながら疑問を解決しようとしましたが、思ったより難しく、結局は大元のソースに当たることにしました。 まず、十分な時間をかけて Unicorn の README ファイルを熟読しました。このファイルには総合情報が網羅されていますが、読み終えた後でも疑問が解決しなかったので、すべてまとめて Unicorn の開発チームに E メールで送ってみました。有難いことに、返信には私の全質問に対する答えが詳しく書かれていました。そのおかげで内情に通じることができたので、この素晴らしいリソースを皆さんと

  • bluepillを知る

    最近 Ruby 関係のことを知るのに都合のいい情報源は E和の人のtweetStack Overflowであることが多い。いやもちろんるびまも重宝していますが。 というわけで bluepill もそんな情報源から知った一つ。何かと思って調べたら Matrix 的なものではなく、 asemanfar - Why We Wrote Bluepillarya/bluepill - GitHubGod が memory leak するから書いたものらしい。それ以外に気になるのは syslog に落とせるくらいか。そんなに大きな違いはないというかむしろものすごく God に似ている。 とりあえず今 God で困ってないんだけど、押さえておこう。 [2011-02-15 追記] Ruby 1.9.2 の問題という話もあるみたい。 Twitter / @Tohru Hshimoto: そういえば、1.9

  • シンプルなWebサイトインターフェースを実装する為のフレームワーク・ink

    シンプルなインターフェースを構築する為のキット、inkのご紹介です。フレームワークの一種ですかね。ナビゲーションやレイアウトなどの雛形の様な物が用意されています。 開発が楽になるように、という名目で作られたっぽいです。便利なフレームワークは数多にあるので選択肢の一つとして。

    シンプルなWebサイトインターフェースを実装する為のフレームワーク・ink
  • 20 Useful jQuery Modal Plugins

    Modal window is a pop-up window that opens inside the webpage window and not on a separate new browser window. These are used quite often to draw the attention of the visitor on some specific content, such as, certain alerts, notices, errors or some other information etc. These can also be most commonly seen in image galleries where when you click on a small thumbnail, the larger image pops open.

  • 書籍編集局ブログ|Ohmsha

    2月15日(木)に開催された「Developers Summit 2018(デブサミ)」(主催:翔泳社)にて「ITエンジニアに読んでほしい! 技術書・ビジネス書大賞2018」のプレゼン大会と投票が行われ、大関真之先生の著書『機械学習入門 ボルツマン機械学習から深層学習まで』がみごと技術書部門の大賞の栄冠に輝きました! プレゼン大会では大関先生自ら書に関する熱い熱い思いを披露していただました。このプレゼンによって「読んでみたい!」「数式が苦手だけどこのなら読める!」と惹きつけられるオーディエンスが続出!みごと大賞に選ばれることとなりました。ブラボー! 書は、おとぎ話の白雪姫に登場するお妃様と鏡の関係をなぞらえ、その問答により「機械学習とは何か」「何ができるのか」を楽しいストーリーと可愛らしくしかも的確なイラスト、そして数式をまったく用いることなく解説している画期的な内容です。 登場する

    書籍編集局ブログ|Ohmsha
  • エンジニアだからなんとか - naoyaのはてなダイアリー

    昔から「エンジニアは営業が苦手」とか「エンジニアはデザインが苦手」とか、あるいは「エンジニアはコミュニケーションが苦手」というような言われ方が嫌いだった。 実際、営業が苦手なエンジニアというのはいると思う。でもそれはエンジニアだから苦手なのではなくて、単にその人が営業が苦手なだけだ。同じように、デザインに関してもコミュニケーションに関してもそうだ。 おおまかにそういう傾向があるということまでは否定はしない。例えばプログラミングのカンファレンスに行くとそこでは男性率が非常に高いし、全体としては、まあなんというかリア充とはちょっと違う雰囲気を醸し出している・・・というようなところがあってそれは誰もが感じることだろう。集団を集めて一般化してみるとそういう何かしらの傾向が現れる、ということまでは否定はしない。 でもやっぱり、その「エンジニアだから○○」という型にはめたような話を自分自身にあてがって

    エンジニアだからなんとか - naoyaのはてなダイアリー
  • 100万ユーザーを目指して見失う、大切なこと | The Startup

    シリーズAでそれなりの金額を調達して、ユーザー数が現状5-10万人くらいのコンシューマー向けのサービスを展開するスタートアップの数はそれなりに国内でもあると思う。このフェーズの複数社にコンサルティングなどで携わった経験を通して「1年以内にユーザー数を100万人に!」とユーザー数をKPIにしている経営者が多いなと感じます。「100万人いくための施策、何かないですか?」と言われることもあります。 ユーザー数って、質的な価値なんでしょうか? なぜユーザー数を追うのでしょうか? すごい角度で伸びているように見せかけないと、次のファイナンスが難しいからとか、そういう理由じゃないでしょうか。ユーザー数は外部ネットワーク性が効くサービスであれば関係はあるでしょうが、ユーザー体験にはクリティカルに関係ないのではないでしょうか。 拝啓、アフィリで買ってきたユーザーの退会率はいかがでしょうか。 拝啓、リワー

    100万ユーザーを目指して見失う、大切なこと | The Startup
  • CODEPREP | プログラムを書いて動かしながら学ぶ実践型のプログラミング学習サービス

    CODEPREPはオンラインプログラミング学習サービスです。1日10分プログラムを書くことで「毎日こつこつプログラムを書く習慣」と「作ったものを動かす体験」を提供し、プログラミング学習の「継続」をサポートしていきます。そうして、一人でも多くのユーザにプログラミングの楽しさを感じてもらうことをサポートしてまいります。

    CODEPREP | プログラムを書いて動かしながら学ぶ実践型のプログラミング学習サービス
  • fluent-plugin-redeliverというのを書いた

    昔からとうてい世間に公表出来ないようなものばっかり作っていた私ですが、今年の目標に「パブリックにリリース出来るもの(製品およびライブラリ)をたくさん作る」と掲げておりまして、その第一弾というわけではないですが今をときめくイベントログ収集ツールのFluentのプラグインを書きました。 名前はredeliverプラグインです。ログに別のタグをつけて再送するんです。 必要に迫られて作った感じなんですが、一応作る前にそもそもそういうプラグインありそうじゃね? って思って探してみたりはしました。するとそれっぽいものとしてrewriteプラグインとrewrite-tag-filterプラグインが見つかりました。あら…どちらの作者も名字は違うけどKentaroさんなんですね…ってそれはおいておいて、残念ながらドキュメント読んでみると微妙にぼくの使い方に合致しないため使えませんでした。 ぼくが必要としてい

    fluent-plugin-redeliverというのを書いた
  • http://blog.camelliasasanqua.net/entry/20120818/1345288125

  • 格安の互換品Lightningケーブルにご用心!? | 徒労日記

    自分はiPhone5,iPad miniを使っていますが、ナゼかiPhone5だけLightningケーブルの裏表によって充電できない事が判明しました。Lightningケーブルといえば「向きを気にせず使える」、がウリなのに。 イロイロ調べた結果、 ピンが曲がってました。 写真では分かりづらいので、もっと分かりづらく図解するとこんなかんじです。 技術資料もX線写真も見てないので断言はできないのですが、8つ並んだカマボコ型の端子がLANのRJ45コネクタと同様の仕組みでケーブル側コネクタとコンタクトする様です。 原因について。 これも絶対とは言わないけれど、思い当たる事があるとすれば先日秋葉原で買った「格安互換品Lightningケーブル」。あれが怪しい様な気がします。 まずこちらが純正のコネクタ。端子の周りにある金属部は一体成形の様にフラットで非常になめらかです。青い部分の一番左の端子が接

    格安の互換品Lightningケーブルにご用心!? | 徒労日記
  • 「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try

    はじめに みなさん、明けましておめでとうございます!・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜!」と思っていたのですが、年末からのパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい! 前々からからは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ

    「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try
  • Webページの表示速度アップに欠かせないCSSスプライトを超簡単に作成してくれるサイト「SpriteMachine」

    Webページの表示速度をアップするために、アイコンやロゴなどの画像を1枚にまとめるテクニック。それが「CSSスプライト」なのですが、これって画像の作成とか位置の指定とか色々と面倒くさいんですよね。 そんなCSSスプライトを簡単に実装するためのWebサイトSpriteMachineのご紹介。スプライトマシーン…すごく…イイ名前です… imgを圧縮してアップロードするだけ サイトに訪れたらまずは画像配置のレイアウトと吐き出すコードのフォーマットを決めます。 ちなみにフォーマットはCSSだけではなく、SCSSやSASSも選択可能です。 次に、CSSスプライトにする画像をひとまとめにして、そのフォルダを圧縮、ZIPファイルにしましょう。 そしてそのファイルを上の場所にアップロードすると… 自動的に「spritemachine」というフォルダがダウンロードされます:) フォルダの中身はpng画像とc

    Webページの表示速度アップに欠かせないCSSスプライトを超簡単に作成してくれるサイト「SpriteMachine」
  • 餃子の王将が半額サービスをする理由—できる人は「仕組み」で考える : まだ仮想通貨持ってないの?

    「非効率な努力はやめよう」というメッセージを含む書。書中に出てくる事例が面白いのでメモがてらご紹介。 ゴルフ場が「朝無料サービス」を提供する理由 ゴルフ場には、キャディの割り振りやコース内のプレーの進行状況を管理する「キャディマスター」という職種がある。キャディマスターの朝の重要な仕事に、スタートの時間を調節するオペレーション作業がある。 ほとんどの客は予約が前提なのだが、当日のキャンセルや遅刻が出るので、その調整をしなければならない。そのため、キャディマスター室の朝は大忙しである。 ところが、そのゴルフ上のキャディマスター室は静かなものだった。(中略)なぜ、ここのキャディマスター室は、これほどまでスムーズなオペレーションが機能しているのか。 (中略)社長はこう教えてくれた。「朝を無料にすると、遅刻するお客様が減るんです」 一発目に紹介されている事例。なるほどー、と唸ってしまいますね

    餃子の王将が半額サービスをする理由—できる人は「仕組み」で考える : まだ仮想通貨持ってないの?
  • PHPからSSHやSFTPを使うチュートリアル:phpspot開発日誌

    PHP Master | Using SSH and SFTP with PHP PHPからSSHやSFTPを使うチュートリアル。 PECLのssh2モジュールを使って鍵を指定してSSHログインしたり、セキュア通信上でファイル送信などのソースが公開されています 複雑な処理もモジュールでサクッと実装できちゃいます。 関連エントリ jQuery+PHPMySQLでデータグリッドを作るサンプル 過負荷に耐えるWEBサービス作成のための使えるPHPキャッシュテクニックまとめ PHPを使ったAjaxファイルアップロードサンプル10

  • neu.Node リリースのお知らせ

    去年の暮れから準備を進めて来た neu.Node だが、ようやく今日、オープンソース・プロジェクトとして github に公開することができたので報告する。 https://github.com/snakajima/neunode 詳しくは README.md ファイルに書いたが、neu.Node は iOS 上で Node.js の API を使って作った マイクロ・サーバーを走らせる仕組みである。iTunes ストアで配布する iOS アプリに組み込んでも良いし、自分や仲間だけで楽しむ「手作りアプリ」に組み込んでいただいても良い。ライセンスは MIT で、ライセンス料フリーで、非営利・商用、無料・有料の区別なく使える。 neu.Node が目指すのは、新しい形の分散コンピューティングである。「モバイル・デバイスはクライアント、サーバーはウェブ・サービス」という垣根をとっぱらい、全てのモ

  • 【資料公開】いつまで開発のやり方ばっかり語ってるの?

    みなさんこんにちは。@ryuzeeです。 2013年1月15日、16日にScrum Alliance Regional Gathering Tokyo 2013が開催されました。 まずは実行委員として、ご来場頂いた参加者の皆様、登壇者の皆様、スポンサー各社様、様々なコミュニティの皆様、ほかご協力いただいた全ての方に感謝したいと思います。ありがとうございました。 僕は1日目の達人に聞けのセッション、2日目のScrum The Next Generationに登壇させていただきましたが、2日目の資料について以下で公開しておきます。 大胆不敵にもイベントの実行委員長(僕らはプロダクトオーナーというロールにしています)が基調講演の裏で、とんがったセッションをやりたい、ということでこのセッションは企画されました。 したがって僕のスライドも結構過激になっています。 単に字面だけみて誤解をしないように

    【資料公開】いつまで開発のやり方ばっかり語ってるの?
  • 電子書籍ストアサービスを徹底比較(前編) 

  • JavaScriptのスマホ対応時に知らないと損する16のコト

    JavaScriptのスマホ対応時に知らないと損する16のコト:スマホ向けサイト制作で泣かないための秘伝ノウハウ(3)(1/3 ページ) スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS/機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit(クロスフィット)の開発・販売や、実機での

    JavaScriptのスマホ対応時に知らないと損する16のコト
  • hanatoweb.jp - このウェブサイトは販売用です! - hanatoweb リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.