タグ

ブックマーク / ozpa-h4.com (31)

  • 7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

    HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない

    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座
    harax
    harax 2012/11/08
  • 日本語住所を英語表記に変換するWebサービス「JuDress」がちょー便利!!

    英語の通販サイトを利用する際などに手間取るのが、自宅の住所を英語表記で入力しなければいけないという点。 いつもと違う番地や町名の表記の順番に頭を悩ませる方も少なくないはず。 そんな時にすっごく便利なWebサービス、「JuDress」をご紹介。 JuDressは日語住所を英語表記に変換するWebサービスです。 当サービスは英語表記の変換結果を保証するものではありません。 また、Stylish変換は実用性がありませんのでご注意ください。 変換結果が正しいか必ず確認の上、表記の参考としてご利用ください。 via: JuDress | 住所→Address変換 使い方はいたってシンプル。まずはJuDressにアクセスしませう。(ちなみに今回のデモはAppleStore銀座店の住所で行っております。) そして、郵便番号を入力して、「住所検索」ボタンをクリック! すると、都道府県名と町名までが自動入

    日本語住所を英語表記に変換するWebサービス「JuDress」がちょー便利!!
  • これが出来れば中級者!Illustrator初心者のための「ロゴ作成講座」

    先日、ブログのリニューアルに伴いまして当サイトの「ロゴ」を作成してみたわけなんです。 ↑こんなん。 で、こちらのロゴ私も大変気に入っておりまして、ありがたくも「かっこいい!」「抱いて!」というお声を頂戴したりしなかったり。 そんななか、「あのロゴはどうやって作成したのですか?」「手順を晒してください」「私も全てを晒します…//」と言ったご意見を何名かの方から頂きましたので、「Illustrator初心者のためのロゴ作成講座」と銘打ちましてどんな手順であのロゴができ上がったのかをチュートリアルにまとめてみました。 なんとも大上段に構えたタイトルですが、これからIllustratorを学ぶ方にはちょうどいい感じの内容になっておるかと存じますので大目に見てください;)そしてすんげーーーーー長いですがこちらもご勘弁ください。 新規書類を作成 では早速Illustratorを開いて、新規書類を作成し

    これが出来れば中級者!Illustrator初心者のための「ロゴ作成講座」
  • [食べた]「究極のモンブラン」…だと…?東京・三鷹のケーキ店「エスプリ・ドゥ・パリ」さん

    クリが!クリがすごいのぉぉ! と、言うわけでモンブラン大好きな私。先日も年間15万個を売り上げる和栗モンブランとやらをしたのですが、今回は東京は三鷹にあります「エスプリ・ドゥ・パリ」さんの究極のモンブランとやらをべました:) クリが口の中を占拠する…! お店は武蔵野図書館のはす向かいにございます。綺麗な店内。 でーんと構えるモンブラン様。 上から下まで栗…だと…? なんとそのお値段は672円也。すげぇ…俺の二週間の費に匹敵するじゃないか…! なんのかんので一緒にべる会社の先輩の分も購入。はやる心を抑えつつ社に戻りました。 (`ェ´)ピャー 威圧感すらあるその風貌。上に乗ったマロングラッセが私の野性を呼び覚ます。何言ってんだ。 ぞぶり…う…うまい!なんじゃい!なんなんじゃい! とてもじゃないですがそんじょそこいらのモンブランとは比べ物にならないそのお味。中に詰まったクリームからも、

    [食べた]「究極のモンブラン」…だと…?東京・三鷹のケーキ店「エスプリ・ドゥ・パリ」さん
  • デザイン・使用感ともに超上質!iPhoneカレンダーアプリの最高峰、「STACCAL」が発売されたぞ!!

    数あるiPhoneアプリの中でも、群雄割拠がひしめきあっているのが「カレンダー」というジャンル。私も、数々のカレンダーアプリを試してみては「最も使いやすいものはどれなのか?」を試行錯誤する毎日でした。 しかし、毎日のように使用するものなのにデザインが気にくわなかったり、あるものは使用感がひっかかる、こちらは同期が不安定…など、どうも「コレだ!」というものに出会うことは無かったのです。 が。 そんな日々に、終止符を打ってくれるアプリがこの度発売されました。 その名も「Staccal」。 アプリの動画が発表されてからというもの、その出来を想像する毎日だったのですが、「Staccal」のクオリティはあっさりと私の期待を飛び越えていくファビュラスマックスなものでした。 現時点で間違いなくiPhoneカレンダーアプリの最高峰のひとつと断言して良いでしょう!ドヤァ!!ドヤァ!!!! 美しいUI

    デザイン・使用感ともに超上質!iPhoneカレンダーアプリの最高峰、「STACCAL」が発売されたぞ!!
    harax
    harax 2012/08/07
  • 角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!!

    角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!! html5-css3-orange-logos / Nelson Felix Giga どうも!おつぱ( @OZPA )です! 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介! ウオアアアアアアアア さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム(回転/拡大縮小/移動)やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連:[CSS]GoodDesign賞にノミネートされて落選するこ

    角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!!
  • Google AdSenseのパフォーマンスが劇的に向上した!!!絶っっっ対に設定した方が良い「カスタムチャネル」の「ターゲット設定」について

    Google AdSenseのパフォーマンスが劇的に向上した!!!絶っっっ対に設定した方が良い「カスタムチャネル」の「ターゲット設定」について あいもかわらずプロ・ブロガーを読み漁っております@OZPA です。 今回は、Google AdSenseを導入しているブロガーの方でしたらなにはともあれぜっっっっったいにやっておいた方が良い「カスタムチャネル」と「ターゲット設定」についてのお話。 参考:Google公式のAdSense無料ガイドブックがものすげぇ参考になった | ごりゅご.com 「ターゲット設定」とは? 「プレースメントターゲット」を設定しておこう (中略)広告ユニットには忘れずにカスタムチャネルを設定し、ターゲット設定で[広告の掲載先(ブログの内容の簡単な説明)][広告掲載位置][説明]のそれぞれをにゅうりょくしておきましょう。 via:「必ず結果が出るブログ運営テクニック1

  • とんでもなく参考になりすぎるEvernote使用例 6 〜ノート総数3500 @delaymaniaの全ノートブック晒し&”肩の力を抜いた”Evernote整理術〜

    とんでもなく参考になりすぎるEvernote使用例 6 〜ノート総数3500 @delaymaniaの全ノートブック晒し&”肩の力を抜いた”Evernote整理術〜 OZPAの表4をご覧のみなさん、はじめまして。 ブログ「delaymania」を主宰しております、@delaymania と申します。 「アマオト」というバンドのギタリストをやってまして、その傍らでWEBデザイン仕事、そしてiPhone,iPadアプリの開発をやってます。 先日、尊敬するブロガーの@OZPA 君から「You寄稿しちゃいなよ」と言っていただきました。 OZPAの表4は以前から目標とするブログでして、そのブログに寄稿させていただけるとは夢のようです。 というわけで、めんどくさがりな僕の適当なEvernoteの使い方をご紹介します。 ノートブック整理は肩の力を抜いて適当にやる まず僕のノートブックをご紹介します。

    とんでもなく参考になりすぎるEvernote使用例 6 〜ノート総数3500 @delaymaniaの全ノートブック晒し&”肩の力を抜いた”Evernote整理術〜
  • あらゆるプログラミング言語学習のきっかけに!神サービス「ドットインストール」で貴方も勉強しようず!!

    人生死ぬまでお勉強。 どうも、@OZPA です。 実は、勤務している会社において、4月よりWeb担当になった私。 人間で言えばようやく羊水をタオルで拭き終わった程度のWeb知識しかないのでヒィヒィ言いながら仕事をしているわけなんですが、このGWはWebのお勉強に費やそう!とやる気満々なわけです。 そんなわけで、ずっとやろうやろうと思っていたドットインストールさんでのお勉強を開始。 今さらながらではありますが、プログラミング学習サイト・ドットインストールの使い方とすんばらしさをご紹介したいと思います。 「ドットインストール」とは? 「ドットインストール」は3分動画でマスターできる初心者向けプログラミング学習サイトです。 すべて無料でご利用いただけます。 via: 3分動画でマスターする初心者向けプログラミング学習サイト – ドットインストール ドットインストールはIDEA*IDEAの@tag

    あらゆるプログラミング言語学習のきっかけに!神サービス「ドットインストール」で貴方も勉強しようず!!
  • 「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ

    どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに

    「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ
  • TwitterのログをEvernoteに送信してくれる「ツイエバ」に、プレミアムサービスが登場で神進化を遂げた!

    Quick Tip: Use Evernote to back up your blog in real time / joe.ross Evernote大好き!@OZPA です。 @elk1997 さんによる、Twitterのログ(ツイート、DM、お気に入り、リツイート)を一日置きに、しかもアイコン付きでEvernoteの指定ノートブックに送信してくれるとんでもなく便利なサービス、その名も「ツイエバ」 参考:TwitterのログをEvernoteに送信してくれる超絶素晴らしいサービス「ツイエバ」が新規登録再開してるよ 昨年の5月に登場して以来、使い勝手の良さに惚れ込んでずっと使用させていただいているのですが、そのツイエバにプレミアムサービスがお目見えしました。 そうですね・・・うん・・・ 神ですね・・・これ。 プレミアムサービスにおける新機能 さて、今回、ありがたい事にベータテスターをさ

    TwitterのログをEvernoteに送信してくれる「ツイエバ」に、プレミアムサービスが登場で神進化を遂げた!
  • [Mac]私の生活に無くてはならないアプリ達。現在の「ログイン項目」に挙げているMacアプリまとめ

    MacBook Air on top of MacBook / dan taylor もう一度生まれ変わっても、マカーになりたい・・・ こんにちは、@OZPA です。 さて、今回は私が「ログイン時に立ち上げているMac app」(いわゆるログイン項目)について。 あまりアプリを立ち上げすぎると起動が重くなってしまうのですが、そんな中「このアプリだけは立ち上げたい・・・!」 と思うアプリ達、要するに、私のMac生活に無くてはならないアプリのご紹介です。

    [Mac]私の生活に無くてはならないアプリ達。現在の「ログイン項目」に挙げているMacアプリまとめ
    harax
    harax 2012/01/27
  • WordPressのオリジナルテーマ 作り方の記事まとめ

    サイトじゃないですけど、今使ってる。凄く分かりやすい。 チートシート 日語版 WordPress チートシート | Webクリエイターボックス WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、 … コードを書く際に便利なカンペ。 CSS入門 わたくし、CSSHTMLもまともに修めておりませんのでそのへんの知識を得るために。 CSSレイアウト実践講座 とほほのスタイルシート入門 テーマ、カスタマイズ参考 2011年に入って気になった最新Wordpressテーマの情報一挙公開 | バンクーバーのWEB屋 僕は出身が熊でして、良い物のことを、”こりゃヨカバイ!”と言うことがあります(若い人は使わないよね、そうだよね。) さて、今日は僕が思

    WordPressのオリジナルテーマ 作り方の記事まとめ
  • Macを使用するうえで覚えておくとめちゃくちゃ便利なショートカットを挙げ連ねてみる

    Mac for every student ? / luc legay 作業効率を上げるための方法は幾つもありますが、まず押さえておきたいところといえば「キーボードショートカット」でしょう。 当然のことながら、ショートカットを知っているか否かというのは作業スピードに密接に関わってきます。 今回は、Macにて私がよく使用するショートカットや基的なコマンドを含めて、覚えておくと便利なものを挙げ連ねておこうかと思います。 関連:Mac OS X のキーボードショートカット 超基のショートカット 以下はMacを扱う上で超基となるショートカットです。 たいていどのアプリケーションでもこれらのショートカットは共通ですので覚えておいて絶対に損はないです。 command + A:すべてを選択 command + Z:アンドゥ(リドゥ) command + S:保存 command + C:コピー

    Macを使用するうえで覚えておくとめちゃくちゃ便利なショートカットを挙げ連ねてみる
    harax
    harax 2011/11/22
  • [Evernote]超具体的使用例!ノート総数「12800」現在の私のノートブック晒し

    Quick Tip: Use Evernote to back up your blog in real time / joe.ross 今年の4月にEvernoteのノートブック内容を晒し出してから約半年がたちました。 参考:Evernoteの超具体的使用例 〜ノート総数「4100」私のノートブックを公開します〜 「Evernoteのノートブックの整理方法がわからない。だから具体例を調べよう」 がEvernote系のブログを漁り始めるきっかけ、ひいてはブログを書き始めるきっかけだった私にとってはノートブック晒しは定期的に行っていきたいなーと思っているコンテンツでございます。 んでまぁ「ノート数が10000超えた当たりで一度やろうかな!!」なぞと思っておったのですが、気がついたら2800ほどオーバーしておりました。ごめん気絶してた。 そんなわけで、備忘録的な意味合いを込めまして2011年1

    [Evernote]超具体的使用例!ノート総数「12800」現在の私のノートブック晒し
  • 死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)

    どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・?汚らわしいっ! [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB

    死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法!(Mac編)
  • iPhone アプリ30選!私の現在のホーム画面まとめ[iPhone][app]

    どうも、@OZPA です。 私がiPhone 3GSを購入したのが2009年の10月。つまり、それより2年ちょっとの月日がたちました。 6月にさらしあげたホーム画面からだいぶ様変わりもしておりますので、ここいらで一度ホーム画面まとめの記事を書いておこうかと思います。 こういう記事が溜まっていって、あとで見返すのが結構楽しいんだ。 参考:私が現在最も使っているiPhoneアプリ20選。2011年上半期ホーム画面まとめ!!

    iPhone アプリ30選!私の現在のホーム画面まとめ[iPhone][app]
  • とんでもなく参考になりすぎるEvernote使用例 5 〜[図解]@saiut のEvernote「超」情報収集術!!

    半年で月間25万PVを達成し、2500はてブ越えまで果たし、ついにまで出してしまった@OZPA 様のこのブログに寄稿をさせてもらえることになった@saiut と申します! TRAVELINGというブログをやっています。 TRAVELING 独自ドメイン取得して、Wordpressでブログ始めたよーってのを@EVERNOTE_MAN@ozpa 様に伝えたところ、「ゼヒうちで書い(ry流れは置いておいて、題に入らせて頂きます。 「Evernote関係の記事を書いて欲しい!」とのことでしたので、真っ先に思いついたのがノートブックを紹介することだったのですが、ここの人がすごいのを思いっきり晒してくれているので、自分がどうやってEvernoteへ情報を収集しているかを紹介させて頂きたいと思います。 Evernoteの超具体的使用例 ?ノート総数「4100」私のノートブックを公開します? 上は、私

    とんでもなく参考になりすぎるEvernote使用例 5 〜[図解]@saiut のEvernote「超」情報収集術!!
  • とんでもなく参考になりすぎるEvernote使用例 4 〜@Surf_Fish のノートブック超整理術〜

    今回寄稿の機会をいただきました@Surf_Fish こと「はま」と申します。「はまラボ」というブログを運営しています。ブログの方では、Evernote、TaskChute、ライフハックに関する記事を書いています。 はまラボ ブログ名の通り、リアルでは化学の研究を仕事としていますが、その実態はサラリーマンです。一人のサラリーマンがどのようにEvernoteを使用しているのか、という一例として見ていただくのが良いかと思います。 @Surf_Fishのノートブック 運用の基思想は「GTD」 原典通りのGTDを再現しているわけではないのですが、私がEvernoteを運用する際の基にしているのは「GTD」です。ノートブックは「タスクの状態(可動)」、タグは「属性(不動)」を表すために使用します。 タグは後から見返すときに絶対に見失いたくないものにしか付けませんので、タグの使用数は少ないです。その

    とんでもなく参考になりすぎるEvernote使用例 4 〜@Surf_Fish のノートブック超整理術〜
  • 私が現在最も使っているiPhoneアプリ20選。2011年上半期ホーム画面まとめ!!

    iPhoneの ホーム画面は 持ち主の 全てを表す ウルトラソウル (詠み人知らず) 2011年もまもなく半分が過ぎようとしております。 昨年の大晦日に更新しましたホーム画面晒し記事より6ヵ月。 ちょいと早いですが、2011年度上半期、私のiPhoneホーム画面まとめということで晒し上げておきたいと思います。 前回のまとめ:iPhone歴1年そこそこ、私のホーム画面2010決定版

    私が現在最も使っているiPhoneアプリ20選。2011年上半期ホーム画面まとめ!!