まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。 スライド スライドは非常に丁寧な作りとなっておりますので、よく読みこめば初心者でもしっかりと理解をしながら学習することが出来ます。 矢印キーでページ送りができるのがCool。 1レッスンにつき数枚のスライドが表示されますので、見終わったらエディタ画面へとGO！ エディタ画面 こちらがブラウザ上で動作するエディタ画面。左側が問題文、真ん中がエディタ、右側がプレビュー画面となります。 もう一度スライ

こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。（たまにjQueryが必須でないものもあります。） ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプルで綺麗だし、マークアップも簡単。テキストもOK。お気に入りのプラグインです。 Owl Carousel bxSlider 個人・商用利用可能。シンプルなスライダープラグインです。レスポンシブで動作し、カスタマイズもしやすく重宝します。 jQuery Content Slider | Responsive jQuery Slider | bxSlider Glide.js デモページがカッコイイス

Markdownを覚えて以来、ちょっとした心境の変化と、Sublime Textでブログを書き始めたら結構これが快適だったので、MarsEditを使うのを試験的にやめてみました。 そんなわけで本日は、最近私がどうやってブログを書いているのかと、使っているアプリ・ツールを晒してみたいと思います。（環境はOS X 10.9です） ブログ執筆の順序 まずはブログをどうやって書いているのか、その手順から。 アプリのダウンロード用html用意（アプリ紹介の場合） 画像用意→加工（リネームまで） 画像をまとめてアップロード Sublime Textで執筆 WordPress管理画面にてアップロード アプリのhtmlコード取得 アプリのコードはAppStoreHelperを使って取得しています。テンプレートを自分好みに簡単にカスタマイズできるのが嬉しいポイント。

メモ書きやらブログの下書きにMarkdownを使い始めたわけなんですが、まぁこれが快適でして。さっくり下書きできて後で簡単にhtmlに起こせると言うのが嬉しいです。学習コストも大した事ないし。 Markdown使うためにMac、iPhone、iPadに導入したエディタアプリ で、↑の記事ではMacでMarkdownを書く時にMouを利用し、ときたまSublime Textを使っていると書いたのですがメインエディタをやっぱりST2にしました。 キャレットが増やせなかったり、やっぱりビジュアルが我慢できなかったり、Mouを使ってると「もう〜」ってなる瞬間が多かったので。Mouだけに。Mouと感嘆詞の「もう〜」がかかってます。すごい。 そんなわけで今回はSublime TextでMarkdownを快適に書くために導入したプラグインと設定を書いておこうかと思います。（なお、私の環境はMac + S

Webページ閲覧中に「あれ…このフォントなんてフォントだろう…」ということがよくあるのですが、それをチョー簡単に調べられるChrome機能拡張がありましたのでご紹介。 その名も「WhatFont」。名前の直球具合に好感が持てます。 WhatFont WhatFontの使い方 まずはなにはともあれDLしましょう。ダウンロードはこちらから。 DLしたら機能拡張メニューバーにご覧のアイコンが現れます。あとはフォントを調べたいサイト上でこのアイコンをクリックするだけ。 マウスオーバーするとそのフォントが表示されます。 クリックすればこのようにfont-sizeやline-height、colorなどの詳しい情報も知ることができます（色が赤になっているのはhover時の色を表示しちゃってるっぽい） 複数指定している日本語フォントでもこの通り。バッチリです。

商品概要 指でつまむようなデザインでさまざまな太さのケーブルを挟むことが可能 ケーブルを思いのままに配線可能 設置は簡単、デスクや壁に裏面のシールで貼るだけ 煩わしいケーブルの配線が楽しくなる豊富なカラーバリエーション ケーブル以外にもイヤフォンやボールペンなどアイディア次第で広がる使い方 via: 【Bluelounge Design】ケーブルドロップ[CableDrop] | トリニティ株式会社 我が家ではiPhoneやiPadを充電するためにケーブルを机やベッド際に放り出している形にしているのですが、ふとした瞬間に視線がぶつかるケーブルが隙間に落ちたり意図せぬ場所に移動していたりで結構鬱陶しい。 それを解消してくれるのがこのCableDrop。ケーブルをつまんで固定してくれるわけです。 商品はAppBank Store 新宿さんで購入。3×3で…えと…10個弱ついてました。 なるほど

