HTML5 Conference 2017 http://events.html5j.org/conference/2017/9/ で使用したスライドです。本編45分。
Intro 2015/10/18(日) に、「次世代 Web カンファレンス」を開催します。 名称: 次世代 Web カンファレンス 日時: 2015/10/18(日) 場所: 法政大学 hash: #nextwebconf 公式: connpass 参加費: 無料 Motivation 「Web について話す場」 というか「Web そのものをテーマにした場」というのが、意外と少ないなとずっと思っていました。 (もちろん、結果として Web について話しているカンファレンスや勉強会はたくさんありますが。) そして、スライドなどを用いて何かを「発表する」ニュアンスではなく、進化の早い Web で「今何が起こっているか?」と「これからどうなっていくのか?」という、答えの無いもの、でもみんなが気になり考えていること、今だからこそ考えないといけないことを真っ向から議論する場というのが、もっとあって
数年前、Webは全体的に暗号化されていませんでした。HTTPSはWebページの最も重要な部分だけのために確保されていました。暗号化が必要なのは大切なユーザデータだけで、Webページの公開される部分は暗号化せずに送ってもいいということで意見が一致していました。 しかし、 今は 状況 が 違います 。現在では、どんなWebトラフィックでも暗号化されていないのは良くないということが分かっているので、Webサイトを運営する誰もがコンテンツに関係なく強固なHTTPSを設定しなければなりません。 お恥ずかしい話ですが、私自身のWebサイトは2年近くも全くHTTPSをサポートしていませんでした ^(1) 。 Eric Mill の 今すぐ無料でHTTPSに切り替えよう という素晴らしい記事が最終的に私に喝を入れてくれました。私は休暇中、HTTPSをセットアップして Qualys SSL Report で
iPhone で WEBサイトを閲覧していると、たま〜に下記のようなアプリのバナーを見かけます。 このバナーをどうやってWEBサイトに仕込むのか、調べて試してみたのでメモ。といっても簡単で、iOS 6 以降では次の meta タグが効くので、この meta タグを書いておくと自動でバナーが表示される。
Denkinovelの話をします。 Dennkinovelは、僕がプログラミングを始めて半年後に公開したWebサービスです。音声・画像の演出を加えた小説を投稿できるサイトです。 2年半の間、運営を続け、今もコードをアップデートしています。iPhoneアプリも作りました。 まあ、楽しい。楽しいですよ。はい。 でもね。楽しいだけなはずないじゃないですか。 初心者の頃の自分が書いたコードをどうメンテし続けるか かつて僕はjQueryでSPA的なサイトを作ったことがあります。 過去に戻れるなら、言いたい。「その先は地獄だぞ」と。 MVCもドメインモデルもわかっていなかった頃のコードは今でもサービス内を動いています。 無駄な処理や意味の分からない挙動にどう立ち向かい、どう近代化させたかを話します。 仕事のプログラミングとの違い 仕事で行うプログラミングは、本気を出せません。語弊を承知で言いますが。
ABOUT ME Goodpatch Inc.という会社をやってる人のブログ。http://goodpatch.com/ RSS Archive Random Find me on Facebook Linkedin Twitter Website グッドパッチは先月初の海外拠点としてドイツ・ベルリンにオフィスを開設することをリリースしました。おそらく多くの人がなぜベルリン?と思ったと思いますので、ブログで少しだけ詳しく経緯を書いておこうと思います。ちなみに結論から言うと論理的な判断ではなく直感の選択です。 ドイツに興味を持つキッカケ実はグッドパッチの立ち上げ当初よりドイツに興味を持っていました。1番最初は3年ほど前にWunderlistを作ってる6wunderkinderという会社を見つけたのがドイツの会社に興味を持つキッカケでした。Wunderlistは当時からUIにこだわっていて、会
Webマーケティングにおいて、自社サイトの課題を認識できている部分の対応はできていても、実は全体像が把握できていなかったり、見落としているポイントがあったということは多いと思います。また、自社サイトと競合サイトの比較もマーケティング戦略を考えるうえで重要な分析軸の一つです。今回は、日々のサイト改善に役立つものから、新しい気付きを与えてくれるようなツールを7つ厳選して紹介します。 Webサイト・アプリ分析お役立ちツール・サービス7選1. Ahrefs Site Explorer 世界7ヶ国語に対応し、12万人ものユーザーがある、世界で最も支持されていると言える分析ツールです。 ユーザー登録後、ダッシュボードより非常に詳細な分析が可能となります。ページごとのHTML最適化状況(title、meta、ヘッダータグのテキスト等)や、様々な切り口からのグラフ、バックリンクの分析、被リンク数、被リンク
Rich Markdown editor StackEdit’s Markdown syntax highlighting is unique. The refined text formatting of the editor helps you visualize the final rendering of your files. WYSIWYG controls StackEdit provides very handy formatting buttons and shortcuts, thanks to PageDown, the WYSIWYG-style Markdown editor used by Stack Overflow. Smart layout Whether you write, you review, you comment… StackEdit's la
Chrome では、リリース 40 からごく一部で「マシな AppCache」とも言われている ServiceWorker がデフォルトで使えるようになります。ServiceWorker はオフライン API の1つとして紹介されていることが多いですが、実は 「Webの世界観を変える (かもしれない) 大注目API」の1つです! ここでは、Chrome 40 で出来たての ServiceWorker をひと通り試す方法を書いてみたいと思います。 ServiceWorker とは? 詳しいことは最新スペック (Editor's Draft)やHTML5Rocks の記事を見てもらうとして、ものすごくざっくり書くと ServiceWorker とはバックグラウンドで実行される Javascript 環境のことで、 ブラウザ内で動くJavascriptで書いたネットワークプロキシ のように動作さ
フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 この項目の担当 @hadashiA どうしてフレームワークを使う? (1) ドメインロジックとプレゼンテーションの分離 (2) SPA(シングルページアプリケーション) 流行り廃り (1) MVC (2) MVVM (3) Virtual DOM どれを使う? どうしてフレームワークを使う? (1) ドメインロジックとプレゼンテーションの分離 まずこちらの画面を見てください。 ©任天堂 スーパーマリオワールド スーパーマリオが右にダッシュすると、マ
2014年6月末にて、3年間勤めたDeNAを退職する運びとなりました。これから起業し、そちらに注力したいと思います。 私は、2011年7月に、自分の起業した会社が買収される形でDeNAに参加しました。前の会社ではiPhoneでインストールなくFlash Playerを動かす製品を作成し、それがDeNAに高く評価されて買収されました。以後、DeNAでは3年弱にわたり、HTML5総括という立場で社内外でHTML5に関わる様々な活動に参加しました。 ここ数年間の活動を振り返ると、今の日本のHTML5、特にモバイルHTML5の技術は世界で最も高いと実感しております。そのような恵まれた環境の中でDeNAでは最先端の研究開発をさせていただきました。力及ばずお蔵入りになったり成果が出なかったプロジェクトもあり多数の方々に迷惑をかけてしまいましたが、同僚にも恵まれ、やりたいことを存分に試すことを許していた
7/7 正午をもってはてなサマーインターン2014の募集を締め切りました。たくさんのご応募ありがとうございました。 先日ご案内した「はてなサマーインターン2014」の募集締め切りは、2014年7月7日(月)正午(日本標準時)です。参加をご希望の方は、必ず締め切りまでに必要書類をお送りください。 皆様のご応募をお待ちしております。 はてなサマーインターン2014の詳細は、下記の募集ページよりご確認ください。 「はてなサマーインターン2014募集ページ」はこちら サマーインターン前半講義予定 はてなサマーインターン前半は、はてなスタッフによるWebサービス開発講義を予定しております。現在前半の講義は以下のような内容で行う予定です!興味のあるトピックがあれば、是非ご応募していただければと思います。 8/12(火) Perlによるオブジェクト指向プログラミング 8/13(水) Perlでのデータベ
日本最大の料理レシピサイトで、160万品を超えるレシピを検索することができ、また自分のレシピを公開することもできる『クックパッド』で、デザイナーとして活躍されている元山さんにお話しを伺い、Web業界で活躍しているクリエイターへのメッセージもいただきました。 ■ 違う分野で自分を磨いていく 子供の頃から食べる事が好きで、その頃の夢というと、ラーメン屋さんかケーキ屋さんになりたかったです(笑) 小学生になって父が買ってきたWindows 95をいじったり、スーパーファミコンにはまったりして、「将来はゲームプログラマーになりたい」と思っていたのですが、中学にあがった頃には車に魅了され、「やっぱりカーデザイナーにしよう!」といった感じで、いま思うとその時々で好きなものを挙げていただけでしたね。 その後、名古屋市立大学芸術工学部に進学し、そこでようやくデザインというものを本格的に学んだのですが、コン
あまりにも世情にうといので作った。 NHKのRSSを定期的にチェックして、新着ニュースの動画を連続自動再生する。 とてもテレビっぽい。おかげで4日後にオリンピックが開催されるという事を知れた。 ソースコード https://github.com/shokai/nhk-news-app zipでダウンロード https://github.com/shokai/nhk-news-app/releases node-webkitはネイティブアプリ作成のためにwebkitが改造されたwebブラウザで、HTML/JavaScript/CSSが実行できるだけでなくnode.jsのAPIもそのまま呼び出せる。 つまりjQueryでDOM操作すると同時にnodeのライブラリを使うような処理が、同じプログラムファイルにまとめて書ける。変にブリッジを書く事なくいつものnodeのように require(‘モジュ
当ページではごく普通で平易な javascript を使用しています。 (ケータイ電話 は javascript がOFFとなっているため十分な閲覧ができません。) <GIF画像と javascript アニメ> アニメーションは普通 FLASH で作成されることが多く それで十分なのですが、 簡単なものは javascript でも出来ます。 FLASH でうまく出来ないことを javascript でおこなうことが多いようです。 例えば どんな背景にもうまくとけこめる 透過GIF でアニメーションを作成し任意の場所で動かすなどです。 この場合 GIFアニメとJavascriptアニメ とのダブルアニメーションになりますね。 だた javascript の主な役割は アニメを作ることだけではなく WEBページを生き生きしたものにする他の多くの役割をもになっています。 <GIFアニメー
送料は500円。1万円以上のご注文で送料無料です。 メールが届かない場合はラインにご連絡をお願いいたします。 LINE ID : sapurikan 現在、お振込みから配達まで1~2週間かかります。 下記の口座にお振込をお願いいたします。(先払い) 三菱UFJ銀行 新宿支店 店番:341 普通口座 口座番号 4947550 口座名義 アサノ クニアキ クレジットカード決済不可。お支払い方法は、銀行振り込み先払いのみとなります。 近年、携帯のメールアドレスを利用したご注文が増えていますが、入力ミスだけでなく、迷惑メール設定などが原因で、自動返信メールが届かないお客様が増えております。 お客様からの質問や注文などに使えるLINEのアカウントを用意しましたので、LINEが使える方はお友達登録してLINEでご連絡いただくと確実です。 LINE ID:sapurikan LINEで見積り/注文/問合
2013年11月21日Webデザイナーの仕事内容・働き方についての座談会です。はてなはWebサービスの会社なので、エンジニアだけでなく、デザイナーの仕事も重要です。はてなのデザイナー陣は、さまざまなチームの中で、どのように仕事をしているのか。チーフデザイナーのid:tanemuと、デザイナーのid:akawakami、id:ueday、id:swimy1113の4人に聞きました。 左からid:akawakami、id:swimy1113、id:ueday、id:tanemu はじめに─最初に、皆さんがはてなに入社するまでの経歴を教えてください。 swimy1113デザイナーインターンに参加して、そのあとアルバイトとしてはてなで働きました。そのまま社員として入社という流れですね。 ueday僕も同じデザイナーインターンに参加しています。アルバイトとしては働かないで、後に新卒で入社しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く