こんにちは、デザイン部所属の石橋です。 今はデザイナーをやりつつフロントエンドエンジニアをさせてもらってます。 そんな自分は2014年の5月にDMM.comラボへ来たんですが、入社時のスペックを以下に記します。 入社時のぼく HTML出来ます！（ただし<section>の使い方はぼんやり） CSS出来ます！（ただしスタイリングだけで設計は出来ない） jQuery出来ます！（ただし既存プラグイン実装に限る） おや…？ 「（フロントエンドってなんだろう…）」 「（JavaScriptとjQueryって何が違うんだろう…）」 やばい。 当時はいわゆる「コーディングがちょっとだけ得意なWebデザイナー」でした。 シンデレラストーリー プロローグ 弊社では一部のデザイナーも結構ガリガリとコーディングをするのですが、 入社時にまわりの能力の高さにちょっと本気で「ヤベェ所に来てしまった…」感がありました

最近よくプログラミング未経験の方から、これからエンジニアとしてやっていきたい、もしくはそこまでいかなくても自分でプロダクトを作れるようになりたいけど何からやったらいい？っていう相談を受けるようになってきました。個別に色々話を聞きつつこれやってみたら？っていうリンク送ったりはしてたんですが、その人たちにとっての大まかな地図的な意味でも、（「これ見といて」って自分が楽するためにも、）未経験者の人におすすめする学習教材をまとめてみました。 参考事例 ぼく自身ゼロからエンジニアを育て上げた経験があるわけではないので、先人の事例に学べることは学ぼう、かつこうやって伸びた人がいるんや！っていう本人のモチベーションになったらいいな、ということで紹介します。 リブセンスさん リブセンスさんの、非エンジニアを1ヶ月でエンジニアに育て上げる話、かなり強烈でしたね。フルコミットでかつ桂さんという突出したメンター

This domain may be for sale!

This domain may be for sale!

インターネットサービスを想定した理想を書いてます。 エンジニアリングに特化した話ではなく、アイディアを思いついてからリリースするくらいまでの浅く広い話で、個人的な趣向であり、組織や環境によっては合わないかもしれません。 とりあえず、リーン・スタートアップとアジャイルサムライ−達人開発者への道−は、すごくいい本で勉強させていただきました。 アイディアを整理します 実現したいアイディアが解決するユーザプロブレム、提供する価値を整理します。 例えば、 ● ユーザプロブレム: お腹いっぱい美味しいものを食べたい！ ● 提供する価値　　: 安くて美味しくて腹持ち良い食べ物屋さん アイディアの簡単なペルソナを想像します ペルソナとは提供するサービスの一番の顧客になってくれる人の人物像です。 例えば、 G太、小学1年生男児。体重40kg。 頭はおにぎりのような形をしており、10円ハゲがある。 小学校では

■毎日、多くの方とお会いさせていただきます。 素晴らしい出会いの日々の中で、この人は凄い人だなぁ、 と驚嘆する方々には共通の特性があることに気付きました。 ■それは 「考え続ける」習慣を持たれているということ。 わたしがこの人はただ人ではない、と思う人は例外なく、 単なる「考える習慣」ではなく「考え続ける習慣」 を数年、十数年、数十年にわたって継続しつづけて 来た人たちなのです。 ■単発的に、集中して考える（そしてまた休む）という人は 世の中にたくさんいらっしゃるとおもいますが、 「考え続ける」 ＝「思考をとぎれさせることなく四六時中、継続しつづける」 ことは、簡単そうにみえて、なかなかできることでは ありません。 ■常に頭のエンジンをフル稼動させておかなければ「考え続ける」 ことはできないのです。 バレエやピアノのプロとして活躍している人たちは、 盆も正月も休まない。 一日休んだら取り返

CSS3プロパティを使った、便利な実装テクニックを随時追加していきます。 1. 並んでいる要素の最後だけスタイルを適用しない ★対応ブラウザ → 確認 リストなどでマージンを調整する際、通常は:last-childで最後の要素のスタイルを上書きすると思いますが、:not()を使うことでもっとスマートに記述できます。

IT関係の人やエンジニアが、読んでやる気が出るような名言や格言を10個集めました。 読んで元気を出しましょう。 では張り切ってどうぞ！ 1.Keep it simple, stupid（Kiss） 訳：シンプルにしておけ、この間抜け 「誰が見ても分かりやすくしろ」ということです。 レオナルド・ダ・ヴィンチも 単純であることは究極の洗練だ と言っています。 2.Done is better than perfect 訳：完璧を目指すより、まず終わらせろ -マーク・ザッカーバーグ（Facebook） 3.Get out of the building 訳：ビルの外に出よう -Lean UX（書籍） 建物の中に籠ってないで、 外に出てユーザーの声を聞きに行こうということです。 聞いた話で、インスタグラム社の最高のグロースハックは、 ユーザーと飲みに行くことだそうです。 4.Stay hungry

infinite scrollとは infinite scrollとは、TwitterやFacebookのようにページの下までスクロールしたら、動的により下のコンテンツが表示されるようにするjQueryプラグインです。 動作確認環境 Ruby 2.1.0 Rails 4.1 kaminari 0.16.1 infinite scroll 2.0.2 目次 Railsプロジェクトの作成 スクロールによる動的ページロードの実装 1. Railsプロジェクトの作成まずはRailsプロジェクトを作成します。 rails new infinite_scrolling_kaminari_test cd infinite_scrolling_kaminari_test次にInfinite Scrollの挙動を確認するために、ShopをScaffoldで作成します。 rails g scaffold Sh

Web制作のデザイン、ユーザエクスペリエンス、コンテンツ、制作・開発、そしてこれから必要もの、避けておきたいものをまとめた「69 Website Design Tips」を紹介します。 ターゲットとなるビジターを調査するのが重要 カラーは2, 3色をベースに、多色が必要なら明度に変化をつける ロゴは、デザインされた高品質なものを使う コンテンツが魅力的でも読めないテキストでは意味が無い 要素が減った時増えた時のことも考えてデザインする 既製のデザインを使うのではなく、ターゲットに適したデザインをする 構造化されたデザインにはグリッドが便利、汎用性の高い12カラムがお勧め 重要な要素を目立たせる時は、必要のない要素を取り除いてシンプルにする トレンドの使いすぎはよくないですが、10年前のデザインを使用するのはもっとよくないです デザインはオリジナル性を大切にします、既製をそのまま使うと他のサ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。