Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「ｾﾏﾝﾃｨｯｸ!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために
Macユーザの私がWeb制作を行う上で使用しているアプリ・ツール・サービス・ブックマークレットなどのまとめ
昨年より、5年間やっていたDTPの部署からWeb制作の担当と相成った私。 正直、まだまだお勉強中のWeb制作なのですが、ちょいとここいらで今自分が使用しているアプリ・ツール・サービスなどをまとめておこうと思います。 デザインに使用しているアプリ まずはデザインに使用しているアプリ。 Adobe Photoshop・Illustrator デザインに使用しているのはAdobeのPhotoshopとIllustrator。（CS5） DTPのころから使っているので非常に慣れているのはいいのですが、おかげさまで新しい環境に飛び込む勇気がなく、いつか覚えようと思っているFireworksに手を出す時間がございません。 まぁそのうち…うん…。 どんな風にIllustratorやPhotoshopを使用しているのかは、以下の記事をごらんくだしあ。 これが出来れば中級者！Illustrator初心者のた
Web上での写真管理を「Picasa」に任せることにした3つの理由
先日、PENTAXのミラーレス一眼「PENTAX Q」を購入したわけなんですが、合わせて購入したのがWi-fi内蔵メモリーカードの「Eye-Fi」。 カメラの電源が入っている状態でWi-fiに接続していると撮影した写真をPCやWebサービスにアップロードしてくれるシロモノ。で、このEye-Fiの購入を機に、ずっと見直そうと思っていた写真の管理をPicasaへ移行することにしました。 これまでの写真のゆくえ カメラを購入するまでは、全て写真はiPhoneでの撮影。それらの写真は一日ごとに「PictShare」を使用してEvernoteへ送信する、と言う方法をとってきました。 理由としては iPhoneで撮影した写真の保存は解像度にはこだわらない ログはことごとくEvernoteに残したい といった点が上げられるのですが、そろそろこのシステムが破綻しそうなのです。っていうかEvernoteにノ
これが出来れば中級者！Illustrator初心者のための「ロゴ作成講座」
先日、ブログのリニューアルに伴いまして当サイトの「ロゴ」を作成してみたわけなんです。 ↑こんなん。 で、こちらのロゴ私も大変気に入っておりまして、ありがたくも「かっこいい！」「抱いて！」というお声を頂戴したりしなかったり。 そんななか、「あのロゴはどうやって作成したのですか？」「手順を晒してください」「私も全てを晒します…//」と言ったご意見を何名かの方から頂きましたので、「Illustrator初心者のためのロゴ作成講座」と銘打ちましてどんな手順であのロゴができ上がったのかをチュートリアルにまとめてみました。 なんとも大上段に構えたタイトルですが、これからIllustratorを学ぶ方にはちょうどいい感じの内容になっておるかと存じますので大目に見てください;)そしてすんげーーーーー長いですがこちらもご勘弁ください。 新規書類を作成 では早速Illustratorを開いて、新規書類を作成し
iPhone,Macブロガー必見の神ブログパーツｷﾀｺﾚ!! iTunes/App Storeのランキングを自動更新して商品を紹介できるサービス「iTunesLinker」がスゴイ！！！
iPhone,Macブロガー必見の神ブログパーツｷﾀｺﾚ!! iTunes/App Storeのランキングを自動更新して商品を紹介できるサービス「iTunesLinker」がスゴイ！！！ どうも！おつぱ（ @OZPA ）です。 先日iTunesへのリンクが超簡単に作成できる「Sticky iTunes Link Maker」というサービスを紹介させていただきましたが、今回、さらなるとんでもなく便利なサービスをご紹介いたします。 その名も…「iTunesLinker」！ いや、ホントにiPhone、Macブロガーはチェックしておいて絶対に損は無いと思う。 iTunes/iPhoneアプリランキングリンク作成ツール～iTunesLinker～ iTunesLinkerとは？ iTunesLinkerとは？ ・iTunes/App Storeの商品を紹介するためのブログパーツだよ。 ・LinkS
とんでもなく参考になりすぎるEvernote使用例 6 〜ノート総数3500 @delaymaniaの全ノートブック晒し＆”肩の力を抜いた”Evernote整理術〜
とんでもなく参考になりすぎる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
WordPressプラグイン「YARPP」と「Auto Post Thumbnail」を使用して関連記事を表示するのにようやく成功した
夜中にいじってます。WordPressを。 どうも、@OZPA です。 記事の終わりにサムネイル付きで関連記事を表示するブログパーツ「LinkWithin」を導入したのが今月頭。 別に取り立てて不満も無かったのですが、ごりゅご.comの2記事を見てムラムラと 「同じようなカスタマイズやってみたい」 との思いが燃え上がって参りまして、先日ようやっと関連記事の表示を実装いたしました。 先に「Auto Post Thumnail」を有効化しよう 僕が指を咥えて眺めて咥えて眺めてやっぱり咥えていたのが@goryugo さんとこの以下の2記事。 新しい記事も過去の記事も全部自動でアイキャッチを作成してくれるAuto Post Thumbnail | ごりゅご.com Auto Post Thumbnail … 関連記事プラグインYARPPをカスタマイズしてLinkWithin風にする | ごりゅご.
リアルタイムブログ解析ツール「chartbeat」がリニューアルしてめっちゃかっこよくなってる！
chartbeat大好き！@OZPA です。 リアルタイムでどれくらいのユーザが自分のブログを閲覧しているのかがわかるツールであるchartbeatですが、そのデザインがリニューアルされて使い勝手が凄く良くなっておりました！ 関連：ブログ解析ツール「chartbeat」が大変便利で面白い！ | OZPAの表4 参考：[N] 「Chartbeat」ウェブ版のデザインがリニューアル 見やすく、使いやすくなった ダッシュボードへのログイン画面も変わってる…これは…wktk ダッシュボーーーーーーーーーーーーーーーード！ かぁーーーーっこうぃーーーーー！ 左側のタブをクリックすることで各項目の詳細が見られます。 こちらはどのコンテンツが見られているのかを示す画面。 そして、Twitter、Facebookの各ソーシャルメディアからの流入を示す画面。 非常に見やすくわかりやすい！ 「GEO」タブはど
WordPressのオリジナルテーマ 作り方の記事まとめ
サイトじゃないですけど、今使ってる本。凄く分かりやすい。 チートシート 日本語版 WordPress チートシート | Webクリエイターボックス WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、 … コードを書く際に便利なカンペ。 CSS入門 わたくし、CSSもHTMLもまともに修めておりませんのでそのへんの知識を得るために。 CSSレイアウト実践講座 とほほのスタイルシート入門 テーマ、カスタマイズ参考 2011年に入って気になった最新Wordpressテーマの情報一挙公開 | バンクーバーのWEB屋 僕は出身が熊本でして、良い物のことを、”こりゃヨカバイ！”と言うことがあります（若い人は使わないよね、そうだよね。） さて、今日は僕が思
Macを使用するうえで覚えておくとめちゃくちゃ便利なショートカットを挙げ連ねてみる
Mac for every student ? / luc legay 作業効率を上げるための方法は幾つもありますが、まず押さえておきたいところといえば「キーボードショートカット」でしょう。 当然のことながら、ショートカットを知っているか否かというのは作業スピードに密接に関わってきます。 今回は、Macにて私がよく使用するショートカットや基本的なコマンドを含めて、覚えておくと便利なものを挙げ連ねておこうかと思います。 関連：Mac OS X のキーボードショートカット 超基本のショートカット 以下はMacを扱う上で超基本となるショートカットです。 たいていどのアプリケーションでもこれらのショートカットは共通ですので覚えておいて絶対に損はないです。 command + A：すべてを選択 command + Z：アンドゥ（リドゥ） command + S：保存 command + C：コピー
[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」現在の私のノートブック晒し](https://cdn-ak-scissors.b.st-hatena.com/image/square/34b7480ea643c7ec0bfeb93694e37ecf9d472a61/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F5330351382_b13249418c1.jpg)
とんでもなく参考になりすぎるEvernote使用例 5 〜[図解]@saiut のEvernote「超」情報収集術！！
半年で月間25万PVを達成し、2500はてブ越えまで果たし、ついに本まで出してしまった@OZPA 様のこのブログに寄稿をさせてもらえることになった@saiut と申します！ TRAVELINGというブログをやっています。 TRAVELING 独自ドメイン取得して、Wordpressでブログ始めたよーってのを@EVERNOTE_MAN@ozpa 様に伝えたところ、「ゼヒうちで書い(ry流れは置いておいて、本題に入らせて頂きます。 「Evernote関係の記事を書いて欲しい！」とのことでしたので、真っ先に思いついたのがノートブックを紹介することだったのですが、ここの人がすごいのを思いっきり晒してくれているので、自分がどうやってEvernoteへ情報を収集しているかを紹介させて頂きたいと思います。 Evernoteの超具体的使用例 ?ノート総数「4100」私のノートブックを公開します? 上は、私
![とんでもなく参考になりすぎるEvernote使用例 5 〜[図解]@saiut のEvernote「超」情報収集術！！](https://cdn-ak-scissors.b.st-hatena.com/image/square/a62453efcb4625061f88b1307b11689b746fab27/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F3d46a548c170ba3731a532f1d43886082.png)
とんでもなく参考になりすぎるEvernote使用例 4 〜@Surf_Fish のノートブック超整理術〜
今回寄稿の機会をいただきました@Surf_Fish こと「はま」と申します。「はまラボ」というブログを運営しています。ブログの方では、Evernote、TaskChute、ライフハックに関する記事を書いています。 はまラボ ブログ名の通り、リアルでは化学の研究を仕事としていますが、その実態はサラリーマンです。一人のサラリーマンがどのようにEvernoteを使用しているのか、という一例として見ていただくのが良いかと思います。 @Surf_Fishのノートブック 運用の基本思想は「GTD」 原典通りのGTDを再現しているわけではないのですが、私がEvernoteを運用する際の基本にしているのは「GTD」です。ノートブックは「タスクの状態（可動）」、タグは「属性（不動）」を表すために使用します。 タグは後から見返すときに絶対に見失いたくないものにしか付けませんので、タグの使用数は少ないです。その
iPhoneアプリ Pictshareはやっぱり凄かった！一日分の写真をまとめて選択する方法！！
HOME>iPhone>iPhoneアプリ Pictshareはやっぱり凄かった！一日分の写真をまとめて選択する方法！！ わたくし、撮った写真はことごとくPictshareを使用してEvernoteに送信しております。 Pictshareがどれほど素晴らしいアプリで、作者の@itok_twit さんが使用する側の事を考えてくださるすんばらしいデベロッパーさんだと言う事は以下をご参照のこと。 参考：iPhoneアプリ「PictShare」が神アプリな4つの理由 PictShare – multiple photos uploader 1.4.5 iPhone、iPod touch および iPad 互換 iOS 4.0 以降が必要 カテゴリ: ソーシャルネットワーキング 価格: ￥230 更新: 2011/04/18 で。 GWにはしゃぎすぎてしまった私。テンションの上がっているときにはシャ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
作業用BGMに超オススメ！私がよく使う音楽系Webサービス6選
デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
厳選iPhoneアプリ32選！！！iPhoneホーム画面にある一軍アプリまとめ
iPhone アプリ30選！私の現在のホーム画面まとめ[iPhone][app]![iPhone アプリ30選！私の現在のホーム画面まとめ[iPhone][app]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2596577f08ad96ac17d8c10779ff7e316bce9621/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20111110-0144252.jpg)
私が現在最も使っているiPhoneアプリ20選。2011年上半期ホーム画面まとめ！！
