News お知らせVue Fes Japan 2023 にご参加いただいたみなさん、ありがとうございました。 当日撮影された写真を CC0 ライセンスにて公開しますので、ブログや SNS などにご自由にお使いください。 クラウドサイントラック メドピアトラック エムスリーやっていきトラック Vueトラック 受付 Vue Fes Store クリエイティブウォール リフレッシュメントスペース スポンサーブース アフターパーティー
React vs Angular 2ガチ対決!エキスパートたちによるハイレベル対談 (1 / 2) ー TechFeed Live#2レポート 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 本記事は、2016年9月に開催されたTechFeed Live#2 「React vs Angular 2」の模様をお伝えする記事の前編です(後編はこちら)。 TechFeed Live#2とは、「TechFeedを地上に出現させる」ことをコンセプトとした、テクノロジーの最新トレンドをエンジニア向けに紹介するというイベントです(TechFeedとは、「最先端が、ここにある。」をキャッチコピーとしたエンジニア向け情報収集アプリです)。本イベントは、ReactとAngularをより楽しく深く学ぶため、現代のWebアプリに求められる各種要件についてそれぞれを比較する…と
皆様、はじめまして。えふしんと申します。エンジニアtypeで連載をしたり、大学院生をしていたりします。以前はモバツイという携帯向けのTwitterクライアントをずっとやってました。 今回出題したのは、知っていると役に立つ、テキスト検索の曖昧な問題を解決する課題です。解決法を知っている人はすぐに解答できると思いますが、知らない人には結構難しいでしょう。ググりビリティ(Google検索力)を駆使して解決してもよいですし、問題解決のアイディアやアルゴリズムを活用し、真正面から解決するのもよいと思います。是非チャレンジしてください! 出題者サイト:http://twitter.com/fshin2000 キャンペーンは終了しました。問題の解説はこちらから
preventDefault() は Event インターフェイスのメソッドで、ユーザーエージェントに、このイベントが明示的に処理されない場合に、その既定のアクションを通常どおりに行うべきではないことを伝えます。 このイベントは通常、イベントリスナーの 1 つが stopPropagation() または stopImmediatePropagation() を呼び出し、いずれかが一度に伝播を終了しない限り、伝播し続けます。 後述のように、 preventDefault() を EventTarget.dispatchEvent() によってディスパッチされたイベントのようなキャンセルできないイベントに対して、 cancelable: true を指定せずに呼び出しても何も効果がありません。
前回の解説では、クロージャの「変数が保持される」「変数が隠蔽される」という特徴を使って、アクセサメソッドを作りました。 今回は、「呼ぶたびにクロージャが生まれる」特徴を使ってみます。 繰り返し処理内でイベントハンドラを作る まずは、何の工夫もなくやってみます。今回はjQueryも使います。 $(function() { var data = [ {label:'リンク1', value:1}, {label:'リンク2', value:2}, {label:'リンク3', value:3}, {label:'リンク4', value:4}, {label:'リンク5', value:5} ]; var ul = $('<ul/>'); for(var i = 0, l = data.length; i < l; i++) { var item = data[i]; var li = $('
データ分析から導き出されたインサイト無しにAI(人工知能)の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上(52%)は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
先日公開した「投稿スラッグ(Post slug)が空白なら警告してくれるWordPress用Greasemonkeyスクリプト」を開発しているときに、JavaScriptでのイベントのキャンセルまわりで見事にハマってしまいました。そのときに調べてわかったことをまとめてみようと思います。(間違いがあれば是非ご指摘ください!) やりたかったこと WordPressの投稿画面で「公開(Publish)」ボタンをクリックしたときに、「投稿スラッグ(Post slug)」のテキストボックスに値が入っていなければ、確認ダイアログを出す。そこで「キャンセル」ボタンが押されたら、フォームの submit を中止する。 最初に思いついた方法 まず頭に浮かんだのは、submit ボタンに対して HTML でイベントハンドラを記述するという、とても古典的な方法でした。
好きなプロパティは「-webkit-animation-delay」の渕上です。 昨年、卒制採用にのっかって行った「コーディング推薦」。今年もやることになりました! コーディング推薦って? KAYACの採用キャンペーンの一つです。 コーディング推薦用の課題にHTML・CSS・JavaScriptで回答していただき、弊社のHTMLファイ部のメンバーが「キュン」としたコードを書いた方を全力で推薦します!就活よりも卒業制作よりもコーディングを頑張ってしまった学生さん、履歴書よりもHTMLを書いていたい求職中のコーダーさんにぜひオススメしたいキャンペーンです!! 課題 以下の原稿をあなたらしくマークアップ・装飾してください! HTMLファイ部 コーディング推薦 課題 - jsdo.it - share JavaScript, HTML5 and CSS 「写真袋」というiPhoneアプリのランディ
2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 : ATND 2012/01/20 2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 #html5semi - Togetter (写真:神保町駅改札前) HTML5関連ネタはやろうやろうと思いつつ個人的にはリーチ出来てない分野でして、ちょっくら拝見してきました。ちなみに上記の募集サイト、凄い人気で200人の定員に一時は倍の400人が登録すると言う事態に。HTML5人気は凄いですね〜。 開催開場は株式会社オプト1F大会議室@神保町。この日は朝から雪が降るなどして天候が崩れていましたが、夕方〜開催の頃には問題無く止んでおりました。しかし外は寒かった!(>_<) 入場時の状況で5分程遅れて本編スタート。以下メモです。 基調
このセッションでは、前半でNodeのコンセプトを、後半では来週にもリリース予定のNodeの新バージョンについて紹介します。 このデニス・リッチーの言葉はNodeの特徴を表していて、Nodeとは機能を加えるよりもむしろ取り去ったものです。 いまのOSのインターフェイスのほとんどは、1970年代のテレプリンタのような歴史をひきずっています。ケン・トンプソンとデニス・リッチーが開発したUNIXやCは当時のPDP11のためにデザインされたもので、いまのOSもその歴史上にあるのです。 UNIXの基本概念は、対話的なコマンドラインを作るものでした。lsコマンドを打つとその結果がテレタイプに出力されるといったものです。そして基本概念には、ブロックするシステムコールやプロセスが含まれています。 ブロックするシステムコールを呼び出すと、I/Oが完了するまで戻ってきません。戻ってくるまでどれだけかかるかも分か
第19回目の本勉強会は、7月13日に慶応義塾大学の日吉キャンパスをお借りして開催しました。今回のテーマは「HTML5を用いたサイト開発プラクティス」で、HTML5時代に伴ったWebサイト開発のHOW TOを中心に2つのメインセッションと3つのショートセッションの講演がありました。本稿では、本勉強会の模様をレポートします。 PJAX ~HTML5時代のAJAXサイトプラクティス~ 最初にPJAXという手法について、NTTコミュニケーションズの小松さんから講演いただきました。 最近では、AJAXを使ってページの切り替えをせずにコンテンツを動的に切り替えるサイトが増えてきました。これらのサイトは、従来のような画面全体を切り替える方式に比べて通信量を減らすことができますし、何よりもユーザビリティをより良くすることができます。 しかし、AJAXを使ったサイトはいくつかの問題点を抱えています。 ブラウ
SVG女子が公開されて2週間がたちました たいへん多くの方に視聴していただいているようで、感激しています! 「SVG」がすっかりバズワードになっていますね。 まだの方はぜひご覧ください! SVG女子を見る SVG女子にはユーザーが自由にイジってオリジナル作品を作れるモードがあります。 いわゆる「神モード」というやつです。 この「神モード」に公開直後から多くの作品が集まっています。(嬉しい!) SVGはJavaScriptから操作できることが特徴です。 色を変えることはもちろん、オブジェクトを変形させたり 再生速度を変えることもJavaScriptからできてしまうんですね。 このSVG女子がすごい!今見ておくべきフロントエンジニアの本気! セピアカラー カラフルなSVG女子の世界がセピア色になってます。 再生する(SVG女子のページに飛びます) コードを見る SVG女子の消失 アイちゃんが消
Dion Almaer みなさんこんにちは。このディスカッションでは、ここにいるBen Galbraithと、私Dion Almaerで司会をします。まずパネリストを紹介しましょう。 左から、司会のDion AlmaerとBen Galbraith。Tantek Çelik、Joe Hewitt、Elaine Wherry、Doug Crockford、Thomas Sha、Ryan Dahl 私とBenのとなりにいるのが、Tantek Çelik(テンテク・チェリック)。IE 5.5の開発に携わり、その後Web標準に関する活動もしてきました。 Joe Hewitt(ジョー・ヒューイット)はFacebookに所属していますが、Firebugの開発者でもあり、Facebook for iOSの開発もしています。もともとはNetscapeからMozillaになるときのFirefoxのオリジナル
毎月第3水曜日に開催している「HTML5とか勉強会」。その記念すべき第10回を9月15日に開催しました。本稿では、その模様をUstreamでのアーカイブ含め報告します。 今回は、最近注目を集めているスマートフォンでのWebアプリケーション開発に関する各種フレームワーク(JQTouchやSencha Touchなど)について、講演いただきました。これらのフレームワークは、HTML5およびCSS3などの最新Web技術を活用しており、ネイティブアプリケーションと見間違えるようなユーザーエクスペリエンスをWebアプリケーションで提供することが可能です。また、現状スマートフォンにおいてデファクトとなっているiPhoneやAndroidで動作することから、商用環境でも使いやすいことが特徴になっています。 勉強会の開催場所は、前回と同じくGoogleの日本オフィスを提供いただきました。 「第10回記
hiratara : とりあえず確保。上司から許可が取れたら行きます Shibuya.js beyond HTML5 上司の許可がとれたので行ってきます! → 出席してます! おさらい(JavaScriptの歴史) ... → JavaScript → JScript → ECMAScript → HTML 4.01 コンセプト: Rediscover the JavaScript 2006年が第1回。2008年の京都が最後で、2年ぶり (実は渋谷ではやっていない) 最近やってなかったのは → jQueryとか便利だし、日常化した 復活したのは → HTML5の登場、JITの高速化、IE6の終了 LTの虎の予選も兼ねているらしい Rich UI with JS / @amachang jQueryの作者にも認められているShibuya.js HTML5とは? → 仕様にDOMとHTMLが両
os0x さんと企画した「オレ標準 JavaScript 勉強会」が終わりました。os0x さんには結局ほとんど全部まかせっきりになってしまって、大変おつかれさまでした。参加者の皆様も本当におつかれさまでした。自分にとっては初めての技術系勉強会だったのですが、時間は別としてけっこう上手くいったのではないでしょうか。 早速ですが、自分の発表したスライドはこちらです。 http://edvakf.github.com/orejs/opera.html http://edvakf.github.com/orejs/opera.html#coverflow ↑2つめリンクは Mac Safari でしかちゃんと動かないと思います (が、Windows の Safari 5 でも動くとか Chrome でもコマンドラインオプションで動くようになるという話も)。一応1つめのリンクは Opera/Web
とりあえず日程だけ 2月23日(土)にします! 詳しい実施方法なんかは考え中です。 他のイベント(?)と区別をつけるためにjQueryのコードリーディングなんてどうでしょうか? JavaScriptのコアな部分に詳しい人が1名ぐらい参加してくれると心強いなぁ。id:amachangとか(オンラインイベントを構想してるから休日だと厳しいかなぁw) 追記: よく考えたら1000speakersと被ってるから一週間先伸ばしにするかもー。 どうもすみません。
なにやら運営(費)について書くのがブームなようで、Shibuya.JS のテクニカルトークなどの開催をどんな感じで行っているかを書いてみます。 主に100人強の、大きくはない規模のイベントですが、今後イベントを開こうと思ってる人の参考になれば幸いです。 運営・企画 初回はスピーカを集めるところからでした。自分の知り合いや、この人にしゃべってもらえたら面白そう!という方々に連絡しました。そしてミーティング。ミーティング会場は、会社の会議室を貸してもらって行いました。そこでホワイトボードに自分の話したいこと、誰かに話してもらいたいこと、むしろ誰かこれについて喋って!のようなことを書きます。それをたたき台として、その後は qwik.jp の ML + Wiki を活用し、誰が何分、どんなことについて話すかを決めていきます。 二回目からのトークは、qwik にこれぐらいの時期にイベント開こうと思う
Developers Summit 2007 の資料を公開します。 推奨フォント 以下のフォントが入ってると一番きれいに見れると思います。 メイリオ 推奨ブラウザ 以下のブラウザに最適化(高速化など)して作りました。 Firefox 2.0 IE 7 対応ブラウザ OS いちおう以下の環境では動作確認しました。 Windows Firefox 2.0 Windows IE 7 Windows IE 6 Windows Opera Linux Firefox 2.0 操作方法 Firefox は Flash の上でのクリックは無視されるので注意 左クリック: 進む 右クリック: 戻る →キー: 進む ←キー: 戻る 高度な操作方法 ロケーションバーや Firebug や jsh bookmarklet から以下の操作をすることで、早送り巻戻しページジャンプなどができます。 早送り巻戻し: g
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く