Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

InitializrっていうHTML5のテンプレ を15秒で作成出来る(らしい)ツール があるんですが、このWebツールが、 話題のTwitter Bootstrap 2にも対応 したみたいです。人気のフレーム ワークなのでありがたいですねー。 土曜日ですし、軽い話題。15秒でHTML5のテンプレが作れる！と謳うWebサービス・・InitializrがBootstrapに対応してます。これは地味に嬉しいんじゃないですかねー。 右側になんか増えてた！Bootstrapやたら人気ですしね。こういうのは嬉しいんじゃないでしょうか？Initializrはその気になれば本当に15秒で作成出来るので使うといいですよ。性能とか特徴は使って実感してください。 作ってみた 試しに15秒で支度してみました。こんな楽でいいのかな・・・LESS版も選べるので設定項目は好みで設定してくださいませ。 因みに・・・ B

そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:

Local Load 「Local Load」は、Firefoxにインストールするだけでブラウジングの際のページ読み込み速度を高速化してくれるアドオンです。光回線などの高速インターネット回線に接続している場合は効果がはっきりと分かりにくい場合もありますが、回線が細い場合では体感で分かるほどに、特に大幅な高速化が期待できます。 高速化の仕組み自体は単純で、jQuery、Prototype.js、MooToolsなどの多くのサイトで頻繁に使用される主要なJavaScriptライブラリをあらかじめローカルディスクから読み込んでおくことで、常にキャッシュが効いているのと同じ状態でウェブページを読み込むことができるというもの。 これらのJavaScriptライブラリは、通常はサイトにアクセスした際にHTMLや画像など他の要素と同時にダウンロードされるものですが、ファイルサイズが数十KB以上と決して小

Looks like this domain has not been routed yet or is suspended. If it's your domain and you have questions, contact your service provider. Request ID: b60b98cb65a2b35155127d76a4f3ed77

デザイン上級者は、中級者と初心者と何が違うんだろう？って思った時に、こちらの本が役に立ちました。 『上達の法則 – 効率のよい努力を科学する –』という本です。この本には、碁や茶道など、あらゆる分野に共通する上級者の特徴がのっています。この本を参考に、デザイン上級者の特徴と、上級者になるための実践方法を書いてみました。 デザイン上級者の特徴 1. 上級者は一つのデザインから読み取ることが多い 一つのデザインを見たとき、上級者の方が中級者、初級者よりも気づくことが多いです。例えば、背景に薄くグラデーションがかかっているとか、縦のグリッドのラインが揃っているなど。 また、そのデザインからたくさんの情報を引き出しているので、長く見ても退屈しにくいという特徴を持っています。 2. 上手なデザインをするということに高い価値をおいている 上級者は、デザインに対して本気で取り組む度合いが高いため、上手な

PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践しているサイトからThe Next Webが厳選した10の素敵なサイトを紹介します。 — SEO Japan 最近、皆が異なる方法でコンテンツを消費している。私の母はネットブックを持っているし、友人は27インチのiMacを持っていて、ガールフレンドと私はスマートフォンを持ち、彼女の母はiPadを持っている。 あなたのコンテンツはこれまでになく多くのデバイスとブラウザで閲覧されており、デザイナーはそのこ

jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ

このブログは、僕がこれまでWebサービスを30くらい作ってきて、失敗したり成功したり色々体験していることをまとめています。 「Gumad β」は株式会社メーヴェの安宅（ディレクター）と杉本（エンジニア）の2人で、Gumroadの存在を知ってから9日間で作ったWebサービスです。作っている間にあったできごとや僕らの動きを公開したら、これから個人やベンチャーの人たちがWebサービスを作る人の（良い意味でも悪い意味でも）参考になるかもということで、少々こっ恥ずかしいですがブログに書き残しておこうと思います。 ちなみに、今回のシステム関連の話は「Gumadβで使ったgemまとめ」こちらに詳しく書かれています。 いまは「Gumad β」はミニWebサービス的な位置づけですが、もしGumroadやその周辺のサービスが盛り上がってくれば、面白い展開ができると考えており、ベンチャーらしく短期間でゲリラ的に

先日、ワタミホールディングスの社長が自社で過労死させた女性の労災認定について『残念』という表現でツイートして炎上していた。月140時間以上の時間外業務を強いる労働環境ではブラック企業と言われても当然だ。ネオンサイン通販状態だ。 ただ、私はわが国の『ブラック企業』は、諸外国(途上国含む)の下請け低賃金労働とは異質な形質で進化したと考えている。 最近、僕も京都駅の前にwifi・電源・コンセントカフェをオープンしたから経営者の気持が、分からないでもない。 その一番の部分を端的に述べるのは難しいが、やはり時代が変わり、デフレ化、顧客のサービス、ニーズも大きく変わっているのに、新しい商品やサービスのフレームを模索するのではなくて、逆にこれでもかというくらいに従来の方法論をマンパワーでゴリ押しする点が共通していると思う。 穴の開いたバケツの穴を塞ぐのではなくて、漏れること覚悟でガバ入れで水を汲むのだ。

