検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog
HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の糸口をさがす ▼ 3. こんな方法があったのか〜 と気づきを得る というフローでスキルアップしていくことがもっぱらだと思うのですが、 学びを増やしていくためには違うアプローチも必要なんじゃないかと思います。 カヤックHTMLファイ部では、 1. みんなで蓄積したTipsをざぁっと読む ▼ 2. こんな方法があったのか〜 と気づきを得る ▼ 3. 制作の際に導入していく というフローを繰り返し実践していくことで、 検索では気づけないことを学び、実装力アップ
必ず設定したい！Googleアナリティクスを導入したら最初に行うべき基本設定
Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー
あれ、いつも書いてるな～というJavaScript の小技集 | バシャログ。
いい加減髪を切りたいminamiです。 JavaScriptでいつも書いてるな～という処理や、知っていると便利なTipsを簡潔に集めた記事を見てほお～と思ったものがいくつもあったので抜粋してみました。 ※追記1： ご指摘がありましたので一部修正しました。「配列をソートする」ではなく「配列をシャッフルする」でした。 ※追記2：「HTMLをエスケープする」のソースがまちがって表示されていました。修正しました。 ※追記3：予想以上に反響が大きく、多数ご指摘を受けてしまいました。よく使う処理の書き方もいろいろあるんだな～という参考程度にご紹介したのですが、参照元の記事の内容の検証が不十分なまま紹介してしまい申し訳ありませんでした。いろいろと勉強になりました！ 45 Useful JavaScript Tips, Tricks and Best Practices 配列からランダムで値を取り出す v
<input type="text">でEnterを押してもsubmitさせない方法【HTML, JavaScript】 - Programming Magic
<input type="text">でEnterを押すとsubmitされてしまうことがある。 これは便利なときもあるが、場合によっては不便になる。 Enterを押すとsubmitされるのは以下の3パターンがある。 1. Opera、Safariで、<input type="text">または<input type="password">がある場合 <form> <input type = "text" name = "text1"> <input type = "text" name = "text2"> </form> 2. IE、Firefoxで、<input type="text">または<input type="password">が１つ以上と、<input type="submit">または<input type="image">が１つ以上ある場合 <form> <input
連想配列の使用方法 [Java Script - 配列 - Tips]
連想配列とは、キーを指定して値をセット出来る配列です。 JavaでいうところのHashMap、.Netでいうところのhashtableです。 ただし、JavaScriptではプロパティと同じ意味合いになっています。 内部では厳密には違うのかもしれませんが、少なくとも使い方は一緒です。 1. 連想配列に値をセットする方法 - その１ // 連想配列を生成する var myObj = { key1: 'value1' , key2: 'value2' }; 2. 連想配列に値をセットする方法 - その２ var myObj = new Object(); // 連想配列に値をセットする myObj['key1'] = 'value1'; myObj['key2'] = 'value2'; 3. キーを指定して値を取り出す方法 // value1 と表示される alert( myObj['key
PHPプロファイリングに役立つXHProfを色々便利にしてくれる「XHGui」:phpspot開発日誌
XHGui Improvements Analyzing site Performance (PDF注意) PHPプロファイリングに役立つXHProfを色々便利にしてくれる「XHGui」のご紹介。 知らない方の為に、まず、XHProfについて説明するとfacebookが作ったPHPのプロファイリングツールは、PHPアプリケーションの速度の遅い部分を探すのに便利なツールです。 プログラムのフローチャートを図にして重い部分を赤や黄色で表示してくれたりします。 テーブルでそれぞれの処理がどれだけ時間がかかったかを示してくれます。 但し、標準のXHProf の画面はなんとも味気ないものですし、１つのリクエストに対しての結果をただ表示するものでした。 XHGUI はXHProfのフォークで、 ・標準の画面をリッチにして、 ・グラフ等も付けてより分かりやすくしてくれる上に、 ・全てのリクエストの統計を
Amazon商品画像のカスタマイズ（理論編） - Shiz Labs
Amazon.co.jpの商品画像は画像のURIを一部変更することで、サイズや影・回転など様々なカスタマイズが可能です。Amazonが標準で提供しているリンクでは満足できず自分でカスタマイズしたい方や、Amazon Webサービスを用いて画像を加工する場合に役立ちます。 「理論編」では実際に利用する云々は別にして、私が把握している範囲での画像加工の仕様をまとめていきます（2008年5月時点）。 Amazon商品画像URIの基本 URI： http://images-jp.amazon.com/images/P/[ASINコード].[国コード].[画像の種類].jpg [ASINコード] 商品のASINコード。Amazonの商品ページの「商品の詳細」という欄のASIN（和書の場合はISBN-10）という項目。 [国コード] 国のコード。"01"がアメリカとカナダ、"02"がイギリス、"03"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現
Web制作者が読んでおきたい、最近公開されたおすすめのスライド