JavaScriptで即時関数を使う理由 - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ときどきWEB | jQuery覚えたい人向け入門の問題集作ってやんよ!!!（オブジェクト編）
過去２回、これからjQueryを覚えたいという方に向けて問題集を作成しました。 LV１・・・特殊なロジックや記述は不要。基本的にはメソッド単品のみで処理可能レベル jQuery覚えたい人向け入門の問題集作ってやんよ!!!（メソッド編） LV２・・・完成イメージから処理に適したメソッドを選定でき、functionイベントを設計できるレベル jQuery覚えたい人向け入門の問題集作ってやんよ!!!（ベタ書きfunction編） 今回、最後の仕上げとしてひとつのfunction内ですべての処理を行うベタ書きから、 単純なfunctionを量産し、実行用のfunctionで全体の処理を行うオブジェクト指向の感覚をつかむところまでを目標にしたレベル３を作成しました。 jQuery問題集レベル３（オブジェクト関連） レベル３・・・・・構文や変数を組み合わせて簡易的なインスタンスを構築できる 問41.i
ときどきWEB | jQuery覚えたい人向け入門の問題集作ってやんよ!!!（ベタ書きfunction編）
前回、「jQueryに興味はあるけど難しそう・・・」とか「覚えたいけど何をどうすれば？」といったjQueryに関心のある方のお手伝いができれば!!! といった訳で問題集を作ってみました。 jQuery覚えたい人向け入門の問題集作ってやんよ!!!（メソッド編） 前回はjQueryライブラリで用意された関数を用いてページを読み込んだ時点で処理を行うものがメインでしたが、 ＵＩやヌルヌル動くアニメーションを手軽に作成できるのがjQueryの真骨頂だと思いますので、 せっかくテキストの書き換えや要素の追加・削除ができていればあとはもうあとはfunction宣言や記述ルールのコツさえつかめばおｋ。 jQuery問題集レベル２（ベタ書きfunction関連） レベル２・・・・・完成イメージから処理に適したメソッドを選定でき、functionイベントを設計できるレベル 問31.id名「q31」の要素にサ
ときどきWEB | jQuery覚えたい人向け入門の問題集作ってやんよ!!!（メソッド編）
jQueryを覚えたい!!という方で本屋さんで『すぐにわかるjQuery入門』なる参考書を買っては一週間後にはその話題はタブーになっちゃう方へちょっとした問題集を作ってみようと思います。 もう参考書を買ってわかったつもりとはさよならbyebye♪ これからjQueryやJavaScriptを覚えていきたい方など是非とも！！ 練習問題.『Hello,World』をアラート出力せよ 回答はコチラ alert("Hello,World"); jQuery問題集レベル１（メソッド関連） 特殊なロジックや記述は不要。基本的にはメソッド単品のみで処理可能レベル 問1.id名『q01』のテキストカラーを赤に変更せよ <!-- HTML --> <p id="q01">ときどきweb</p> 回答はコチラ $(function(){ $("#q01").css('color','red'); }); 問2
プログラミング初心者の勉強方法について - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 前回の投稿から数日経っていますが毎日、何かしらのJavaScriptを書いています。勉強開始から2週間が経ちました。まだまだ振り返るには早すぎるのかもしれませんが、勉強方法について少し疑問を持ち始めたので書いてみます。 プログラミングの勉強とは？ 私は小さい頃から運動神経が良さに恵まれてスポーツが得意です。どんなスポーツにも共通していることは 思い通りに体を動かせるかどうか に尽きます。武井壮さんが同じことを言っていたのを見て、とても共感できました。思い通りに体を動かせるとスポーツの専門的な技術練習に時間をさほど費やさなくとも、普通の人
お気に入りのJavaScript学習サイト"CodeStudy" - 非天マザー by B-CHAN
オンライン学習 みなさん、こんにちは！ B-CHANです。 先日から、プログラミング言語としてJavaScriptの学習をしています。 ITが本業じゃないボクがJavaScriptを覚える理由 - 非天マザー by B-CHAN んで、紙の書籍で学んでも良いんですが、でも。 せっかくこうやってiPhoneの活用ブログを書いて、IT活用をオススメしているボクが、紙の書籍を買ってきて学習するのって、何となく悔しい。 スマホばかりしやがって、に対する反論 - 非天マザー by B-CHAN いろんな製品の取扱説明書をiPhoneに保管しておく！ - 非天マザー by B-CHAN やはりここは、紙ではなくインターネットで学習したいモノです。 んで、初心者向けの学習に向いているサイトをいろいろ探したんですが、なかなかしっくり来ないんですね、これが。 ドットインストール 最初にやったのが有名なこれ。
参考にしたい！ JavaScript(CoffeeScript)スタイルガイド7選！ - Money Forward Developers Blog
こんにちはー。 フロントエンドエンジニアの平山です。 JavaScript(CoffeeScript)の役割が増えてきた昨今。 ここいらで一度、有名なスタイルガイドを追ってみたいと思います。 一緒にスタイルガイドを策定したり、あーやこーや語らいながらよりよいスタイルガイドを考えたいフロントエンドエンジニアの方は、とりあえず一緒に開発しましょう！ 【採用サイト】 ■『マネーフォワード採用サイト』 https://recruit.moneyforward.com/ ■『Wantedly』 https://www.wantedly.com/companies/moneyforward JavaScript AirBnB Airbnb JavaScript Style Guide Airbnb JavaScript Style Guide（es5） 和訳（非公式） JSスタイルガイドだと有名な感じ
優秀なJavaScriptの開発者になるための5か条 | POSTD
(注記：7/15、いただいた翻訳フィードバックを元に記事を修正いたしました。) 子供の頃、私の興味は互いに関係性のない様々な分野に及んでいました。数学も歴史も大好きでした。 ルネッサンスマン 、つまり 博学者 と言う、複数の分野に秀でた人になりたいと思っていました。これはとても難しい課題で、私は突如として、器用貧乏な人になってしまう危機に直面したのです。 私は特定の分野に特化しなくては、と考え始めました。そうすればたとえルネッサンスマンにはなれなくても、少なくとも、器用貧乏にならなくても済むと思ったのです。どうしたらソフトウェア開発をするのに必要な広い知識を保ちながら、1つの分野で専門性を高めることができるのでしょうか。 この記事では、過去5年間、私が良いJavaScript開発者になるために使ったテクニックとリソースの概要をお伝えしようと思います。 最近の多くのWeb開発者は、ある共通の
中上級者になるためのJavaScript【知識編】 - Qiita
【News】電子書籍化しました！ Gitbook Read Online Download PDF Download EPUB Download MOBI この記事は、敷居が低いもののなかなか中上級に進めず困っているJavaScript学習者の方を対象としています。よりJavaScriptに対する理解を深める際に気を付けるべき事柄、知っておくべきキーワードの提供をゴールとします。 「クロージャーについてもっと知りたい！」「カリー化なるものがあるのか、知らなかった！」といったきっかけになれば幸いです。 JavaScriptは書ける人が多く、ベストプラクティスが整ってあるものの、逆に間口が広すぎてコピペで済ませてしまったり（場合によってはしょうがないことですが）基礎を学ぶ機会がなくなんとなく現場に出てしまったりすることがありますので、ぜひこの機会にJavaScriptを復習してみてください。
AngularJSでマテリアルデザイン風のページ遷移アニメーションを作ろう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 6月から役職が変わりフロントエンドリーダーからCTOになりました、先生です。 もうAngular1.4にアップデートしましたか？ Angular1.4になりマテリアルデザインを意識したアニメーション関連の変更や実装がおこなわれました。その分Breaking Changesもあるのでアップデートには注意する必要があります。 今日はそんなAngularJS 1.4を使って、マテリアルデザイン風にページ遷移するアニメーションを作ってみたいと思います。 今回のデモ デモは下記リンクになります。 各メンバーをクリックするとスムーズにアニメーションして詳細ページに遷移します。まずは触ってみてください。 http://frontainer.com/ligblog-sample/angular-morphing-animation/#/ 必要なもの AngularJS1.4 – https:
React.jsではなくRiot.jsを採用した話、運用中サービス『GAMY』でリニューアル - Qiita
今回、ゲーム攻略コミュニティ『GAMY』というサービスでRiot.jsを採用しました。 知る限りでRiot.jsで実装されたサイトの中でも最大規模のサービスだと思います。 これまではjQueryとjQueryプラグインを使っていましたが、デザインのリニューアルを機に、全部書き換えることにしました。 ドキュメントも兼ねてアウトプットしていきます。 Riot.jsとは Riot.jsは今流行りのReact.jsに似た仕組みを持っている、それで非常に軽量なJavaScriptライブラリーです。 最近GitHubのリポジトリが**/muut/riotjsから/riot/riot**にお引っ越しして、これからがより注目なライブラリーです。 詳しくはこちら↓ Riot公式 Riot.js 2.0 情報まとめ GitHub 捨てることを前提としたライブラリー選定 最初は今ブームの２大フレームワークとなっ
最近のReactへの言及についての違和感 - mizchi's blog
「最近のReactへの言及についての違和感」というエントリ書いたら燃えますかね— イカid:mizchi0x (@mizchi) 2015, 6月 7 僕がみた資料の中でFluxの設計について正しい理解をしていると思えるのはげたさんのこの資料だけです https://t.co/XaKHhhuP2A— イカid:mizchi0x (@mizchi) 2015, 6月 7 みんなsetStateに騙されてる— イカid:mizchi0x (@mizchi) 2015, 6月 7 一部で「React使うとコード量が増える」という意見、サーバサイドで書いたテンプレートのレタッチをするjQueryと比べたらそりゃそうなんだけど、SPAでそもそもJS側がテンプレート握るような環境では handlebars とかで書いてたところが JSXになるだけでそれ移行コスト— イカid:mizchi0x (@mi
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
2015/05/27にLINE社で行われた、Data Binding JS Nightでの発表内容です。
ここ数年前から2015/5までのモダンフロントエンドを総まとめしてみた
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて（最近は主にJavaScript）、そのおもしろさに日々驚いています。 そこで今回は、ここ数年~2015年のフロントエンド界隈で一度は流行った技術、今後の動向などをまとめました。タイトルにモダンとありますが、その辺は
AngularJSモダンプラクティス - Qiita
Help us understand the problem. What is going on with this article? こんにちは、@armorik83です。私のAngularJS歴は2年弱で、これまでAngularJSに関する記事はQiitaにたくさん書いてきました。例えば次のような記事です。 AngularJSアンチパターン集 2014.9 ここらでDirective Scopeの@=&をまとめておきたいと思う 2014.9 TypeScriptで書くAngularJSのMVC 2014.2 AngularJS Directiveの処理順を網羅してみた 2014.12 他にもニッチなものやイマイチだったものも含めてけっこうな数となってきました。また、こういった記事の縁で勉強会でも登壇させて頂きました。 モダンAngularJS 2014.12 GDG中国 TypeScr
フレームワーク対決！Angular VS React仮想パネルディスカッション
フレームワーク対決！Angular VS React仮想パネルディスカッション 吉川 徹 特集企画「アプリケーションアーキテクチャ最前線」では、さまざまな視点からアプリケーションアーキテクチャをエキスパートたちに語っていただきます。今回は、今話題のAngularJSなどのJavaScript MVCフレームワークの台頭と進化、そして新しいアーキテクチャであるFluxとそのフレームワークであるReactなどについて、既に先行して学んでいるエキスパートたちにその知見を聞いてみました。 今回はフレームワーク対決ということで、エキスパートたちがAngularとReactという陣営に分かれ、それぞれのフレームワークについて疑問点をぶつけたり、議論したりする仮想パネルディスカッションという形式でお伝えします。単なるパネルディスカッションとは違って、キーワードは「プロレス」です。まさかりの投げ合い、di
JavaScript を PNG に圧縮する | Yomotsu net
JavaScript を PNG に圧縮するツールを作りました。JS_Packer demoscene は最近 WebGL を使ったものも多くなってきています。 demoecene は基本的に ローカルにファイルとして存在しているものを使う そのファイル容量は 1 バイトでも少ないほうがいい (容量制限がある分野がある) という文化です。そして JS ファイルを圧縮する手法の一つに、JS を PNG 画像にして、それをデコードする、という手法が存在します。 JS の性質JS のコードは基本的にアスキー文字の集まりです。アスキーコードは、小文字/大文字のアルファベット、数字、スペースといった 128 種類しか存在しません。 PNG8 の性質8 ビット PNG は 256 種類の色をパレットに持っています。 PNG は可逆圧縮（ロスレス）形式の画像です。圧縮しても失われるデータはありません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AKIOBLOG
SLOBSERVER - L'actualité de Second Life