独自視点で順番に特に意味はありません。 これから春に就職する方も、今も奮闘中の方も是非お勧めしたいデザイナー、Webデザイナー、デベロッパー向けの国内ブログのまとめです。 さらにそのブログの中でもおすすめの３記事をピックアップいたしました。お時間の有るときにでもどうぞ。 Webデザイナーなら知ってるでしょ？ １）Webクリエイターボックス 私のブログのデザインを作った人。世界を放浪しながらデザインを学んでいる。もっと手軽に楽しくWeb制作ができるようにみんなになってほしいをモットーにしているのでわかりやすい記事が豊富。 Facebookページの作り方 2012年1月版少しの手間で大きく変わる、細部にこだわったWebデザインを少しのコードで実装可能な20のCSS小技集 ２）Webデザインレシピ リファレンス的な分厚い記事が豊富。正直分厚い記事を書く人といえばもはやこの人しか居ないというくらい

第20回 RIAコンソーシアム・ビジネスセミナー「Flash」はその役割を終えたのか～今後のRIA開発を考える～ http://www.riac.jp/2012/01/bflash-ria.html でつかった資料

ブラウザの「mailto:」のリンクをクリックする度に、OutlookやMailのアプリが開いてイライラ...。そんな人は、ブラウザの拡張機能やその他の方法でこの悩みを解決できますが、Google信者でHTML5教の教祖でもあるPaul Irish氏が、シンプルで機能拡張も要らない方法を教えてくれました。 やり方は以下の通りです。 GmailをChromeで開きます。 「Ctrl＋Shift＋J」（Windowsの場合）か、「Cmd＋Opt＋J」（Macの場合）を押し、ChromeのビルトインのJavaScriptコンソールを開きます。 以下の文字列をコンソールにペーストし、Enterキーを押します。 navigator.registerProtocolHandler("mailto", "https://mail.google.com/mail/?extsrc=mailto&url=%s

先日の「無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45選」に続き、ベクター素材を提供しているサイトのまとめです。やはり個人的な整理のためのまとめですが共有します。 先日の無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45に続き、 ベクター素材を提供しているサイトのまとめです。 やはり個人的な整理のためのまとめですが共有します。 はじめに 全てを網羅するのは逆に手間だと思うので、 この中から自分のお気に入りや使いやすいサイトを選んでそれを中心に利用することになると思います。 また、サイトによってはphotoshopの素材とベクター素材を扱ってるサイトもあり、 無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45で取り上げたサイトはこちらには載せてません。 上記エントリーのサイト説明に

CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません

光源を直接見てしまうと、しばらく周りが見えなくなると思います。いわゆる「光に目がくらんだ」状態です。この現象は、カメラでも起きます。カメラを光源に向けてしまうと、カメラも周りが見えなくなってしまうのです。 太陽であれライトであれ、フレームの中に明るい光がある場合は、移動して光源があなたの背後に位置するようにしましょう。被写体を撮る角度が変わってしまうかもしれませんが、このようにすれば写真は見やすくなります。 3. 光が足りないところでの撮影方法 日常的なスナップ写真を撮るときに、わざわざ照明器具をセットする人はいないでしょう。しかし、安易にフラッシュを使うと写真が白く飛んでしまったり、どこかイマイチな写真になりがちです。とはいえ、光が足りない場所での撮影は、対策をしなければ見られないほどの暗い写真になってしまいます。 プロのカメラマンは、光が足りない状況でもベストショットを撮るために、カメ

いろいろなソフトウェアを作って配布しているRizonesoftの管理人がパートタイムでグラフィックデザインの仕事をしたときにネット上にある無料で使えるストックフォトの品質が低いことに非常に悩まされた経験を生かし、個人利用でも商用利用でもOKなロイヤリティフリーで永続的なライセンスに基づいて使用できるストックフォトを1100枚もMediafireを使って配布しています。 1100 Free Royalty-Free Images | Rizonesoft http://www.rizonesoft.com/2012/freestock/ ページの中ほどにリンクがあります。各リンクごとに画像が100枚ずつあるという感じ。 クリックすると以下のようなサイトが開きます。 ページ右上の「Image View」タブをクリックすると各画像を見ることが可能です。 ダウンロードしたい画像がある場合、サムネイ

睡眠はわたしたちにとって必要不可欠なものですよね。１日8時間睡眠をとっていると、人生の1/3は眠っている事になります。忙しくて、寝る暇がないひとにとっても、不眠症気味で浅い眠りに悩まされているひとにとっても、「寝る」という行為は毎日訪れる、避けて通れないもの。ですから、どうせ同じ眠るなら ・布団に入ったら、すぐにぐっすりと眠りたい ・深くて心地よい眠りを味わいたい ・そして、スッキリ健やかに目覚めたい ですよね。そのために、今日は知れば得する・役に立つ。睡眠力を上げる、眠りのトリビアをお伝えします。では始めましょう。 睡眠中にひとは記憶の整理と身体の回復を交互に行なっている 人は眠りにつくと、まずは脳を再充電し、それから細胞の再構築。そしてホルモンの放出という順で生理機能が働き始めます。睡眠時間が短いとこのサイクルが遮られるため体調が悪化し、健康に悪影響を与えます 睡眠とは簡単に言うと記憶

いろんなウェブ広告がありますが、まだまだバナーは主流のひとつです。WEBデザイナーはもちろん、企業サイト担当者などバナーに関して悩むことは多いです。バナー引用元リンク：クリックされるバナー広告を学ぼう！C-teamから学ぶバナー作成術 ブログ名：カッシーのWEBる。

1年半くらい前に書いた以下のエントリーですが、今でもたまにアクセスがあり、ちょうど最近ホットな話題でもあるのでちょっと掘り下げようと思います。 ニート革命再考 - FutureInsight.info 日本からますます仕事がなくなっている 上のエントリーでこんなことを書いていた。懐かしい。 みんな気づいていると思うが、企業において特殊技能、知識を取り立てて必要とせず、人当たりさえ良ければ誰でもやっていける類の仕事は、子育て中の正社員や、スキルアップを放棄し、最後までその企業に居座ることを決めた正社員のバッファーとして極めて貴重であり、そんなところに新卒社員を振り分ける余裕などとっくになくなっているのだ。よって、とりたてて何かできることがあるわけでもない大学生が就職に苦しむのは明白であり、そんなことと無縁な最悪人月化して現金化できるエンジニアの採用はソーシャルゲームの流行もあってWeb業界で

3月は論文の〆切が2-3個あるので、それを避けるように引っ越し日程を詰めているのだが、なかなか難しい。もはや数万円高くなるくらいは諦めている (論文の〆切間際は1日でも時間を大切にしたいので……)。 [twitter:@hillbig] くんが以前紹介していた「IN THE PLEX グーグル ネット覇者の真実」 グーグル ネット覇者の真実 追われる立場から追う立場へ 作者: スティーブン・レヴィ,仲達志,池村千秋出版社/メーカー: CCCメディアハウス発売日: 2011/12/16メディア: 単行本購入: 8人 クリック: 447回この商品を含むブログ (55件) を見るを登美ケ丘イオン (NAIST から最寄りのイオン) で先日発見し (ちなみに高の原のイオンの書店にも何冊か入荷している)、少しずつ読んでいたのをようやく読了。ものすごいボリューム……。しかし少なくとも情報系の方は必読。

どーもこんばんは。Macbook Airを買ってちょーしこいてます。いや実に素晴らしい。買って２日で既に元をとったような気がしているよ！というわけで、とりあえず今回最初にやった設定で、特に今年ついにMacユーザーになった！などのMac初心者の方向けと思うものについてまとめてみました。 2016年版書きました｡ こちら↓に新しい記事を書きましたので､よかったらご覧ください｡ [link href=”https://lovemac.jp/blog/2469/” title=”割とMac初心者向けの、Mac買ったら最初にチェックしておくべき設定2016 | loveMac.jp”] はじめに。システム環境設定ダイアログの出し方 「システム環境設定」というウィンドウをしこたま使いますので、最初に覚えます。 画面左上のりんごマーク→「システム環境設定」または下のアイコンが並んでるとこの歯車のアイコン

画像を拡大する時は、残念ながら画質の劣化は避けられません。ところが、劣化をほんの少しマシにする方法が「How-To Geek」にありました。これはGIMPでもほとんど同じように使えるテクニックで、基本的には3つの工程で拡大した写真をシャープにします。 画像を拡大する時は、アンチエイリアスで「バイキュービック法（滑らか）」を使います。GIMPを使っている場合は「キュービック」を使いましょう。 カラーモードの「Labカラー」を選び、Photoshopの「スマートシャープ」機能を使うか、GIMPの場合は少々手作業になりますが、自分でシャープ機能を使います。 文字を拡大する時は「ニアレストネイバー法」を使いましょう。画像全体に「ぼかし（ガウス）」をかけ、調整レイヤーのしきい値でエッジがシャープになるようにします。 もちろん、この方法で完ぺきにキレイにはなりませんし、元の小さなオリジナル画像と同じク

『かえりみち 広報Café voi.7 広報担当者がこれだけは知っておきたい！ 視覚マーケティングの基本とトーン・アンド・マナー』という勉強会に行ってきました。 スピーカーはウジトモコさんとクリエイティブディレクター、株式会社コンセント取締役の川崎 紀弘さん。 貴重なお話ありがとうございました！ 目からウロコなお話ばかりだったので、こちらの本をポチッとさせて頂きました。 ▶【Amazon.co.jp】売れるデザインのしくみ -トーン・アンド・マナーで魅せるブランドデザイン

WebSocket を利用したアプリケーションを作る際に、動作確認が煩雑な場合があります。 サーバ側とクライアント側をどちらも実装する必要があって、「ちょっとこの部分だけ動かしてみたいなぁ」っていうときに、簡単に試す方法があると便利ですよね！ そんなときにおすすめなのが、 wscat です。 wscat は、コマンドラインで利用できる WebSocket のサーバ/クライアントで、ws に同梱されています。 ws とは、 Node.js 上で WebSocket を使うためのモジュールで、Socket.IO やengine.io の内部でも利用されている今注目のプロダクトです。 今回は、この wscat の使い方をご紹介します。 対象バージョン ws (0.4.7) インストール Node.js のモジュールなので、 npm でインストールするのが簡単です。 $ npm install -

金曜日のブログで「ソーシャルメディアを使って業績躍進は至難の業」と言ってみる。王様の耳はロバの耳・・・というエントリーを書いたのだが、本日の日経ビジネスのオンラインのメルマガで、正反対のタイトルを見つけた。 「無印良品はなぜソーシャルメディアで儲けられる？」という、世間一般的には「へー。ソーシャルメディアが旬なんだ」的な記事なのだが、自分的には???? であった。大日経様に楯突くのはドンキホーテみたいで滑稽だが、かなりの見地の差があるのでちょっと比較して見たい。 まず。 これが日経デジタルマーケティングが集計したというFacebookやTwitterで売り上げを伸ばしている企業ランキングだ。まずこの集計・評価方法に異論を申し立てたい。 調査は、フェイスブックのファン数とツイッターのフォロワー数の合計値が高い100の企業・ブランドを抽出し、「総合スコア」を使ってランキングにした。まず、企業・

うるさい人、むかつく相手、横柄な人を黙らせ、うざい言葉を上手に返す、むかつく上司に言い返す、そんな時に使えるテクニック集である。 合気道からヒントを得たというこの本は、相手に対して攻撃したりケンカしたりする方法を教えるのではない。 相手の悪意を巧みに利用して相手と喧嘩にならず、自分も気分をスッキリさせてしまう方法を教えてくれる。 今日このエントリーでは、この本の中から僕が特に面白いと思ったテクニックを9つ抽出した。 もし興味を持たれたら、是非本書を手に取って、残りのテクニックも身につけてみて欲しい。 さっそく紹介しよう。 1. 傾聴で相手の懐に飛び込む 混雑した電車の中で酔っ払った労働者風の男性が周囲に悪態をついていた。 周りの人たちは迷惑そうに席を立ったり、車両を移動したり。 酔っ払いは誰彼構わず絡み、大声で怒りをぶちまけ続けた。 その時、一人の老人が酔っ払いに近づいていった。 酔っ払い

2012年2月25日 CSS Nite in TAKAMATSU vol.6 が開催されました。CSS Nite は、ツールの使い方や制作のノウハウなど、テクニックを扱うことが多いイベントですが、今回は全編を通してコードが出ないという珍しい構成でした。いつもとは少し違う雰囲気ではありましたが、他の CSS Nite にはない満足感を得た方も多かったのではないかという印象を受けました。イベントの様子はTogetterでまとまっているので参照してください。 私のセッションは、Webデザインのウソ・ホント ～ Web らしくデザインするためのヒントと題して、未来を見据えた Web のデザインを行う上で必要な考え方や取り組み方法を紹介しました。 今月はセミナーで登壇する機会が3回もあり、過密なスケジュールでした。準備は大変でしたが、3回を通して一貫としたテーマがあったかと思います。なんとなく「未来

2013年11月28日 便利ツール 私のメインマシンはMacです。以前から制作環境であったり、使ってるアプリを紹介してほしいとのリクエストを頂き続けているので、やっと重い腰をあげてまとめてみます…。というのも結構有名所のものばかり使っていて、目新しいものは特にないので…あまり…面白くないかなって…。それでも読んであげるよっていう優しい人は続きをどうぞw ↑私が10年以上利用している会計ソフト！ 簡単にスペック紹介 Macbook Pro 13″です。それでWebデザインって画面小さくないかって？小さいですよ！大きな画面に憧れてますよ！しかし国をまたいだ引越しが多く、作業もカフェや図書館ですることが多いので、持ち運びを重視して小さなサイズです。いい加減デュアルディスプレイにしたいです。 デスクトップ。普段はドック隠してます。デスクトップがファイルだらけになるのが嫌いなので、一時的に画像やファ

サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一本吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には食材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい食材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ

元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗ はじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。 だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

IKEA（イケア）やmarimekko（マリメッコ）で人気の北欧インテリアで作る一人暮らしの部屋のコーディネートのコツ、ポイントを画像つきでまとめてます。部屋のソファや照明、カーテンなど手軽に北欧テイストにできるようなポイントを集めます。一人暮らしの部屋、模様替えの参考にもなるかもしれません。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は？なんで文章なのにデザイン関係あるの？ デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心者さんからの質問で 「デザインのセンスはやっぱりデザインの基礎から学ばなければいけませんよね。綺麗なWebデザインを作るためにはレイアウトとか配色とか比率とか、あと絵ももっと勉強を・・・」 これを聞いた時、どこかに違和感を覚えた。 うーん？ しばらくして思い出した。そういえば昔先輩に教わった覚えがあるなと。 当時私は新聞の折込広告などの作成を行なっていました。その時の企画提案書を先輩に確認してもらった時の事。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君。デザインとは相手を思い

世の中には独立・起業本が溢れかえっているし、起業した人たちの成功ストーリーはたくさんある。しかし、ぶっちゃけた話、いい会社のサラリーマンの方が、9５％以上の独立・起業した人たちより経済的に豊かだ。それで起業してそこそこうまくいった人も、ある意味で従業員の生活を背負い、そのプレッシャーはなかなか大変だし、サラリーマンなら担当部署に丸投げして終わるようなあらゆるトラブルが自分に降り掛かってくるのである。 それで、僕がオススメするのが副業だ。就業規則に副業禁止と書かれていることがほとんどだろうが、会社の業務に支障が出たり、勤務時間中にせっせと副業に励んでいたり、機密情報を漏らしたりしないかぎりは、副業が解雇理由として日本の裁判所で認められることはない。就業時間後や休暇に何をしようと本人の勝手だ。そもそも論でいえば、副業禁止と堂々と言っていいのは完全に終身雇用を保証している場合だけで、ボーナスを減

総務省及び経済産業省は、本日、グーグル株式会社に対し、平成24年3月1日から適用する新たなプライバシーポリシーについて、我が国の多くの利用者に大きな影響を有することから、法令遵守及び利用者に対する分かりやすい説明等の対応をすることが重要である旨を文書で通知しましたので、お知らせします。 通知内容は以下のとおりです。 ・　統合されたプライバシーポリシーに従ってサービスを提供する際には、利用目的の達成に必要な範囲を超えた個人情報の取扱いや個人データの第三者への提供を行わないとともに、利用目的の達成に必要な範囲を超えて個人情報を取り扱う場合や個人データを第三者に提供する場合にはあらかじめ本人の同意を取得するなど、個人情報についてその適切な取扱いが図られるよう、個人情報の保護に関する法律（平成15年法律第57号）を遵守することが重要であること。 ・　電気通信事業法（昭和59年法律第86号）における

サーバーのリソースを見るにはグラフ化は重要ですが、推移ではなくリアルタイムな状況、例えば秒単位のスパイキーな負荷を見るには、サーバー上でvmstatやiostatなどの*statファミリーを叩く必要があります。 さて、vmstatはメモリの状況やブロック数単位のI/O状況は見られますが、バイト単位のI/O状況やネットワークの送信、受信バイト数を見ることはできません。 # vmstat 1 procs -----------memory---------- ---swap--- -----io----- --system-- -----cpu------ r b swpd free buff cache si so bi bo in cs us sy id wa st 3 1 0 4724956 355452 726532 0 0 54 484 3 3 1 0 99 0 0 2 0 0 47

Webサービスの運営用にVPSと呼ばれるバーチャル・プライベート・サーバを借りることは昨今よくあることだと思います。 VPSのサーバを借りればroot権限を持てることになるので、自由度が高いサーバ環境を構築することができます。 また、スペックによって価格が違っていて、低いスペックなものだと月額かなり低価格なものが存在します。 僕はその中でも月額980円のさくらVPSを借りていて、それを個人用に限って使っています。 これから紹介するような用途であれば980円でもかなりいけます。 ちなみに980円コースのスペックは2012年3月現在で以下のようなものです。 メモリ: 512MB HDD: 20GB CPU: 2Core(仮想) gitリモートレポジトリ 僕が現行で行っているWebサービスでもiPhoneアプリ開発でもバージョン管理は必要になってきて、 そのためのプライベートなレポジトリが欲しく

「モテる営業」シン・処世術 技術の進展によって画期的なセールテックが生まれ、AIエージェントの能力にも磨きがかかる今、再び「営業職はいずれ消える」といった論調が世間で高まっている。しかし、それは本当か？ 確かに案件を右から左に流すだけの営業なら、機械化は可能だし、そうすべきだろう。ただ、潜在的な課題を見いだし、それを解決するベストなアイデアをひねり出せるのは、引き続き人の知恵の方が勝ると信じたい。事実、社会環境の激変を受けて不可実性が高まる中で、ますます優れた能力を抱えている営業パーソンに信頼を置く、小売店バイヤーや企業担当者が増えている。要は「モテる」のである。とはいえ、モテる条件は、昭和や令和のそれとはちょっと違うようだ。現代のトップ営業たちの処世術とは、いかなるものか。（画像／beeboys／stock.adobe.com）

jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201

新しいインターネット経済では、コードが王様だ。時間を割いてプログラミングの基本を学ぶことは、ビジネスや起業で成功するための助けになるだろう。 筆者は数日前、野心的な起業家から、以下のような簡単な質問を含む電子メールを受け取った。 「成功する新興企業を作り上げるためには、コーディングの専門家になる必要があるのか。それとも、自分に代わって技術的な仕事をしてくれる専門家を雇うことは可能なのか」 この人物はビジネスマンおよびセールスマンとしての成功を示してきたが、起業の魅力にとりつかれ、それを振り払えずにいる。彼は自分の会社を興したいと考えていた。 彼が聞きたがっている答えは分かっていた。「インターネット事業を始めるのに、コーディングの知識は必要ない！起業は可能だし、実際に行われてきた！」というものだ。しかし、筆者はそう答える代わりに、次のように伝えた。 「コーディングすることは必要だ。その理由は

Webデザインのウソ・ホント ～ Web らしく... / Webデザインのセオリーを学ぼう / 企画が考えるスマホUIデザイン他...全7件

まだけっこう不具合があって、投稿した内容が消えたりがあります。タイムラグがあるみたい。※3/2になって解消されています 一番大きな違いは、Welcomeページが無くなったことです。いままでは最初にアクセスした人がどのページを見るかが管理者が設定できました。そして「いいね」を押したらページが切り替わるようにもできました。いいねを押してファンになる代わりに××あげる、みたいなことができたわけです。 が、これからはとにかくタイムラインに行きます。つまり・・・ はっきりいって、なんかプレゼントしたり、配布したり、ケンテイしたり、占いしたりでファンを集めまくる方法は、これで終了となりました。これで食っていた皆様、お疲れ様でした。 すっきりした方も多いはず。左のメニュータブはすべてアプリとなって上に移動。写真は固定位置ですが、それ以外は順番変えられます。が、デフォルトでは写真以外は３個表示。いいね数は

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

人は誰でも欲求を持っています。 この欲求を中心にアイデアを考えると、とっても簡単にアイデアが出てきます。 今回は、人間の欲求からアイデアを考えるマーケティング手法を紹介したいと思います。 人間にはどんな欲求があるのか？ 人間には多くの欲求があります。 まずはその欲求一覧をご覧ください。 ●共存・共有 欲求 例

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

3人に1人がなんらかの問題を抱えるといわれる「睡眠」。美容やダイエットと強い関係があるほか、糖尿病やうつ病、認知症など様々な病気との関連も指摘され、良い眠りに対する関心は高まっていま

Geekなページの以下のエントリーにメルマガとブログの広告の位置についての言及がありました。 有料メルマガを廃刊しました:Geekなぺーじ メルマガ開始とともに広告収入が増えたのも大きな変化でした。 最大の要因は広告の配置を変更したことなのですが、それによって広告収入が倍近くになりました。 前々から広告を目立つ位置に変更すれば収入が増えるのはわかっていたのですが、「目立つ場所は人によっては邪魔な位置だ」と私が考えていたので、その変更を行うところまで数年間踏み切れませんでした。 しかし、メルマガを開始するような方向性を含めて、そろそろ何とか生活を成り立たせようと本気で模索する必要があるという意味では、そういった個人的な美学が本当に正しいのかということを含めて、位置変更をしてみようと思ってやってみました。 結果、広告配置に関しての苦情もいまのところはなく、広告収入は増えました。 （増えたといっ

日々事あるごとにﾀﾞｧﾀﾞｱ言っとります。たとえばタンスの角に小指をぶつけりゃ、 「ﾀﾞｧ!!!」 扉を閉じるときに指を挟んで、 「ﾀﾞｧ!!!ﾀﾞｧ!!!」 猪木がイチ,ニ,サンと叫ぶものなら、 「ﾀﾞｧ-------!!!」 と言っとりますがあーーー！！！・・・という荒ぶる猪木の気分ではありませんが。 MacになってからCodaと付き合いだして疎遠になっていました。でもやっぱりEmacs使ってたときが一番捗ってたのでまたお付き合いを始めようかと。 ・・・え？Emacsとの馴れ初めですか？気になります？気になります？そうですね、あれは、忘れもしない雪がしんしんと全く降ることがない初秋のある日のことでした。私は当時は日々事あるごとに「ﾍｧ!!!ﾍｧ!!!」とウルトラマンしていました。時々「ﾌｫｯﾌｫｯﾌｫ!!!」とバルタンもしてました。クセなんです。そして出会いました。 ピグモンと。 それ

Firefox/Chrome：「Right Inbox」はGmailで予約送信ができるようになるChromeとFirefoxの拡張機能です。以前ご紹介した「Boomerang」とかなり似ていますが、こちらは無料でもっとシンプルです。 Gmailのアドオンの場所に「後で送信」ボタンが追加され、メールを1・2・4時間後に送信したり、特定の日時に送信したり、特定のタイムゾーンで送信したりできるようになります。とてもわかりやすく直感的に使える拡張機能なので本当に便利です。自分用のリマインダとして使うこともできますし、特定の時間に誰かにメールを送るのにも役立ちます。 Boomerangは、誰からも返信がなかった場合のフォローアップリマインダのような機能もありますが、月の最初の数メール分が無料なだけです。それに対してRight Inboxはベータ版の間は無料ですし、常に無料スタートパッケージがあります

旬のインタビュー 話題のテーマや注目の分野で活躍する各界の著名人にインタビュー。普段なかなか聞くことのできない熱いメッセージをお届けします。 全67回 キャリア 2025.12.08

日本デザインセンター / Andreas Pihlström / TYP他...全14件

今回は第２話、整理整頓のメンドクサさを解消していこうと思います。 キーポイントは、ノートブックの使い方。 ■整理整頓の流れ 整理整頓の流れについては、以下のとおりです。このステップが少なければ少ないほど、手間が少ないため、整理が楽になります。 ◇Inboxにノートが流れこんでくる ↓ ◇（必要であれば）ノートに加筆する ↓ ◇（必要であれば）タグを付ける ↓ ◇所定のノートブックに入れる このような流れになります。 ２と３のステップについては、必要に応じてやります。つまり、必要がなければ、入ってきたノートは所定のノートブックに入れるだけ。 つまりノートを所定のノートブックに入れたら整理整頓は完了となるわけです。 そして、整理整頓のメンドクサさの根本はココ。 つまり、「このノート（情報）は、どのノートブックに入れるべきか？」。これに迷いが生じれば、それだけInboxをカラにするのに時間がかか

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

iPhoneでもMacでもReederを使っている人には超おすすめ「後で読む」サービスはInstapaperやRead It Laterなどを使ってきましたが、いちいち別のサービスを見に行くことがとても面倒でした。 面倒だから使わなくなるわけです。 昨日Readabilityのアプリが出た時も選択肢が増えただけで、結局同じでしょ？と思っていました。 以下の記事を読むまでは。 今回設定する内容としてはこんな感じになります。 気になった記事をEchofonやTweetbotで発見したらReadabilityに送信。Readbilityアカウントを設定したReederに自動的に同期される。 ただコレだけなのですが、Reederに同期されることでReederで行なっている作業ができるようになります。これが便利。 例えばTwitterやEvernoteに送信することもできるし、スターを付与してRee

みなさんがmacを買う理由の1つにherokuを使ってRailsの開発がしたいというのがあると思います。そこで、今回はmacを買ってきてherokuにdeployするまでの手順を書いてみました。念のため、手元のマシンでLionをクリーンインストールしてからの手順を記述しています。 買う もしmacを持っていなければ、今すぐ近くのmacが売っていそうなお店(そこらをぶらついているときにmacを売っているのを見たことありますよね！そこに行くんです！)で買ってきて下さい。ネットで買うといますぐこの記事に書いてあることを試すことができません。しかし、もうすぐ新しいmacとか出そうだから落ち着いた方がいい感もあるので、その辺は自己責任で判断しましょう。 ソフトウェアアップデート これしないと不安。しましょう。(アップデート後に再起動を促されることも多いと思います。) iTerm2 iterm2を入れ

例えば、Webサービスのフロントエンドのコードを書き始める時にまず何をするでしょうか？ デザインスケッチや画像を元にHTMLとCSSを記述していくことになると思います。 少なくとも僕はそうですね。 理論的にはHTMLだけでもWebサービスを作ることはもちろんできますが、 見た目を少しでも調整したいとなるとCSSが必要になります。 例えばCSSを使わないHTMLの場合、いくら単純なレイアウトだとしても、 デフォルトのリンクの色を変えたかったり、フォントを変更したかったり、 要素ごとの余白をどうにかしかったりと最低限の要望が出てきます。 こうした最低限のCSSに対するニーズは共通化して自分なりのCSS Frameworkとして持っておくとよいと思います。 近頃、一からCSSを記述しなくなったのもこうした考え方のおかげです。 今Web上で配布されて利用可能なCSS Framworkが非常に増えて

Amazonクラウドを使ったシステム設計の際に直面する典型的な問題に対して、解決策を分かりやすく分類、解説した「AWSクラウドデザインパターン」（略称CDP）が公開されました。Facebookページも開設されています。 作成したのはAmazonのスタッフやサードパーティのエンジニアら。 CDPのWebサイトはWikiで作られているため、誰でも新たなデザインパターンなどを追加可能。現在45種類のパターンが登録されており「あと3つ加えると“CDP48”と言えるようになるので、ぜひ追加してください」（玉川氏。JAWS Summit 2012でCDPの公開について説明した際に）と、呼びかけています。 45種類のパターンが9のカテゴリに分類 それぞれのパターンには、名前、解決したい課題、クラウドでの解決方法、実装方法、解説図、メリットと注意点、関連パターン情報などが含まれています。 例えば、サーバの

「ソフトウェアのプロになるには本書が必要だ！」と、ボブおじさんがおっしゃっております。 このボブおじさんは、あの有名なアジャイルマニフェストにも名前を連ねているRobert C. Martinです。 プロとしての最低限必要な知識、姿勢、規律など、教育を受けたり学んだことがあるプログラマはあなたの現場に何人ぐらいいるでしょうか？ 今こそ、本書を取って、プロとしての道を歩み始めて欲しい。（amazonでずっと売りきれだったけど、やっと入荷したようだ。すぐに売り切れそうではあるが…） プログラミングの練習 僕はプログラミングの練習というのを意識的にあまりやったことが無い。日本だとTDD Boot Campなどでおこなわれる小さなテーマでプログラミングをおこなうことである。本書の6章に練習について書いてる。 個人的にはRubyKaigiで、ペアプロした外人が、これはToys Programming

「のどが渇いた」というユーザーに何を出す？ ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ

去年からほそぼそと作ってきた、EmacsからDBを操作できるツール Emacs DBI を紹介します。 Emacs DBI の簡単な紹介 このツールの目的は、クロスプラットフォームで便利なDB操作環境を実現することです。 pgAdmin や MySQL Query Browser のようなGUIの良さをCUIで実現してみようとしてみました。すなわち、ぼくのかんがえたさいきょうのDBツールです。ちなみに、このツールにとってEmacsはただの実行環境です。Emacs使わない人でも使うと便利だと思います。 データベース画面 e2wmで3ペインの画面 機能概要 以下のような機能があります。 EmacsとDB接続可能なPerlが動けばターミナルでも何処でも動く DB定義、テーブル定義がすぐ見れる auto-complete によるSQL補完 接続先DBにからキーワード、型名、テーブル名、カラム名など

by Kristen Nicole Android搭載スマートフォンでリンクをクリックすると、攻撃者がフルリモートコントロール可能になってしまうというセキュリティの不具合があることが報告されました。実機を使ったデモンストレーションで実証されており、また、Android以外にiPhoneやiPad、BlackBerry、GoogleTVの端末も同様の危険に晒されている可能性があります。 How a Web Link Can Take Control of Your Phone - Technology Review サンフランシスコで開催されているRSA Conference 2012で、セキュリティ技術企業CrowdStrikeのジョージ・クルツさんらは、Android端末で誤ったリンクをクリックすると、攻撃者が端末をフルリモートコントロール可能になる不具合を発見しました。 「カメラがあっ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

3月になりました。来月から新生活が始まるという人も多いと思います。いまのうちから転勤を告げられている場合は良いのですが、辞令は突然やってくるもの。引っ越しの準備をする時間がほとんどない...という経験をされた方もいるのではないでしょうか。 そこで今回は、「引っ越し」と「そうじ」に関するアーカイブ記事を集めてみました。優先順位を立てて無駄のない引っ越しの準備をしましょう。 Photo by Thinkstock/Getty Images.

先日、Dropboxの追加ボーナスを「Google Adwords」(アドワーズ)の無料お試し券で増やす話を読んで、なるほど！この発想はなかった！と思ったので、実際に自分でもやってみることにしました。 http://matome.naver.jp/odai/2132892778665913601 8GBの追加容量をもらうためには32人に紹介しなければならない 一般人が達成するのは不可能に近い人数ですよね。 http://matome.naver.jp/odai/2132892778665913601 無料お試し券があればタダで広告が出せます もらったまま放置していたアドワーズのお試し券があるなら、使うのは今だ！ http://matome.naver.jp/odai/2132892778665913601 つまり、このエントリは実際にやってみて、どうやったのか、どんな感じで増やせたのかを詳

ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

This domain may be for sale!

Googleを世界で二番目にあいしてる！ どうも、するぷ（ @isloop ）です。 今更ながらですが、ほんとGoogleって便利ですよねー。 だってキーワードを打ち込むだけで、全世界から、それに関連した情報をリストアップしてくれるんですよ！もうみんな当たり前に使ってるんでしょうけど、これってかなりヤバくないっすか！？ こんなん僕がPCを使い始めた、14年前には考えられなかったことです。いやー技術の進歩って凄い。Googleって凄い。Googleまじイケメン。Googleまじ水樹奈々。 もう、Googleがなかった時代に帰るなんてどうしても考えられないですよ・・・。ほんとGoogleまいしてる・・・。 そんな、スーパー便利なGoogle検索なわけですが、もっとスーパー便利につかう方法があります。 それは、検索コマンドや検索演算子などの検索技を使うこと。 これを使いこなせば、通常の3倍じゃ効