タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

フロントエンドに関するHanPannaのブックマーク (5)

  • HTML+CSSコーディングの言語化 - Qiita

    はじめに HTMLCSSコーディングにおける制作者の思考や判断、アプローチ、コード化に至るまでの流れなどを分解し、コードの状態なども含めてそれぞれを短い言葉で言語化しました。 以下のような効果が期待できます。 HTMLCSSを使っておこなってきた事を客観視・再認識できる 始原的な動機を把握することで、手法を別の視点で捉えられるようになる 認識合わせや熟練度確認に利用し、制作時のコミュニケーションを円滑にする 場合によっては、ぼんやりと捉えていたことや、詰まりやすかったポイントなどがハッキリと認識できるようになるかもしれません。 言語化の概要 まずは、全体像が分かる概要図を掲載します。 この記事は、以下のステップと各項目について順に説明するものになります。 前提事項・環境について 言語化するにあたって前提となる考え方や環境について記載します。 HTMLCSSの役割 HTML → データ

    HTML+CSSコーディングの言語化 - Qiita
  • 片手間のJavaScriptから脱出するためにこれからのWebエンジニアが理解すべきこと - Qiita

    はじめに 最近、こういった記事が世間をにぎわせている。こりゃエヴァの話なんてしてる場合じゃねぇ!と思ってさくっとこの辺の事情を理解するために必要なことをまとめてみる。 Railsが時代に合わなくなってきた Javascriptを使うのをやめろ:Railsの時代遅れ云々についての結論 昔ながらの「片手間に書くJavaScript」の限界 GoogleTwitterでも実現できないのだから使うな問題 この話は、どの地点の何の話をしているのかよくわからないのです。現在ではかなりステップバック&改善が行われ、Safari自体のクラッシュはアプリのクラッシュと比べて、あまり多いとは思いません。むしろ、一昔前に比べてかなり改善しているという認識です。iOSのバージョンが古いとかでなければ、現状でも十分ユーザビリティの改善につながっているでしょう。 しかし、この問題の結構大部分を占めているのは個人的に

    片手間のJavaScriptから脱出するためにこれからのWebエンジニアが理解すべきこと - Qiita
  • フロントエンジニアになってから5ヶ月間で欠かせなくなったツールを晒す - Qiita

    概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード(カーソルキー以外)だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での開発環境 mac mini (2011) 19インチのシングルモニタ GUI系ツール Sublime Text 2 プログラマ向けのテキストエディタ。 これがないと仕事にならない。 以下、必須なPackage。 Vintage vimっぽいキーバインドにする

    フロントエンジニアになってから5ヶ月間で欠かせなくなったツールを晒す - Qiita
  • javascriptでオブジェクトが持つメソッドとプロパティを調べる - 生涯一マークアップエンジニアだっ!!

    javascriptのコーディングをするとき、オライリーのクイックリファレンスは必須ですが、 けっこう重いなのでいつも持ち歩いてるとは限らない。 でも、オブジェクトのメソッドが知りたいとかっていう場合ありますよね。ね。 私がよく使うのはこれです。 Windowオブジェクトの内容を調べる var objList; for(i in window){ objList = objList + i + '\n' } alert(objList) //メソッド・プロパティの一覧がアラートされます for〜in文で、オブジェクトの配列数だけ回します。 で、キーを表示させればメソッド・プロパティが表示されます。 ただ、これだとアホみたいにデカいアラートが表示されてしまうので、 //結果出力用のhtmlを作成 var outputTag = document.createElement('textare

    javascriptでオブジェクトが持つメソッドとプロパティを調べる - 生涯一マークアップエンジニアだっ!!
  • JavaScriptで日付や時間の0詰めを実装する | tagamidaiki.com

    PHPで0詰めをしようとした場合、printfで制御してやれば簡単に出来たのですが、JavaScriptの場合だとどうしても0詰めがうまく出来ない。 普通にやっちゃうと桁が合わずにカッコ悪い感じになってしまいます。 2012/8/6 14:4 2012/11/13 8:14 2012/1/3 8:9 8月6日20:18 追記 @inaba_n 様にアドバイスをいただいたので追記します。 以下のように書くと更に高速になります。 <script> var date = new Date(); var dd = ("0"+date.getDate()).slice(-2); // 08 </script> 上記の書き方だと、最初に紹介した書き方より高速に動きます。 無理やり型変換をしている部分がない分それだけ速く動きますね。 情報提供ありがとうございます! —–以上追記—– 調べた結果、ここのブ

    JavaScriptで日付や時間の0詰めを実装する | tagamidaiki.com
    HanPanna
    HanPanna 2014/12/17
    日付とゼロサプレスゼロパティング
  • 1