JavaScript初心者脱却への道のりを考える - Qiita
最も誤解されているプログラム言語として名高いJavaScriptの誤解を解きつつ、中級者（プログラム開発においてある程度戦力として計算できる）になるためには何から抑えればいんだろう、というのを考えた記録とリンク集です。 考えたというか、自分が勉強中です。 ※追記 KENJUさんが完全に上位互換な内容の投稿を公開されていましたので紹介。 中上級者になるためのJavaScript【知識編】 対象 何かしらのプログラム言語は書ける 多少JavaScriptを書いたことはあれど、言語の仕様はよく知らない レベルの基準 中級ってどんな人なのさ？ JavaScriptの業務スキルレベル 判別表 （５段階） あなたはJavaScriptを知らない JavaScriptでよく使われるクロージャやプロトタイプの考え方を理解すること 代表的なライブラリ（jQueryとか）が使えること、最近ならNode.jsな
in 演算子 - JavaScript | MDN
// 配列 let trees = ["redwood", "bay", "cedar", "oak", "maple"]; 0 in trees; // true を返す 3 in trees; // true を返す 6 in trees; // false を返す "bay" in trees; // false を返す (添字の指す値ではなく、添字の数値を指定しなければならない) "length" in trees; // true を返す (length は Array のプロパティ) Symbol.iterator in trees; // true を返す (配列は反復可能。 ES2015 以上で動作する) // 定義済みオブジェクト "PI" in Math; // true を返す // ユーザー定義オブジェクト let mycar = { make: "Honda",
VOYAGE GROUP エンジニアブログ : 今、クライアントサイドのJavaScriptを書く前に知っておきたいこと ~ 2014年トレンド総まとめ
2015年02月05日16:34 カテゴリ 今、クライアントサイドのJavaScriptを書く前に知っておきたいこと ~ 2014年トレンド総まとめ 皆さんこんにちは。adingoにてFluctという広告配信システムの管理画面を中心にクライアントサイドの開発を行っております、大関です。 今回は、先日、社内のエンジニア向けに開催した「2014年のJavaScriptのトレンド総まとめ」というコンセプトの勉強会の内容について紹介します。 JavaScriptトレンド総括（2014） from Tetsuharu OHZEKI それでは、スライドに書ききれなかった前提事項について、何点か補足と解説をします。 補足と解説 前提: なぜ「2014年」なのか JavaScriptを用いた開発、特にWebフロントエンドとも呼称されるクライアントサイドJSのトレンドは、非常に速いサイクルでの進化を見せて
【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch
はじめに この話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。 ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。 最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。 ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。
ブラウザー上でサクッとコードの動作テストができるWebサイトいろいろ
2017年2月17日 便利ツール 作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML
Backbone.jsを使ってブラウザベースのMarkdownエディタを作りました - 文系学生のプログラミング入門
Nekobito - A Markdown Text Editor on Browser というわけで、Nekobitoという名前のテキストエディタを作りました。何が目的でどうやって作ったのかとかそういうことを書きます。タイトルは２ちゃん風にしたので、２ちゃんまとめサイトに取り上げられることを願うばかりです。 背景 ブログの下書きを書くためのテキストエディタ、今まではKobitoを使ってたけど、できればブラウザ上で使いたい。でもQiitaの投稿ページがKobitoの代替になるとは思えず、他のテキストエディタとしてwri.peなども検討したけどテキストエリアがデフォルトすぎて気持よくなかったので自分で作りました。開発時には麒麟のどごし生を服用しました。 名前はNeo Kobitoとしようとしたんですが、思いっきりKobitoって言っちゃっていいのかと思ってoを抜いてnekobitoにしました
カッコで括るJavaScriptの無名関数 (function(){/*処理*/})();
JavaScriptで、変数名を省略する記法 無名関数について説明する前に、JavaScriptで変数名を省略する書き方を説明します。 例えば、JavaScriptで今年の西暦を調べるには、次のようにします。
[JavaScript] ECMAScript6のMapとSetを使ってみよう - YoheiM .NET
こんにちは、@yoheiMuneです。 今日は、ECMAScript6で定義されているMapとSetを使ってみたいともいます。Chromeはver.38から使えるので、すぐそこまできている技術です。 Special Thanks to https://flic.kr/p/aBtMu5 目次 多くのプログラミング言語でサポートされているMapが、とうとうJavaScriptでも使えるようになりました。 Mapはコレクション型の1つで、データを格納するためのデータ構造です。 JavaScriptではオブジェクトリテラルを用いて、以下のようにデータを保持することができます。 var data = { name: 'Yohei', sex: 'male', contry: 'JP' }; Mapでも似たようにKey-Value構造でデータを格納することができます。 // Mapオブジェクトの作成
![[JavaScript] ECMAScript6のMapとSetを使ってみよう - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/5dcc0513954e1663d28cfa213e031bd6db5588f8/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F340.jpg)
iPhone development – Teton Technical
February 16, 2015 Swiftly Secure, Part 3 – Dividing Huge Numbers Posted in iPhone development, mac development tagged algorithm, division, huge, integer, multi-word, Swift at 9:05 pm by tetontech Let’s face reality. Computer division is ugly. It’s not the case, but it might seem to some people that those who conceived the computers we use today dropped the ball. Addition and Multiplication algorit
JavaScriptを使って、選択された要素の表示/非表示を切り替える｜クリエイターブログ｜東京都新宿区のWeb制作会社 - ウェブラボ
今月からウェブラボ技術メモが復活します！ 新しい技術や、有用な情報をお伝えしていきたいと思いますので、宜しくお願いいたします。 さて、今回紹介するのは、JavaScriptを使ってラジオボタンのチェックの有無でコンテンツの表示非表示を切り替える、というものです。 実際の動きを見た方がわかりやすいと思うので、まずはデモをご覧ください。 DEMOはこちら チェックを切り替えるごとに表示されるコンテンツも切り替わっているのがわかると思います。 フォームの項目は多くなってしまうと、ユーザーはストレスを感じてしまいます。 そんな時、チェックした項目によってその後の内容を変化させれば、よりユーザビリティに優れたフォームになります。 例えば、「初めての方」と「2回目以降の利用」で入力項目が違う場合は「初めての方」にチェックを入れると名前や住所などの入力欄を表示させ、「2回目以降の利用」にチェックを入れた
)
Inspect running JavaScript with the Debugger (Windows)
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. Use the Debugger tool to navigate your code as it runs, set watches and breakpoints, view call stacks, and improve the readability of compiled/minified JavaScript. When do you need the Debugger tool? The Debugger tool helps you figure out why pieces of y
CSS and jQuery Image Comparison Slider | CodyHouse
Image Comparison Slider A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. When you create a product page, there are some effective UX solutions that can be used to make the user 'feel' the product. A comparison image slider is one of those. If you look at the Sony Ultra HD TV product page, they use this approach to emphasize the difference between their display res
夏のJavaScriptシューティングゲーム祭り2014の資料と動画まとめ
2014年9月6日に、@h_doxas さん主催の「夏のJavaScriptシューティングゲーム祭り2014」というゲームプログラミングの勉強会を Stocker.jp / Space にて開催していただきました。 「JavaScriptシューティングゲーム祭り」では、その名の通り JavaScript を使ったシューティングゲーム開発についていろいろな方が登壇されるイベントです。 WebGL を使った表現や高速化、ESMAScript 6 などの話題もあり、非常に興味深い内容でした。 iPhone で講演内容を録画していたので、そちらの内容を公開します。 三脚の設置に失敗しており、斜めになっているものや音量が不安定な箇所があり、申し訳ありません。 全体的に音声は小さめですので、音量を大きくしてお聴きください。 弾幕記述用ライブラリbulletml.jsについて だいしさん @daish
はてな技術勉強会 #2 録画公開 「TitaniumによるiPhone/Androidアプリ開発」「iPhoneアプリ開発講座Web連携アプリ編」 - Hatena Developer Blog
こんにちは、id:stanakaです。昨日開催された、はてな技術勉強会 #2の資料&動画を公開します。今回は、翌日に公開できました。今後もこのスピード感を維持したいものです。 「TitaniumによるiPhone/Androidアプリ開発」 id:r_kurain いま最も注目をあつめる、スマートフォンアプリ開発環境であるTitaniumについて解説します。 インストールなどの導入から、簡単な Twitter クライアントの作成までの一通りの開発について実際に動く様子を確認しながら説明していく予定です。 TitaniumによるiPhone/Androidアプリ開発View more presentations from kurain. サンプルコード: https://github.com/kurain/TitaniumMobileSample 「iPhoneアプリ開発講座Web連携アプリ
プログラミング基礎文法最速マスターまとめ - ネットサービス研究室
現在73エントリー。新たな基礎文法最速マスター記事を見つけ次第随時追加していきます。 リンク切れしているものはURLを記載しておくので、Internet Archive Wayback Machineなどで過去の履歴を閲覧してみてください。 基礎文法最速マスター ActionScript 3.0（http://blog.livedoor.jp/takaaki_bb/archives/51374100.html） awk（http://gauc.no-ip.org/awk-users-jp/blis.cgi/awk_fastest） Bash Brainf*ck（http://d.hatena.ne.jp/shunsuk/20100130/1264842323） Bシェルスクリプト（http://chaichan.web.infoseek.co.jp/src/BSH.htm） C++0x C
プログラマが楽しく読めるLink集 Vol.1 - 乱筆乱文お許し下さいorz
ネットサーフィン（死語）をしていて、プログラマなら誰でも楽しく読めるハズ！ と思ったサイトや記事を紹介して行きます。 とりあえず、Vol.1ッ！ ハッカーになろう (How To Become A Hacker） 実は、この5つすべて（Python, Java, C/C++, Perl, LISP）を勉強しておくのがいちばんいいのです。 これらはもっとも重要なハッキング用言語だというだけでなく、 それぞれプログラミングに対してまったく違ったアプローチをしているので、どれも非常に有益な勉強となるでしょう。 Rubyは？（´・ω・｀）ｼｮﾎﾞﾝ Fine Software Writings 特に僕が好きな記事を！ ホワイの(感動的)Rubyガイド (why the lucky stiff) どうしてプログラマに・・・プログラムが書けないのか? (Jeff Atwood) ソフトウェア開発者のた
データ ＆ アナリティクス | アクセンチュア
データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Effective web performance tuning for smartphone
https://qiita.com/geta6/items/1d6a7d973fb120aca0eb