サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
レイングッズ
makoto-tanaka.com
【開発環境】コーディングを超高速化するためにDreamweaverからSublime text2+Emmetに乗り換えた時のメモ 11月 18, 2012 admin 導入はめちゃくちゃ簡単 下記記事でインストールまで簡単に。 直近だと下の2つ見ておけば大体おk Permalink to Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ [Event][SublimeText]第0回 Sublime Text 2 勉強会 で Emmet について話してきた ダウンロード Dev Builds 初期設定等は上記記事にある設定をリスペクトしました笑 Packageのインストール Sublime TextはHTML5等パッケージをインストールする事で使えるようになります。 Dreamweaverではファイルを新規作成時、H
【CSS/JavaScript】CSS/JavaScript高速化のためのまとめ 10月 1, 2012 admin 読了: 約 8 分 現在、現職の制作会社でマークアップと簡単なJavaScriptを仕事で行う中、最近機会があって、某ヒカリエに所属するフロントエンドの方と話しをした際 もっとスピードを意識した方が良いなと個人的に感じたのでその辺りを纏めておきます。 photo credit: Express Monorail via photopin cc CSSの高速化について CSSの高速化ですが、色々な角度からアプローチというか見なければなりませんよね。 ざっと挙げて行きたいと思います。 1.CSS Spriteの使用 ⇒ text-indentは使用しないりーフィーラングリッジ法を使用する事。 スマートフォンでは特に重要 前記事でも挙げましたが、サイバーエージェントのAmeba、
読了: 約 3 分 前回のjQuery10日連続企画は企画倒れになったので、 通常のペースで書いていきます。 今日は今まで見た事がないjQuery・動きをしたサイトを紹介し、 紐解いていこうと思います。 bunkaikei.js http://bunkai-kei.com/special/Bridge-of-Babel/ 分解系のサイトと呼ばれているらしいですが、初めて聞きました。 jsにもbunkaikei.jsと書かれているので、その様に呼ばれているのでしょう。 TED×Portland http://tedxportland.com/ こちらのサイトは除除画像が薄くなって、残像が残って伸びていくような JavaScriptを使っているみたいですね。 create.js 最近話題になっていたcreate.js。 HTML5のcanvasに使用できるjsを幾つか同梱しているようで これか
読了: 約 5 分 スマートフォンサイト制作でもブラウザ・機種依存に悩まされますよね。 納期が短かったりするとホントに\(^o^)/オワタという感じになるので メモしておきます。 photo credit: Cloned Milkmen via photopin cc 個人的にはAndroidのおかげで凄く工数がかかっています。 特殊な案件であるとは思いますが、そういう案件もスムーズに乗りこなせる変態になりたいですね。 [css, css3, html] スマートフォン(iPhone, Android)ブラウザのバグまとめ スマートフォンサイトをデザインする上で知っておくべき10のTIPS 以下はコーディング上の注意点と、それ以前のクライアントにデザインを提出する際の注意点です。 ガラケーでもそうですが、できないものをデザインしてしまうと後が辛くなってしまいますので、 注意が必要です。 フ
読了: 約 6 分 PCサイトから、スマートフォンサイトで企業やサービス、アプリケーションを閲覧することが当たり前となり4.5年でユーザーが求めている環境が大きく変化しました。 スマートフォンサイト制作も、要件定義からワイヤーフレーム・構成から作成し、その後デザイン・システム開発というフローで案件が進みますが、ユーザーに好かれる構成・ワイヤーフレームを書く為のUI/UXはどのようにすれば良いのか、また、それは何故その配置にしているのか等考える事が多いですよね。 今回はUI/UXの優れているコーポレートサイトを幾つか例に挙げて説明してみたいと思います。 (2015年10月29日編集) そういう中で、スマートフォンサイトのまとめサイトは多いのですが、 表面上の美しさだけでなく、情報設計がなされてないと製作者としてゴールを達成できてないとおもいます。 美しさ・情報設計の2軸で8社コーポレートサイ
ベンチャー企業・大企業(サイバーエージェント)を例に組織への帰属意識について考える 6月 12, 2011 admin 読了: 約 8 分 元々30人程度のベンチャー企業で1年半土日を問わず働き、今は5000人規模の大企業に転職した筆者が、組織への帰属意識について考えてみます。ベンチャー企業・大企業の事、キャリア、組織など考える中で、思う事があったので書いていきます。 まず、帰属意識とは? 何らかの集団やコミュニティに所属していると感じること。 引用元:http://d.hatena.ne.jp/keyword/%B5%A2%C2%B0%B0%D5%BC%B1 Wikipediaから引用してきましたが、 定義自体が曖昧なので、企業に置き換えて噛み砕いていきます。 また、古いですがとても良い資料を見つけましたので貼らせていただきます。 http://www.le.chiba-u.ac.jp/
読了: 約 3 分 前回HTML5+CSS3+JavaScriptを使用したゲームを開発するための記事を書きましたが、今回はenchant.jsについて調べましたので、書きます。 enchant.jsについて 下記にenchant.jsの日本の本サイトらしきものがあります。 enchant.js enchant.js は HTML5 + JavaScript ベースのゲームエンジンです。わずか30KBのソースコードで、PC, Mac, iPhone, iPad, Android すべてで動作する クロスプラットフォームなアプリケーションを開発可能なスタンドアロンライブラリです。 引用:上記サイト ダウンロード github.com ここからデモがダウンロードできます。 【参考記事】 ゲームが簡単に作れるスクリプトenchant.js リファレンス リファレンス サポートデバイス IE 9.
読了: 約 3 分 JavaScriptを勉強する中で勉強になったorこれから勉強するためにブックマーク的に 記事を書いておきます。 最近は更にHTML5とCSS3が普及してきて、スマートフォンのサイト制作の業務が増えていますね。 JavaScriptと組み合わせることでリッチなコンテンツを創る事が出来るので、 ここまできたのかーとワクワクします。 そんな事を考えていますが、まだJavaScript初心者。 最初に覚えておくべき記事をまとめておきます。 JavaScript編 オブジェクト指向やprototypeなど勉強している方にお勧めの記事です。 プロトタイプ(prototype)によるJavaScriptのオブジェクト指向 Javascript初心者からみたprototype Javascript/prototypeプロパティ 第1回 Prototypeライブラリ jQuery編 j
読了: 約 2 分 今日はSAPでも好決算だと噂のあったCROOZの決算を見ながら、 ソーシャルゲームについてアレコレ考察していきます。 1.何はともあれ決算の数値 大手SAPやGREE・DeNAに良く見る急角度の伸び率ですよね。 タイトル毎で言うと、 天地を喰らうがヒット 9 月単月売上は 1 億円を突破 さらに戦国バトルくにおくんも、 9 月単月売上で 1 億 2,000 万円を突破 売れているソーシャルゲームの1つの指標としての単月1億を数タイトル抱えているという 他のSAPからも羨望の眼差しでしょう。 また、こちらのCROOZのソーシャルゲームは30~40代男性に人気が高くて、 APRUも高い という事が書かれておりますが、CROOZ=ギャルコンテンツの強いイメージ。 幅広いターゲットを埋める仕組み作りはソーシャルゲームで儲かっているにせよ 強い企業になるために必要な事ではないでし
1.デバイス依存をどう乗り切るか。 エクスぺリア、iPhone、ギャラクシーはこれといった影響なくできていたのですが、 REGZAでFirefoxなどを使った時はもうね。泣きそうになりましたよね。 原因はmoz系に対応するjsとCSS3の記述を全て行っていなかった事だと思います。 初めにどのデバイスでどこまで対応するのかという仕様策定をしてから始めないと モバイル同様苦しむ事になるので注意が必要です。 androidのopera等。 2.横にした時の見え方。 これは意外と苦戦しました。縦だと綺麗なのにスマホサイトでよく見るwidth:100%とかを 適所に使わないといけない。 float:left; とかで2つの要素を詰めないと、縦では詰まっていたのに、横では両端に広がってしまうとか。 それによってhtmlの記述を変えないといけなくなったりとか。 2012/09/26 以前は上記の様に書い
読了: 約 4 分 こんにちわ最近スマホサイト制作やスタンダードになるものを創る機会が増えてきたので、 まとめを書いておこうかなと思います。 目次 CSS3のTips的なものも交えながら、どう創るのが最適化というものを 色々な角度から判断して書いていきます。 構成は ①HTML5何が出来るのか、どう使うのか ②CSS3の記述 ③ユーザビリティ・アクセシビリティ ④フレームワーク の流れで創っていきます。 まず、 ①HTML5何が出来るのか、どう使うのか 何はともあれ具体的なモノを見る方が早いので、 下記サイトをご覧ください。 ソフトバンク2013年新卒採用 Softbank 株式会社Contents contents.ne.jp ********************************************** 非常に面白いですよね。スマホサイト制作というより、 HTML5の利用
HTML5・CSS3+JavaScriptでゲームを創りながらプログラミングを覚える(美味しいとこ取り) 11月 6, 2011 admin 最近HTML5・CSS3が使用されたサイトを良く見かけるようになりましたね。 僕自身もjQueryMobileを使ったり、スマホサイトを創るように なってきたのですが、イマイチ技術的なチャレンジやスキルが伸びている という実感がないので、ゲームを創ります。 そういう方向けにHTML5・CSS3+JavaScriptを使ったゲームの作成事例等を 紹介していきます。 どんなものがあるのですか HTML5とJSを使ったゲームの例 オブジェクトの理解がし易くなり、JavaScriptによるゲーム開発も 1日もあれば初心者でも出来るようになったとの事。 enchant.jsはもともとBASICでゲームを作るように気軽にゲーム開発につかえることを目指してHTML
livedoorディレクターブログ モバイルサイトの3キャリア共通CSSと最新コーディング事情 モバイルサイトの3キャリア共通CSSと最新コーディング事情 KAYAC DESIGNER’S BLOG やぱーりカヤックの方のブログは参考になりますね。 いつもお世話になっています。 永久保存版!?携帯コーディング、これだけ読めばすぐできる!(テンプレートのおまけつき) input type=”image”は使えない デフォルトの送信ボタン(input type=”submit”)ではなく、画像ボタンにしたい気持ちはわかりますが、 携帯ではinput type=”image”が使えません。これは諦めましょう。 と書かれていますが、厳密にはdocomoとsoftbankでは出ています。 auではinput type=”image”が使えず、value値がそのままテキストフィールドに書かれた状態で
このページを最初にブックマークしてみませんか?
『T2 – エンジニア・起業家の雑記』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く