2014年3月10日のブックマーク (15件)

  • 【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)

    みなさんこんにちは!無事大学の卒業が確定して一安心のmegです。今回は初心者向けの記事としてデザインの基についてまとめてみました。デザインに興味はあるけれど何を勉強すればよいのか分からない方、これからデザインについて学ぼうと思っている方の参考になれば幸いです♪ 目次 デザインとは何か 「デザイン」という言葉の意味 ソール・バスとスティーブ・ジョブズの言葉 デザインの4つの基原則を知る ‐『ノンデザイナーズ・デザインブック』より 近接 整列 反復 コントラスト まとめ – 【2014年3月9日18時27分「概念とテクニックは繋がっている」を追記しました】 1、デザインとは何か 1-1、「デザイン」という言葉の意味 皆さんは「デザイン」と聞くとどんなことをイメージしますか?オシャレなこと?洗練されていること?私たちはなんとなく見た目が美しいことや、ぱっと目を引くものなどを想像しがちですが、

    【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)
    poppun1940
    poppun1940 2014/03/10
    みなさんこんにちは!無事大学の卒業が確定して一安心のmegです。今回は初心者向けの記事としてデザインの基本についてまとめてみました。デザインに興味はあるけれど何を勉強すればよいのか分からない方、これから
  • はじめてのJavaScript / JS Girls Tokyo #1

    はじめてのJavaScript / JS Girls Tokyo #1 1. はじめてのJavaScript 2014/03/08(Sat) JS Girls Tokyo #1 PixelGrid Inc. @tacamy 2. 自己紹介 山田敬美(@tacamy) ピクセルグリッド フロントエンドエンジニア(新卒1年目) HTML&CSS歴 : 4年 JavaScript歴 : 1年 3. 会社紹介 4. “ピクセルグリッドはJavaScriptの会社です。” 代表取締役 中村享介 5. ??? 6. 私のJavaScript歴 職種 JavaScript 期間 KAYAC マークアップ エンジニア すぐに挫折 2年 NAVER マークアップ エンジニア 1行も書いてない 2年 専門学校 無職 @hokacchaによる修行 1年 (修行 4ヶ月) PixelGrid フロントエンド

    はじめてのJavaScript / JS Girls Tokyo #1
    poppun1940
    poppun1940 2014/03/10
    はじめてのJavaScript / JS Girls Tokyo #1 Presentation Transcript はじめてのJavaScript 2014/03/08(Sat) JS Girls Tokyo #1 PixelGrid Inc. @tacamy 自己紹介 山田敬美(@tacamy) ピクセルグリッド
