JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita
JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！ こんにちは！エイチーム引越し侍の加藤です！ みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が
Googleの検索結果にパンくずリストを表示させる方法！ - ホワイトベアー株式会社
こんにちは。ホワイトベアーの自称係長、田中です。 好きな食べ物はあんドーナツの周りに付着している白い粉です。 さて、本日は、検索結果にパンくずリストを表示させたい！という願いを叶えるための記事でございます。 パンくずリストを検索結果に表示させるとは？ Googleの検索結果を見ると、タイトル・URL・紹介文しか表示されていないものもあれば、それ以外に「評価」や「パンくずリスト」「レビュー数」などが表示されているものがあることに気付くと思います。 検索結果に表示される情報を「スニペット」と呼びますが、情報量が多いスニペットを「リッチスニペット」と呼びます。 通常のスニペット イエス！フォーリンデブ★様 四ツ谷の検索結果表示より ん～！イエス！フォーリンデブ！四ツ谷の、かけカツ丼と言えば「鈴新」さん。かけカツは煮込まずにカツの上からタレや具をのっけてるので、サックサクな食感の楽しめる新感覚カツ
WEBアクセス解析ツールMixpanelが簡単なのに凄い。
Mixpanel Mixpanelは、Google Analyticsと同じく、WEBサイトのアクセス解析ツールです。しかしツールの性質は、Google Analyticsとは大きく違います。Google AnalyticsがWEBサイトのあらゆるアクセスをガンガン突っ込んで大量のデータをなんやかんやしようとするのに対して、Mixpanelは比較的数の少ない特定のイベントなどに絞って使います。 全部を丸ごと見ようとするのではなく、特定の一部分をとにかく詳しく解析しよう、というイメージです。 導入はものすごく簡単 登録は名前とメールアドレスとパスワードだけ。簡単です。 Google Analytics同様に、JavaScriptが発行されるので、自分のサイトに埋め込みます。JavaScriptなので、トークンが見えてしまっていて、自分以外の人でも解析データ投げ込めるような気がします。 (fu
MacBook Airの内蔵HDDを軽くしよう！全部やったら100GB以上空きができました！｜男子ハック
Mac小技・裏技・初心者iTunesに関連した小技・裏技・テクニックMacBook Airの内蔵HDDを軽くしよう！全部やったら100GB以上空きができました！2013年3月5日850 @JUNP_Nです。Macbook Airの内蔵HDDを軽くしてリフレッシュしたい！ということで色々やってみた結果、ディスク容量が100GB以上空きました！その方法をご紹介します。 不要なファイルやアプリは削除！溜まったキャッシュも削除！不要なデータファイル、不要な言語環境、不要なアプリ、そして溜まったキャッシュ。それらを持ち運ぶMacBook Airに入れているメリットは全くない！ ということでそれらを全部削除してやりました！ 以前はAppCleanerなどを利用してアプリの削除をしていましたが、Magicanというアプリを利用すればアプリだけでなく、キャッシュなども全て削除することができます。 参考：2
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
あの会社に学ぶ儲ける仕組み 〜 ビジネスモデル構築の9つの視点 | six1ブログ
※ 「なぜ、あの会社は儲かるのか? ビジネスモデル編」という書籍が、見た目に反して素晴らしい本なので、個人的なメモとして内容を整理しています。 「イミテーションはイノベーションよりも数も多く、現実に企業に利益をもたらすケースが圧倒的に多い」 ケーススタディからの学習はとても重要です。私が部下によくだす指示として「コンテンツを模倣せず、構造を模倣しなさい」というアドバイスをしますが、それもケーススタディから法則・構造を抽出するという意味ですね。 「ビジネスモデル」って言うのは簡単ですけど、実際に考えるのはそんな簡単な話ではありません。そこで、個人的なメモも含めて、ケーススタディからビジネスモデルのポイントを整理しました。 そんなわけで、ビジネスモデルを考えようといっても良くわからない方や、「会員増えたら広告販売をしようかしら。」とか「Google、Facebookにバイアウトしよっと！」と、
jquery.jsを読み解く：第1回 jQueryライブラリ（1～171行目）｜gihyo.jp … 技術評論社
はじめに jQueryとは、John Resigによって開発され、最近非常に注目を集めている Javascriptライブラリです。 JavaScriptとHTMLの対話を劇的に改善し、Ajaxなどにより複雑化してきているWebアプリケーション構築に必要な処理を非常に簡潔に書くことができます。また、ブラウザの種類やバージョンによる違いも吸収してくれるため、プログラマの作業量も減らしてくれます。 本連載では、jQueryライブラリのコードを読みながら、実装として中で何が行われているのかを見ていこうと思います。 想定している読者は、jQueryライブラリをただ使うだけでなく、やっていることを理解したいという方、使われているコードを応用して自分なりの改造をしてみたい方、新たなプラグインを開発したいという方などです。 今回の連載では執筆開始時点の最新版であるバージョン1.2.2を対象としています。説
９．売れるランディングページデザインの１０の特徴
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページのデザインは、インターネットの技術の向上に合わせて変遷している。それに伴い、高いコンバージョンを見込めるレイアウトも、めまぐるしく変わっている。 しかし、結局、どのビジネスも最終的には似通ったデザイン/レイアウトに落ち着いていく。 なぜなら、結果を出すランディングページデザイン/レイアウトには、ある一定のルールのようなものが存在するからだ。そして、そのルールに則ってランディングページを作ると簡単に高い数字が出せる。 つまり、ゼロからデザインを考えるのではなく、既に結果が出ることが証明されている成果保証済のレイアウトやデザインを使う方が、遥かに簡単で結果が出やすいのだ。 そこで、近年非常に良く見られるランディングページのレ
レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン（RWD）で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました： 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし
ユーザーインタフェースを考える | IT Leaders
2012/04/05 08:00 仕事を“堪能する”操作体系 スマートフォンやタブレット端末の直感的な操作感を知った利用者は、企業システムの理不尽な使いにくさに気づき始めた。「そのうち慣れる」？ 事業の展開スピードが競争力に直結する今、そんな悠長なことは言っていられない。今からでも遅くない。企業システムを「UX（ユーザーエクスペリエンス）」という視点で見直し、その改善を急ぐべきだ。 ［力竹 尚子／折川 忠弘］ 総論〜UI再考の意義 PART 1 次世代UI構築メソッド PART 3（4月10日公開予定） UX重視で変わる開発プロセス PART 4（4月17日公開予定） HTML5を理解する PART 5（4月17日公開予定） RIA技術の最新動向 PART 6（4月24日公開予定）
馬鹿全 - (AS3)ビット演算を倒す
ビット演算（ビットえんざん）とは、 ひとつあるいはふたつのビットパターンまたは二進数を個々のビットの列として操作することである。 CPUからすればビット演算は簡単な論理回路で実現できるが、 四則演算、特に乗除算は複雑な論理回路を必要とするため、 多くのコンピュータでは、ビット演算は加減算より若干速く、乗除算よりずっと高速である。 Wikipedia(ビット演算) より AS3 でもビット演算で高速化するなどという Tips をよく見かけたりします。 早いのはわかったけど「なぜそうなるのか。」「実際どんな場面で使ったりするものなのか」などはなかなか書いてなかったり。 なので今回は例を含めつつ、説明していこうと思います。 「得意な人はより得意に、そうでない人はそれなりに」を目指します。 二進法 苦手な人はいきなりブラウザバックしたくなる話だと思いますが少し我慢してください。 二進法
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
国内消費需要の増大でさらなる中国EC発展を | はじめての中国EC “どうすりゃいいんだ？”指南 | Web担当者Forum
ファーストリテイリング社は2011年9月に、中国で展開している82店舗のユニクロを年内に100店舗まで拡大する事業戦略を発表。同社の柳井正会長兼社長はアジア市場を「眠れる金鉱」と評し、現在進出している欧米圏に加え、中国だけでなく、韓国、台湾、ASEAN地域のアジア圏を中心に海外市場に注力していくという。 ユニクロを筆頭に大手企業が中国ECに進出し、現地で売上をあげている。家電ではソニー、スポーツ用品ではMIZUNO、カメラならCANON、お菓子なら不二屋、ベビー用品ならユニチャームだ。 中国GDPの上昇率は2010年第1四半期の11.9％から2011年第3四半期に9.1％と2.8ポイント下降しているものの、あくまでも微減であり安定的な経済成長を続けていると、中国国家統計局は2011年10月中旬に発表している。アジアや欧米の経済学者は、「中国は輸出高が減少しているのに対し、中国国内消費需要が
手軽で手ごわい“集市”出店！～タオバオC2C成功者に聞く出店ポイントと難しさ～ | はじめての中国EC “どうすりゃいいんだ？”指南 | Web担当者Forum
手軽で手ごわい“集市”出店！ ～タオバオC2C成功者に聞く出店ポイントと難しさ～中国ECに参入するのに最も手軽な方法は、C2C（個人間取引）だ。いわゆるECというよりはオークションのような印象をもつかもしれないが、日本でもYahoo!オークションなどで事業者が出品して販売しているのと同様に、中国でもC2Cの市場は事業者にとっても魅力的な場だ。 日本の人口を大きく上回る1億5000万人以上の会員数を誇るタオバオは、企業だけなく個人でも「集店」と呼ばれているC2C（個人間取引）モールで出店できる。 個出店するためには、まずは「タオバオ内で契約口座を開設する」ことが必要である。C2Cの場合、出店する際の契約形態が個人となるため、現地の銀行で開設した口座を利用し、アリペイアカウント口座を取得する。アリペイについては、第3回の「チャットとアリペイでECでも」の項で説明しているのでそちらを参照していた
swfobject.js がアレな話 - ほむらちゃほむほむ
もばいる全盛感のある世間的には今更，FLASH なんてどうでもいいし，swfobject.js 自体 2009年から更新されてないから，こんな古いものをと言われかねないような話ではあるものの，日本語での言及をあまり見てないし，つい先日もさる通信キャリアがトップページでやらかしてて多分知られてないんだろうなと思ったので書こうと思った次第． swfobject.js とは何か この記事の対象読者にとっては説明するまでもない話とはおもうけど一応前置きとして説明しておくと，swfobject.js は FLASH を web ページに埋め込むための JavaScript のライブラリ．クロスブラウザ対応してたり，面倒な HTML-tag のお作法を覚えなくても良くなったりとでデファクトスタンダードな感じのモノ．2007年とちょい古いがリクルートMTL の SWFObject v2.0 ドキュメント
3大「WordPressに慣れていない人がやってしまいがちだけど、こっちのほうがいいのになぁ」って思うこと
どーもどーも。最近めっきりネタストックの出来ていないマイペースたんです。 この記事は12/1～12/25の期間、毎日ブログ記事を数珠つなぎにしていく「WordPress Advent Calendar」の第19日目として書いております。 18日目の@kamiyamさんから引き継いでの記事でございます。 とはいえ、最近これはいいなぁと思ったネタはもうすでに先月書いてしまったし、V3.3はまだ全然触れてないし、最近理解を新たにしたループについての話はkzさんがさらっとスマートに書いてしまっていたりで、、、困った困った。でも考えました。 ここ最近、ありがたくも自サイトからWordPress関連のちょっとした作業依頼をいただく機会が増えました。 ご依頼内容としては、「デザインやプレーンなサイト構築についてはこなれているけれど、どうもWordPressに組み込んだ時に言うことを聞いてくれないからなん
note.x | Stage3D Physics library “Pellet”
Adobe製Stage3D用フレームワーク Proscenium に付属してくる物理演算ライブラリ「Pellet」を単独で使ってみた。 btConvexHullShape Test（要：FlashPlayer11） Pellet は、C++で書かれたオープンソースの物理演算ライブラリ「Bullet」のAS3移植版。 BulletはBlenderのゲームエンジンで使われてたりする。（MMDが採用してるっていうほうが通りがいいのかな）そのAS3ポートといえば、 Away3D 4.0 jiglib vs Bullet « DevJamMemo AwayPhysicsを使って衝突判定をしてみる Flash Player 11 対応の 3D 物理演算ライブラリ「AwayPhysics」 | ClockMaker Blog 等のエントリーですでに紹介されているAway3D4.0用のAwayPhy
Stage3Dコンテンツ制作入門 | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* Stage3DはFlash Player 11の目玉機能で、GPUを活用することで従来の1,000倍以上のグラフィックレンダリングができると言われています。本記事では、Flash Professional CS5／CS5.5とFlash Builder 4.5のユーザーを対象にStage3Dの導入方法を解説します。 サンプル：Stage3Ds
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJS 透過PNG画像の中の部分に陰影処理する｜javascript｜POPSブログ｜POPS WEB KOUBOU
ActionScript の新しいコンパイラ ASC 2.0 の変更点一覧 - akihiro kamijo