タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

*あとで読むに関するsamayaaanのブックマーク (22)

  • 今っぽい Vagrant + Chef Solo チュートリアル - Qiita [キータ]

    Vagrant と Chef Solo ってとてもベンリそうに見えてたのですが、ネット上にあるのは断片的な情報が多かったり、そもそもいろんなやり方があって混乱してたので、サックリ始めるためのチュートリアルを書きました。これをきっかけにベンリな Vagrant ライフを堪能して頂ければ幸いです。 [追記10/10/2013] Window 上の Vagrant でも問題なく動きました。ただ1点注意があって、UAC のポップアップに反応しないと、Vagrant か VirtualBox 側でタイムアウトになってしまうので、ポップアップを見張るか、放置したいなら一時的に無効にしておくとよいです。 [/追記終わり] [追記 10/23/2013] VirtualBox 4.3 だとまだうまく動かないようです(私も host-only adapter の作成で VirtualBox 側のエラーになり

    今っぽい Vagrant + Chef Solo チュートリアル - Qiita [キータ]
  • 開発者がアプリのアイデアをヒラメクための22箇条まとめ

    「アプリやサービスを開発する技術はあるが、アイデアが出ない」という開発者たちのために、@ITで掲載したアイデアの発想につながる記事から抽出して22箇条としてまとめた。 ヒラメキを、すぐ形にできる開発者だからこそ これまで、@ITでは多くのアプリコンテストを行ってきた。そこで、いつも課題となるのは、「アプリやサービスを開発する技術はあるが、アイデアが出ない」という開発者たちの悩みだ。しかし、当にそうなのだろうか。 開発者の方がより良いアイデアを思い付くことがあるのでは、ないだろうか。なぜなら、何気ないヒラメキを、すぐに形にできることは重要なことだからだ。 例えば、ライフレシピ共有サイト「nanapi」のロケットスタート 代表取締役 古川健介氏へのインタビュー記事「伝えることを考え抜く『nanapi』のUIデザイン」(2011年6月29日、聞き手ホシナ カズキ氏)を引用しよう。 デザインに限

    開発者がアプリのアイデアをヒラメクための22箇条まとめ
  • Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド

    Webデザインのセオリーを学ぼう / Webデザインのウソ・ホント ~ Web らしく... / コンテンツで改善する UI デザインの極意他...全21件

    Web制作会社に飛び込んだ新入社員にとりあえず読ませたいスライド
  • CSS(スタイルシート)の基本、小技、テクニック総まとめ

    CSSの基や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集|Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番

    CSS(スタイルシート)の基本、小技、テクニック総まとめ
  • RubyMotion Tutorial: Ruby で iOS アプリを作ろう

    RubyMotion TutorialRuby で iOS アプリを作ろう by Clay Allsopp Follow @clayallsopp 日語訳: RubyMotion JP RubyMotion を使うと Ruby で iOS のアプリを開発することができます。これまで Apple のプラットフォームにおけるソフトウェアは Objective-C という、素晴らしいがその一方でニッチな言語しか使用できないよう制限されてきました。RubyMotion は完全にネイティブで、効率の良い他の言語による開発を可能にします。その言語とは Ruby です。 RubyMotion Tutorial では iOS SDK をできる限り Ruby らしく使うために必要不可欠なトピックを学ぶことができます。すべてを網羅はしていませんが、洗練されたアプリケーションを最大限素早く開発するための道しる

    RubyMotion Tutorial: Ruby で iOS アプリを作ろう
  • 「jQuery Mobile」を活用したスマートフォンサイト作成(前編)

    はじめに 今回は、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。jQuery MobileはjQueryと同時に読み込んで使用するもので、スマートフォン向けサイトでよく使われるスライダースイッチなどのフォームを簡単に呼び出すなど、スマートフォン向けUIサイトが簡単に作成できます。今回はjQuery Mobileとは何かを解説し、ごく簡単なスマートフォン向けサイトを作成してみます。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 今回使用したjQuery Mobile1.2.0がサポートしているjQueryのバージョンは1.7.x、1.8.xで、1.6.x以前のバージョンと1.9.xはサポート外となっています。このため、今回のサンプルスクリプトで使用しているjQueryのバージョンは1.8.

  • 誰にも迷惑かけずWordPressをいじくり倒す方法とは?ブログのリニューアルやテーマ改造に便利です。

    WordPressの「これが困った!」 WordPressで困っていることはありませんか? サーバー移転/エラー解消/カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 WordPressをちょこちょこっといじりたくなるときありますよね? 手元のパソコンにもWordPressが入っていれば、今ブログを見にきているお客さんに迷惑をかけることなく、またネットに繋げる必要もなく、好きなだけWordPressをいじくれます。そのための手順を今回は説明しますよ。簡単なのに超便利!ぜひ試してみてくださいね。 手順 1.ローカルでもWordPressが動くように準備する 2.パソコンにWordPressを復元 3.好きなだけいじくる! 4.WordPressをメンテナンスモードにする 5.メンテナンス開始〜終了 6.まとめ 1.ローカルでもWordPress

    誰にも迷惑かけずWordPressをいじくり倒す方法とは?ブログのリニューアルやテーマ改造に便利です。
  • 【保存版】Webエンジニアが見るべきテックブログ一覧

    皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか? はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。 テックブログとは? ご存知の方も多いと思いますが、テックブログとはWEBサービスゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。 エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。 普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。 転職、新卒の会社選びにも役立つ!? 転職する際に気になるどんな

    【保存版】Webエンジニアが見るべきテックブログ一覧
  • jQueryを高速に動作させるためのポイント5つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    最近東京にこなれてきたどうも僕です。何がこなれてきたって?電子マネーさ!東京ならSuica、Edy、Waon、なんでもタッチで買えちゃうんだぜ!コンビニで清算するとき、「支払いはEdyで」と一言、そして、読み取り機にソフトタッチ。支払いのシャリーンという音とともに僕の白い歯がキラーンとかがやくのさっ! そんな東京にこなれてきた僕が、今日はjQueryを使う上で気をつけておきたいポイントを何点か紹介しようと思うよ! jQueryって便利だけど、もとはJavaScriptで、インタプリタ言語で、コンパイル時に最適化なんてされないから、書き方一つで意外とパフォーマンスに差が出てくるんだよね!開発時は高スペックのPCで見てるから気づかないかもしれないけど、あなたのサイト、低スペックマシンとかモバイル端末でみたら、もっさもさかもよ! っというわけで、jQueryを使う上で気をつけたいポイントを挙げて

    jQueryを高速に動作させるためのポイント5つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 「変数に型がないということの利点について考える」の問題について考える - ぐるぐる~

    id:perlcodesample さんの 変数に型がないということの利点について考える - サンプルコードによるPerl入門 から。 ううむ。 けれども、型がないということは、当に素晴らしいことです。 型がないことによって、たくさんの面倒から解放されるからです。 冒頭のこれが、「静的型付き言語にはメリットが(ほとんど)ない」と言っているように思えてしまいます。 コメントのやり取りを見ても、ある程度そう考えているように受け取れます。 勘違いなどが多く見られたので、補足というか、反論というか、そんな感じのことを書きます。 追記: ごく一部、このエントリを「動的型付き言語と静的型付き言語を比べて、静的型付き言語の方が素晴らしい言語である」ということを言うためのものだと勘違いしている人を見かけました。 このエントリは、そこについては言及していません。 あくまで、元記事で「動的型付き言語のメリッ

    「変数に型がないということの利点について考える」の問題について考える - ぐるぐる~
  • 開発者のための WebKit (“WebKit for Developers” 日本語訳)

    このノートは、Paul Irishによる記事 “WebKit for Developers” の日語訳です。 僕ら開発者の多くにとって、WebKit はブラックボックスだ。HTML, CSS, JS, その他のアセットを投げると、WebKit は魔法でもかけたかのように、綺麗な Web ページを返してくれる。しかし、僕の同僚 Ilya Grigorik は当の WebKit はこうだと言っている。 WebKit はブラックボックスではない。ホワイトボックスなんだ。さらにそれだけではなく、オープンなホワイトボックスなんだ。 じゃあ、これから次のことについて理解していこう。 WebKit ってなに? なにが WebKit じゃないの? WebKit ベースのブラウザで WebKit はどう使われているの? なんですべての WebKit が同じじゃないの? さて、世の中に数多くの WebKi

  • CSSをもっと使いこなしたい人用のいろいろなテクニックが見られるサイトのまとめ

    CSS3を使ってどんなことができるのか? よく見かけるあれはどのように実装するのか? いつもと違うエフェクトを使ってみたい! など、CSSのいろいろなテクニックが見られるサイトをまとめました。 More CSS Secret あなたが知らないかもしれないCSSの10のテクニックをスライド形式で。 びっくり顔はあれですが、次のプロジェクトで使いたくなるテクニックが満載!

  • Rubyのcaseを〇〇(言語名)のswitch文だと思っている人たちにぼくから一言ガツンと申し上げたい

    Rubyのcase」を一瞥し「あー要は〇〇(言語名)のswitchね」などと早合点し、その後もその真の価値を知ることなく一生を終えるプログラマが近年跡を絶たない。加えて、「今更条件分岐?RubyはOOPなんだからポリモフィズムじゃね?」とか「HashにProc突っ込んでcallするのがオレ流。」とかうそぶく人たちもまた増加の一途を辿っている。 そんな世の中にあって、ぼくは一言、できればガツンと一言申し上げたい。生まれも育ちもRubyなぼくから、是非ともそんな人たちに「Rubyのcase」について一言申し上げておきたい。 ─ 問題1 ─ 名前name、レベルlevel、ポイントpointの各属性を持った複数のCharacterオブジェクトcharlie, liz, benがある。 class Character < Struct.new(:name, :level, :point) def

  • 待つことのデザイン - A Successful Failure

    2013年02月21日 待つことのデザイン Tweet 先日のエントリ『UIの改悪がUXを改善させる場合』において待ち時間の質が大事であるという話を紹介したが、『誰のためのデザイン?』で有名なD.A.ノーマンが著書『複雑さと共に暮らす―デザインの挑戦』において一章を割いて待つことのデザインについて解説しているので、先のエントリの補遺も兼ねて、エントリでは当該章の要点を紹介したい。 待ち行列の6つのデザイン原理 ノーマンはDavid Meisterの1985年の古典論文「待ち行列の心理学」を元に最新の知見を加えて、待ち行列のエクスペリエンスを増強するために次の6つのデザイン原理を提案している。 概念モデルを提供すること 待つことが適切であると受け取れるようにすること 期待に応える、あるいはそれを上回って応えること 人々の心をとらえておくこと 公平であること 終わりと始まりを強調すること 1

  • +BLOG

    +BLOG ヤバイ!AMAZONプライムデーでこれ買った!ベスト1 2023/7/12 地元民が選ぶ名古屋グルメおすすめ12選 2022/7/22 モンブランクレープがべられる『IVY’s GELATO&Coffee』 2022/7/8 2022/7/11 洗車後のコメダ新作『ミルクロネージュ』が身体に染みた 2022/7/3 真夏日PM3:00地獄のジムニー洗車 2022/7/2 『ブルーボトルコーヒー』でワッフルコーヒータイム 2022/7/1 灼熱地獄でべるレッドチリスモーキーワッパー 2022/6/30 毎年恒例のすき家でニンニク祭してきた 2022/6/29 2022/6/30 小袋ナッツどれがいいんだ問題を解決する 2022/6/28 買うべき名品!ドンキの『ナッツ&デザート』 2022/6/27 +BLOGは名古屋のフリーランス個人ブログです! 人気記事 ヤバイ!AMAZ

    +BLOG
  • [JS]スライド内の複数の要素それぞれに異なるアニメーションを設定できるスライダー -Fraction Slider

    スライド内に複数の要素を配置し、それぞれ異なるタイミングで異なるアニメーションを設定できるスライダーを実装するjQueryのプラグインを紹介します。 デモ:Animation Basic それぞれ対角にアニメーションでスライドします。 Fraction Sliderの使い方 実装は非常にシンプルです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="fractionslider.css"> <script src="jquery-1.9.0.min.js" type="text/javascript"></script> <script src="jquery.fractionslider.js" type="text/javascript" ></script>

  • JavaScriptと非同期のエラー処理

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。前回のコールバック地獄に関する記事では、複雑な入れ子になりやすい非同期処理でも、GeneratorやjQuery.Deferredを使うことで、同期的な見た目に変形できることを示しました。 ところで、非同期処理においてはもう一つ「 エラー処理に例外が使えない 」という問題があります。今回はエラー処理について考えてみたいと思います。 例外を使ったエラー処理 非同期処理の話の前に、一度「例外」についておさらいしておきましょう。JavaScriptに限らず、エラーと言えばよく例外を使って記述されます。 「Web APIから500が返ってきた」とか「入力された値が期待する型

    JavaScriptと非同期のエラー処理
  • ここ一年くらいで参考になったデザイン/webデザインに関するスライド10

    スライドはズルい スライドってズルいですよね!w web制作においてはコンテンツを閲覧させる障壁とも言われるクリックを150回とか強いるのに、こんなにも読ませるコンテンツ!!すごい!ズルい! たまに思うんですが、私の長文もスライド形式にしてしまえば読んでもらいやすいんじゃない?とか考えます。フリーのwebデザイナーのたえさん(@ken_c_lo)も同じこと考えてたみたいでひじょーに嬉しかったですw なんかそのうちブログをスライド化して見られるプラグインでないかなー、もしくは作ってみようかなと思っている今日この頃です。 webデザインに関するスライドまとめ 題です。世間的には少ないと言われているwebデザインにおける「デザイン」にフォーカスを当てたスライドで私がブクマしていたものを集めてみました。 タイトル的にうん?と思うものもありますが、全て考え方等を含めデザインを考えることについて参考

    ここ一年くらいで参考になったデザイン/webデザインに関するスライド10
  • Google アナリティクスでよく聞かれる事に答えるためのオススメサイト8つ+記事20本 - Real Analytics (リアルアナリティクス)

    Googleアナリティクスに関する質問を時々聞かれます。仕様であったり、実装であったり、機能であったりとその内容は多岐にわたります。そんな時には公式サイトのヘルプや自分のブログ記事を案内したりしているのですが、都度都度それを探して返信するのが大変なので(しかも、毎回どのページを紹介したか忘れてしまうので)、一つ記事を書くことにしました。読者の皆様にも参考になるのでは?ということで、よろしければ御覧くださいorブックマークしてくださいませ。数ヶ月に1回くらいアップデートしようと思います。 なお、記事の内容に関しては事前に確認をしていますが、 1)現時点でその内容や仕様が変わっている可能性があります 2)(また、公式サイトと言えど)書かれていることが、必ずしも正しいとは限りません 3)また、それらの内容の成否について私からお答えすることもできません という事だけ、了承いただければ! オススメの

    Google アナリティクスでよく聞かれる事に答えるためのオススメサイト8つ+記事20本 - Real Analytics (リアルアナリティクス)
  • jQuery Core 1.9 アップグレードガイド 日本語訳

    ちょっと話題としては乗り遅れた感が漂いますが、先月末に jQuery 1.9 の正式版、および jQuery 2.0 のベータ版がリリースされました。 jQuery 1.9 final, jQuery 2.0 beta, Migrate final released : Official jQuery Blog これに際して公開された、jQuery 1.9 への移行ガイド 「jQuery Core 1.9 Upgrade Guide」 を翻訳してみたので下記に公開してみます。 jQuery 1.9 / 2.0 とは? jQuery 2.0 は IE 6/7/8 への対応をやめることで、より軽量で高速、そして安定化を目指した jQuery のメジャーバージョンアップ版ですが、jQuery 1.9 は 2.0 と 完全な互換性を持ちつつも、レガシーブラウザへの対応が可能なバージョンで、IE 8

    jQuery Core 1.9 アップグレードガイド 日本語訳