フロントエンド・エンジニア(新卒1年目) HTML&CSS歴 : 4
  • カバンに入れっぱなしのiPhoneのLow BatteryをデスクトップPCに通知する『iBattery Charge』で慌てず充電

    カバンに入れっぱなしのiPhoneのLow BatteryをデスクトップPCに通知する『iBattery Charge』で慌てず充電
    poppun1940
    poppun1940 2014/03/10
    いつまでもあると思うな親とiPhoneのバッテリー。まだ残量は心配ないと思ってデスクトップで作業・・・いつの間にかバッテリーは減少・・・外出する時に慌て充電みたいな経験したことありませんか?そんな時に便利な
  • [JS]これスゴイよ!スクロール時にさまざまな楽しいエフェクトを与えるスクリプト -ScrollMagic

    スクロールに合わせて、さまざまなアニメーションをシンクロさせるjQueryのプラグインを紹介します。 Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。 スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、div要素の内側のスクロールなどにも対応しています。

    poppun1940
    poppun1940 2014/03/10
    スクロールに合わせて、さまざまなアニメーションをシンクロさせるjQueryのプラグインを紹介します。 Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール
  • Objective-Cのクラスの依存関係を「D3.js」でビジュアライズするライブラリ - Over&Out その後

    Objc-dependency-visualizerというOSSツールを使うと、アプリ内で使用している Objective-C クラスの依存関係をビジュアライズしてくれます。 試しに "iOS7 Sampler" でやってみると、こんな感じのを生成してくれました。 実行するのはrubyスクリプトで、依存関係だけが記述されているだけのシンプルなjsファイルが生成されます。 で、閲覧時にはリポジトリに同梱されている index.html 内のJavaScriptから、生成したjsファイルとビジュアライゼーション用 JavaScript ライブラリ「D3.js」を使用してビジュアライズされます。 そんなわけで、引っ張ったり特定の箇所にフォーカスしたり表示をいろいろカスタマイズしたりできます。 (SVProgressHUDにフォーカスした図) 使い方 GitHubからcloneしてきます。 git

    Objective-Cのクラスの依存関係を「D3.js」でビジュアライズするライブラリ - Over&Out その後
    poppun1940
    poppun1940 2014/03/10
    iOS, XcodeObjc-dependency-visualizerというOSSツールを使うと、アプリ内で使用している Objective-C クラスの依存関係をビジュアライズしてくれます。 試しに "iOS7 Sampler" でやってみると、こんな感じのを生成してくれました。
  • Xamarin を使って iOS, Android, Windows ストアアプリを効率的に開発する!

    こんにちは。共同開発部 開発担当の伊藤です。 いわゆる「アプリストア」のあるプラットフォームも iOS、AndroidMacWindows と、かなり数が増えてきました。 このような状況ですので、フェンリルにも「iOS と Android で同じアプリを開発したい」というご相談をよくいただきます。 しかし、iOS と Android のアプリを、それぞれで同じように作ると、コストも時間もそれに見合う程度にかかります。 「iOS も Android も、同じプログラムで動けば、もっと効率よくアプリを作っていけるのに」という要望に応えるため、様々なクロスプラットフォーム開発の技術が出てきました。 今回は、その中でも昨年末ごろから名前があがってきている Xamarin についてご紹介します。 Xamarinとは 簡単に言うと C# で iOS、AndroidMac のアプリを開発できるツー

    Xamarin を使って iOS, Android, Windows ストアアプリを効率的に開発する!
    poppun1940
    poppun1940 2014/03/10
    こんにちは。共同開発部 開発担当の伊藤です。 いわゆる「アプリストア」のあるプラットフォームも iOS、Android、Mac、Windows と、かなり数が増えてきました。 このような状況ですので、フェンリルにも「iOS と Android で同じ
  • よくわかるPHPの教科書 PHP5.5対応版のクロスサイト・スクリプティング

    たにぐちまことさんの よくわかるPHPの教科書がこのたび改版されて、よくわかるPHPの教科書 【PHP5.5対応版】として出版されました。旧版はmysql関数を使ってSQL呼び出ししていましたが、mysql関数がPHP5.5にて非推奨となったための緊急対処的な内容となっているようです。つまり、従来mysql関数を呼び出していた箇所をmysqliの呼び出しに変更したというのが、主な変更点のようで、これ以外はあまり変更点は見あたりません。 既に、Amazonでは、熱烈な読者の方からの詳細のレビューが届いています。 神御降臨! 言わずと知れたPHPプログラミング書籍のロングセラー。 2010年9月に発売された前作の改訂版。 PHPのバージョンも最新の5.5に対応、内容は前作と殆ど同じ。 少し前に前作を購入した方も書を購入した方がいいでしょう。 【中略】 それにしても、帯の「3万人に読まれた定

    poppun1940
    poppun1940 2014/03/10
    2014年3月10日月曜日 よくわかるPHPの教科書 PHP5.5対応版のクロスサイト・スクリプティング たにぐちまことさんの よくわかるPHPの教科書がこのたび改版されて、よくわかるPHPの教科書 【PHP5.5対応版】として出版されました
  • スマートフォンに最適化したレイアウトを実現できる フリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」

    TOP  >  Design  >  スマートフォンに最適化したレイアウトを実現できる フリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」 スマートフォンが携帯電話の主流となったことで、webサイトはパソコンで見る際の状態ではなく、スマートフォン用のレイアウトで制作することが当たり前となってきています。しかし、同時に両方を構築するのに時間や予算がかけられない時もあるのではないでしょうか?そんな時に便利なフリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」を今回は紹介したいと思います。 (Big Picture | HTML5 UP) スマートフォンに最適化したレイアウトを実現できるHTMLテンプレートがまとめられています。 詳しくは以下 Type & Grids — Flat-

    スマートフォンに最適化したレイアウトを実現できる フリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」
    poppun1940
    poppun1940 2014/03/10
    スマートフォンが携帯電話の主流となったことで、webサイトはパソコンで見る際の状態ではなく、スマートフォン用のレイアウトで制作することが当たり前となってきています。しかし、同時に両方を構築するのに時間や
  • 新着記事

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

    新着記事
    poppun1940
    poppun1940 2014/03/10
    Photoshopにおけるデザイン制作で欠かすことができない機能のひとつ、ブラシツール。少しずつ暖かくなってきたこの季節、ブラシコレクションの模様替えをしてみるのも良いかもしれません。 海外デザインブログStarSunflower
  • iAd 実装が iOS7 から恐ろしく簡単になってる件 - jarinosuke blog

    iAd on iOS 7 iOS 6 までは iAd を表示しようとすると、ADBannerView をインスタンス化して layout してなど色々と面倒でした。 iOS 7 では iAd.framework に以下のカテゴリが追加されています。 UIViewController (iAdAdditions) これを用いる事で、今までのような煩わしいことをほとんど気にせずに iAd を表示する事が出来る様になります。 ユースケース毎に見ていきましょう。 バナー広告を表示したい 以下のプロパティをセットするだけ。 ///(1)フレームワークをimport @import iAd; ///(2)初期化時などに self.canDisplayBannerAds = YES; これだけでバナーが画面下に表示されます。 Interstitial 広告を表示したい 事前準備として以下を実行すると I

    iAd 実装が iOS7 から恐ろしく簡単になってる件 - jarinosuke blog
    poppun1940
    poppun1940 2014/03/10
    2014-03-10 iAd 実装が iOS7 から恐ろしく簡単になってる件 iOS7 iAd Buffer iAd on iOS 7 iOS 6 までは iAd を表示しようとすると、ADBannerView をインスタンス化して layout してなど色々と面倒でした。 iOS 7 では iAd.framework に以下のカテゴリ
  • 「Appmethod」はiOS、Android、MacOS、Windowsすべてのネイティブアプリを同一ソースコードで開発できるビジュアル開発環境。米エンバカデロが発表

    「Appmethod」はiOS、AndroidMacOSWindowsすべてのネイティブアプリを同一ソースコードで開発できるビジュアル開発環境。米エンバカデロが発表 米エンバカデロは、iOS、AndroidMacOS X、Windowsのネイティブアプリケーションを開発できるビジュアル開発環境「Appmethod」を発表しました。将来的にはウェアラブルコンピュータなどにも開発対象を広げるとのこと。リリースは今年前半の予定。 Appmethodはマルチデバイス対応アプリ開発に特化 同社はすでにDelphiやC++ BuilderなどでiOSやAndroidMacOS X、Windowsなどに対応したビジュアル開発環境を提供しています。Appmethodは両製品をベースにしたものですが、DelphiとC++ BuilderにはWindows対応のVCL(Visual Component

    「Appmethod」はiOS、Android、MacOS、Windowsすべてのネイティブアプリを同一ソースコードで開発できるビジュアル開発環境。米エンバカデロが発表
    poppun1940
    poppun1940 2014/03/10
    「Appmethod」はiOS、Android、MacOS、Windowsすべてのネイティブアプリを同一ソースコードで開発できるビジュアル開発環境。米エンバカデロが発表 米エンバカデロは、iOS、Android、MacOS X、Windowsのネイティブアプリケーションを開
  • 半年で80万DLされた動画編集アプリ『SlideStory』に学ぶ、誰でもできるユーザー獲得の4STEP - エンジニアtype | 転職type

    2013年6月に動画投稿に対応したInstagramをはじめ、LINEの動画投稿対応、Vineアプリの日語ローカライズなどにより、国内のスマホユーザーにも浸透しつつある動画編集・共有サービス。 そんな中、国内スタートアップのナナメウエが開発する動画編集アプリ『SlideStory』が好調を維持している。2013年10月にiOS版をリリース後、2カ月で40万ダウンロードとスタートダッシュに成功。同年12月にSkyland Venturesから3000万円の投資を受け、2014年2月には80万ダウンロードを突破と勢いは止まらない。 『SliedeStory』では、32秒という時間の中で、写真のスライド、または動画をつなぎ合わせ、専用の音楽つきショートムービーを作成できる。作成したムービーはユーザーの端末に保存され、SNSでのシェアをワンタッチで行うことが可能だ。 「動画コンテンツの将来性に賭

    半年で80万DLされた動画編集アプリ『SlideStory』に学ぶ、誰でもできるユーザー獲得の4STEP - エンジニアtype | 転職type
    poppun1940
    poppun1940 2014/03/10
    2013年6月に動画投稿に対応したInstagramを始め、LINEの動画投稿対応、Vineアプリの日本語ローカライズなどにより、国内のスマホユーザーにも浸透しつつある動画編集・共有サービス。 そんな中、国内スタートアップのナナメ
  • バンダイ、殺伐とした机の上に癒やしをもたらす「キーの芽」

    poppun1940
    poppun1940 2014/03/10
    ニュース バンダイ、殺伐とした机の上に癒やしをもたらす「キーの芽」 (2014/3/10 13:41) キーの芽 3月18日 発売 価格:200円/1回 株式会社バンダイ ベンダー事業部は、6種類の植物をモチーフにしたマスコット玩具「キーの芽
  • Evernote Blog � Blog Archive � New updates to Web and Windows

    에버노트에 뭐가 새로워요?에버노트에서 무슨 일이 일어나고 있는지 궁금하신가요? 아래의 기사들을 확인하여 우리가 작업 중인 흥미로운 것들을 모두 볼 수 있습니다. 새로운 소식레거시 버전 Evernote 앱 사용 중지2024년 3월 26일, 저희는 레거시 버전 Evernote 앱에 작별을 고합니다. v10 이전의 Evernote 경험을 단일화하면 보안 수준을 크게 높이고 더 빠른 개발을 위해 더 많은 자원을 투입할 수 있습니다. 더 읽기 14가지 주요 기능이 이제 모든 사용자에게 제공됩니다이 중요한 Evernote 기능들은 검색, 첨부 관리, 노트 액세스 등 핵심적인 제품 성능을 높여줍니다. 이제 누구나 그 기능을 사용해 Evernote의 잠재성을 최대한 활용할 수 있습니다.

    Evernote Blog � Blog Archive � New updates to Web and Windows
    poppun1940
    poppun1940 2014/03/10
    4月から進学、進級、就職、転勤と、新しい生活を始めるたくさんのみなさん、おめでとうございます。期待に胸を膨らましつつ、新生活に不安も多いこの時期、Evernote を活用して不安部分を解消してしまいましょう。新生
  • リファクタリング―プログラムの体質改善テクニック読んだ - 銀の人のメモ帳

    リファクタリング―プログラムの体質改善テクニック (Object Technology Series) 作者: マーチンファウラー,Martin Fowler,児玉公信,平澤章,友野晶夫,梅沢真史出版社/メーカー: ピアソンエデュケーション発売日: 2000/05メディア: 単行購入: 94人 クリック: 3,091回この商品を含むブログ (307件) を見る 残念ながらピアソン桐原から出版されていたので、現在は手に入りにくいんだけど、読んだ。 内容的には、リファクタリング手法のカタログみたいな感じだと思う。5章くらいまでは、導入とか、リファクタリングの心構えみたいな事が書いてある。 リファクタリングをするときに「いつすべきか?」というのが問題になると思うんだけど、このでは、機能を実装するときにその周辺をリファクタリングするといいと書いてあった。これは「動いてるものは触るな」っていう考

    リファクタリング―プログラムの体質改善テクニック読んだ - 銀の人のメモ帳
    poppun1940
    poppun1940 2014/03/10
    2014-03-10 リファクタリング―プログラムの体質改善テクニック読んだ 技術書 リファクタリング―プログラムの体質改善テクニック (Object Technology Series)作者: マーチンファウラー,Martin Fowler,児玉公信,平澤章,友野晶夫,梅沢真