高学歴文系＆職歴なし＆30歳でWebクリエイターになる方法 | 高橋文樹.com | 雑記
この投稿は 15年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 高学歴だけど職歴のない知人にWeb業界への転職を相談されたので、それに対する返答をまとめました。 彼はほぼ同じ状態でWeb業界に飛び込んだ僕の意見を聞きたがっていたので、はじめに僕のこれまでのWebクリエイターとしての経歴をまとめました。いちおう、著者略歴というページに書いているんですが、具体的なことは書いていないので、この記事ではかなり具体的に書きました。 ちなみに、Webクリエイターというのは、「Webサイト開発者」という程度の意味です。HTMLやCSSはとてもプログラミングとは呼べないし、純粋なマークアップ・エンジニアという職はありそうでないので、Webクリエイターという呼称を便宜的に用いています。 また、この中で重要な役割を果たす友人が一人いますが、彼のことは仮名でパ
日本電産が「脱帽」した最強の中小企業がある：日経ビジネスオンライン
売上高20億円余りの“町工場”なのに経常利益率は40％を超える。 しかも無借金で自己資本比率は90％――。 エーワン精密の業績はさんぜんと輝いている。 完璧に近い結果を出す同社の経営は、非常にシンプルだ。 「コスト管理」「人事管理」「時間管理」に全くムダがない。 この「簡単な経営」はあらゆる中小企業の参考になる。 あの日本電産を率いる永守重信社長が「脱帽」する。エーワン精密はそれほど強い。「何がすごいって、利益率がとんでもなく高い。37期連続で35％を超えてます。何でそんなことが可能なのか。それは圧倒的な短納期という強みがあるからです。よそが1週間から2週間かかるところ、注文を出したら翌日に届く速さやからね。ウチもようけ（たくさん）エーワン精密さんから買うてますが、『ちょっと値段まけて』と言いたくても、よう言えへんのですわ（笑）」（2007年6月、企業家ネットワーク主催の「企業家賞」表彰式
ユーザーが「見る広告」「見ない広告」--ユーザーの行動を決める要素とは？
「どんなサイトのどんな広告をユーザーは見るのか」――これは、広告主もメディア運営者も非常に興味ある事項ではないでしょうか。 今回は、いくつかの大手サイトを男女計5人の被験者に自由に閲覧してもらい、ユーザーがどの広告に目を引かれていたのかをアイトラッキングマシン（被験者の視線の動きを追跡するツール）を使って検証しました。はたしてどんな結果が出るのでしょうか。 口コミに夢中で広告見ず 図1は＠cosme（アットコスメ）を見ていた被験者A（女性、20代後半）の視線です。右側に配置された広告は全く見られていません。被験者Aはトップページから迷わずユーザーの感想が書かれているページへと行き、その後ずっと口コミを丹念に見ていました。また、口コミ以外の要素には全く目を向けませんでした。 図1：＠cosmeを見ていた被験者Aの視線。水色の線は視線の動きを、丸の大きさは視線の滞留時間の長さを示す。青で囲った
ＰＨＰで携帯サイト - phpspot
ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
Webデザイナーのためのフリーイメージギャラリー20選 – creamu
簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design
Apacheの安全を確保するための10の対策 - builder by ZDNet Japan
あなたは自分の会社のウェブサイトをサービスするApacheをインストールしたところだとしよう。Apacheはスムーズに動作しており、万が一の場合にもLinuxのセーフティネットが助けになるはずだと思う。ところが、2週間ほど経ったところで、いろいろとおかしなことが起こり始める。なぜだろう。ApacheとLinuxを使っているのに・・・おかしくなることなどあるだろうか？ もちろん、注意を払わなければ、おかしくなることはいくらでもあり得る。Apacheを安全にする方法はあるが、もちろん何もしなければ安全にはならない。以下に示すのは、Apacheをより安全なウェブサーバにするための簡単な10の方法だ。 #1: とにかくアップデート LinuxでApacheを動かしているからと言って、アップデートが不要だということにはならない。常に新しいセキュリティホールやリスクが登場している。あなたは、最新のパッ
2009年のウェブデザインのトレンド：レイアウト編
先日、紹介した「2009年、押さえておきたいウェブデザインの10のトレンド」の続き、レイアウト編をSmashing Magazineから紹介します。 More Web Design Trends For 2009 1. Out-of-the-box layouts 従来のボックスデザインに捕らわれない創造的なレイアウト。
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
スタパ齋藤の「週刊スタパトロニクスmobile」電源回りにウルサい拙者
■ 電源回りにウルサい拙者 唐突だが、俺の場合、電源回りには非常にウルサいヤツである。常に最適化された環境を求めてアレコレ買っては試して喜んだり絶望したりしている。あ、電源回りにウルサいっつっても、電圧とかキレイな正弦波とかではない。使いやすい状態のタップ、適切な長さのコード、携帯時に便利な電源周辺グッズ類のコトっす。 ノートパソコン用ACアダプタを快適にモバイルするためのグッズ類。ひとつ持ってると邪魔なコード問題を解消できたりして非常に快適なのだ 今や誰もが必要とするUSB ACアダプタ。思わず買って試してしまうグッズのひとつ 室内のACタップ類にも凝ったりして。写真は仕事場の机の脚に固定したマルチタップ。手の届く位置に壁のコンセントがある感覚で使えるようにしてみた 電気店やホームセンターに行くとどーしてもこのテのグッズ類を物色＆衝動買いしちゃう俺なんですけど、買わなきゃ良かった～的なモ
[CSS]クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシート
New CSS Sticky Footer - 2009 demo 主な対応ブラウザは、IE6/7/8, Fx2/3, Op9.6/10, Safari3.2, Crome1となっており、他にも多くのブラウザに対応しています。 対応ブラウザリスト New CSS Sticky Footerは、同じくフッタを下部に固定表示する「CSS Sticky Footer」の空divの使用を排除しHTMLをよりクリーンにし、マルチカラム対応にしたものとのことです。 仕組みはシンプルで、下記が最小の構成になります。 HTML マルチカラムの場合は、「id="main"」のdivに配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="wrap"> <div id="main" class="clearfix"> </d
ニコニコ動画に簡単に高画質な動画をアップするテク | 教えて君.net
ツッコミどころがある動画をみんなでワイワイと楽しみたいならばニコニコ動画にアップするのが一番だ。条件に合ったFLVファイルとMP4ファイルならば再エンコされずに高画質でアップすることができるが、動画作成に詳しくない人には条件にあった動画を作成するのは難しい。 動画をドラッグ&ドロップするだけでニコニコ動画に適したMP4ファイルを自動作成できる「ニコエンコ」を使おう。メディアプレイヤで再生できる形式ならばどんな動画ファイルでも変換できる。ニコニコ動画の制限ギリギリのファイルを作成してくれるので、画質だって文句なしのキレイさになるぞ。どんな画質になったかを確認する機能も搭載されているため、万が一画質が劣化していても見逃すことがない。 動画が作成できたらニコニコ動画のアカウントでSmileVideoへログインしてアップロードしよう。自分が作成した動画をニコ動のみんなに見せることができるぞ! ■
UIデザインガイドラインのまとめ : could
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
有料変更後にDLできなくなったフリーソフトをDLできるページ :教えて君.net
「Last Freeware Version」は、バージョンアップを経てフリーから有料に変わってしまったソフトの“最後にフリーウェアだったバージョン”をダウンロードできるサイト。有料化してフリーバージョンがダウンロードできなくなった！ という時はココで探してみよう。 トップページには新着リストが掲載されているので、左側のメニューから「ALL LFV」のリンクをクリックするとソフトリストが表示される。目的のソフト名をページ内検索してクリックするとツールの説明とダウンロードリンクが表示される。 ページのタイトルロゴには「NO SPYWARE」「ADWARE」といった表記があるが、念のため“ツールの使用は自己責任で”。 ・『Last Freeware Version』で人気フリーソフトを追跡せよ - ライフハッカー ・Last Freeware version: All Programs (l
離脱されない携帯サイトのフォーム作成術 (ユーザビリティ実践メモ)
みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか？ ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを２つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。
再生できないムービーに必要なコーデックをダウンロードしてインストールできるフリーソフト「CodecInstaller」 - GIGAZINE
ネット上には山のようにムービーがありますが、その中には「一体このファイルはどうやって再生すればいいのだろうか？」というようなものもあります。そういう場合には再生用の「コーデック」をインストールすればいいわけですが、どのコーデックをインストールするべきかがわからない場合があります。 そういった際に役立つのがこのフリーソフト「CodecInstaller」です。ムービーファイルを解析して必要なコーデックを特定したり、既に自分のPC内にインストールされているコーデックを一覧化し、バージョンアップが必要な場合にはダウンロードして更新する手助けを行うことが可能になっています。よくあるようなコーデックをまとめたまるごとパックをインストールするのはちょっとアレなので、自分で何のコーデックをインストールするかをきちんと確認しておきたいという人向けです。 ダウンロードとインストール、実際の使い方は以下から。
知らないと損するフレームワーク思考活用法 - GoTheDistance
ホッテントリメーカーからタイトルを頂戴した。id:phaさんありがと。 社会人なら押さえておきたいフレームワーク思考 : LINE Corporation ディレクターブログが非常に人気で今年のアルファブロガー(というかエントリ大賞に見える)大賞にもノミネートされている。こういう記事はニーズがありそうなので、僕なりにフレームワーク思考についていくつかサンプルを用意し、僕が使うチャートのサンプルを紹介しておきます。 というか1000以上のﾌﾞｸﾏとか・・・嫉妬！激しく嫉妬！！ハンカチ噛んじゃう！！！！ そもそも議論しちゃいけないこと 個人の価値観に依拠し、お互いの主張を出し合っても全体として合意が得られそうにないこと。例えば｢浮気の定義｣とか。こんなのは議論したって全体最適なんて導けるわけが無いので、ビジネスの場では全く持ってムダです。居酒屋でやりましょう。 仕事で議論することの意味 あなた
ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集:phpspot開発日誌
10 Most Interesting Upload Widgets | AjaxLine ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集。 通常のアップロード機能を実装すると使えないと言われないくらい、Flickrなどのアップローダなんかは便利になっていますよね。 実装すると便利になりそうなウィジェットが色々と紹介されていましたのでご紹介。 Flash Upload Widget Flashを使って、アップロードの進捗を表示してくれるウィジェット XUpload Perlで書かれたリアルタイムアップロードウィジェット Uber-Uploader Perl or PHP + JSで書かれた複数ファイルアップローダー。進捗表示つき jqUploader jQueryアップロード用プラグイン Ajax Style File Upload ASP.NET用リアルタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これは面白！PHPとjQueryでクリックした位置が分かるクリックマップ作成:phpspot開発日誌
http://e0166nt.com/blog-entry-574.html
IDEA * IDEA
まとめ：USBメモリを120％活用できるフリーソフト19選 | ライフハッカー・ジャパン
Wordpress便利なプラグイン30選 | DesignWalker
ほんのすこし書き方に注意すれば、あなたのドキュメントはさらに分かりやすくなる！
プロユースにも耐えられるクオリティの高いフリーのフォント集