年の瀬も押し迫って参りました。忙しい時期ですがこの師走感、嫌いじゃないです。 そんなわけで、締めくくるのにはまだ早いですが今年買ってよかったなと思うガジェットなどをまとめてみることにしました。 ScanSnap「iX500」 いきなり買ったものでなくモニターとして頂いたもので申し訳ないのですが、まずはScanSnap「iX500」。そう。スキャンする、やつです。 これを手に入れてからというもの、紙の書類をどんどんと電子化してiPadなどに放り込むようになり、手荷物が減りました。持っている書籍・漫画などもディスクカッター DC-210Nにてバシバシ裁断、自炊しております。 新型ScanSnap「iX500」レビュー｜Wi-fiによるスキャンが可能、高速読み取りを実現。 ScanSnap「iX500」がパソコンとのWi-Fi接続を実現！より快適なスキャンライフを送れるようになったぞ！！

スマホに最適、大容量バッテリー ・Amazon等で長期に渡り、圧倒的な販売を記録した「cheero Power Plus」の後継機が登場。LEDライト、充電時完了時 自動電源OFF等の機能が追加されデザインが刷新！アルミ素材で丸みを帯び、手に馴染みの良いデザインに！ ・USB給電可能なiPhone、iPad、スマホ、Tablet、Wifiルータ、Kindle、ゲーム機等、多岐のデバイスの充電が可能。前作変わらず、安心大容量の10,400mAh(iPhone、スマホ等 約5回分)で、2台同時充電可能！！ ・1Aに加え2.1Aポートがあり、iPad等も高速充電可能です。また、自動電源OFF機能があり、充電後は自動でOFFになり放電の心配もありません。　*2.1Aポート、自動電源OFF機能は未対応のデバイスもあります。 ・付属ケーブルは頑丈なMicroUSB-USBケーブル(75cm)で、鞄にバ

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

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

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

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

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

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

HOME>Design>Illustrator初心者の方へ送る、ベジェ曲線を描く際知っておくと便利なことと練習法（サンプルテキストもあるよ） ご存知のない方やお忘れの方も多いかもしれませんが、私、本職は一応グラフィックデザイナーなのです。 毎日IllustratorやPhotoshop、InDesignと言ったアプリケーションに触れているわけで、まぁ人並みにはそれらのソフトを使えるわけですよ。 で。 先日TL上で、ウェビメモの@xxmiz0rexx さん、Moon Blackの@tsuki_kuro さんとIllustratorの話をしてたのです。半裸で。 [blackbirdpie url=”http://twitter.com/#!/xxmiz0rexx/status/62715027605557249″] ベジェが苦手とのたまう女子 [blackbirdpie url=”http:/

全国のOZPAファンの皆様はじめまして。 この度、寄稿させていただくことになりました、@ika621 と申します。 Punksteadyというブログを書いています。誰かの役に立てればいいなと思って書いています。よかったらのぞいてやってください。RSS登録してくれたら更に喜びます。 さて、Evernoteといったら、@goryugo さん。 昨年12月に@OZPA と時期を同じくして、@goryugo さんのブログに寄稿させていただきました。 参考：参考になりすぎるEvernote活用例2 – @ika621 – | goryugo, addicted to Evernote そして今回、@OZPA のブログにも寄稿させていただき大変光栄に思っています。 内容は@goryugo さんのブログに載せて頂いたの際と同じ、Evernoteのノートブック晒しです。 あまりにも自由度が高すぎるEver

HOME>Evernote>[図解]Evernoteユーザに捧ぐ！現在使用中のiPhoneアプリ+Webサービス17選！！ 新年度ですね。何かを始めたり、見直したりする格好の機会ですね。 と言うことで本日は、Evernoteに情報をインプットするために現在私が使用しているiPhoneアプリとWebサービスを挙げ連ねておこうと思います。 （アプリの値段は執筆時のものです。購入時はご確認ください。） 今年の一月にエントリーした記事では、iPhoneアプリのみに絞って現在のEvernote周りを晒しあげたのですが、今回は大変便利なWebサービスも一緒にご紹介したいと思います。 以前と変更していないところもありますが、それらについてもサラッと触れつつ進めていこうかと。 （クリックでPDFが別窓表示されます） 上が、2011年4月現在の私のEvernote連携事情。NANAの人物相関図よりは簡単だね

素晴らしいアプリのことを「神アプリ」と安直に言うのは嫌いなんです。なんか安っぽく聞こえるじゃないですか。 だがあえて言いましょう。PictShareは神アプリ。少なくとも、私にとっては。 Evernoteでログを漁ってみたところ、「PictShareすげえええ」と1月4日につぶやいておりました。 あの「そら案内」などで知られる@itok_twit さん作成の「PictShare」は、複数の写真を様々な写真共有サービスに簡単にアップロードできるアプリです。 PictShare – multiple photos uploader 1.4.1 iPhone、iPod touch および iPad 互換 iOS 4.0 以降が必要 カテゴリ: ソーシャルネットワーキング 価格: ￥230 更新: 2011/03/22 リリース後すぐに購入し、「すげえええ」とつぶやいているにも関わらず、なぜか私、