HTML5 Conference 2017 http://events.html5j.org/conference/2017/9/ で使用したスライドです。本編45分。

数年前、Webは全体的に暗号化されていませんでした。HTTPSはWebページの最も重要な部分だけのために確保されていました。暗号化が必要なのは大切なユーザデータだけで、Webページの公開される部分は暗号化せずに送ってもいいということで意見が一致していました。 しかし、 今は 状況 が 違います 。現在では、どんなWebトラフィックでも暗号化されていないのは良くないということが分かっているので、Webサイトを運営する誰もがコンテンツに関係なく強固なHTTPSを設定しなければなりません。 お恥ずかしい話ですが、私自身のWebサイトは2年近くも全くHTTPSをサポートしていませんでした ^(1) 。 Eric Mill の 今すぐ無料でHTTPSに切り替えよう という素晴らしい記事が最終的に私に喝を入れてくれました。私は休暇中、HTTPSをセットアップして Qualys SSL Report で

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Denkinovelの話をします。 Dennkinovelは、僕がプログラミングを始めて半年後に公開したWebサービスです。音声・画像の演出を加えた小説を投稿できるサイトです。 2年半の間、運営を続け、今もコードをアップデートしています。iPhoneアプリも作りました。 まあ、楽しい。楽しいですよ。はい。 でもね。楽しいだけなはずないじゃないですか。 初心者の頃の自分が書いたコードをどうメンテし続けるか かつて僕はjQueryでSPA的なサイトを作ったことがあります。 過去に戻れるなら、言いたい。「その先は地獄だぞ」と。 MVCもドメインモデルもわかっていなかった頃のコードは今でもサービス内を動いています。 無駄な処理や意味の分からない挙動にどう立ち向かい、どう近代化させたかを話します。 仕事のプログラミングとの違い 仕事で行うプログラミングは、本気を出せません。語弊を承知で言いますが。

グッドパッチは先月初の海外拠点としてドイツ･ベルリンにオフィスを開設することをリリースしました。おそらく多くの人がなぜベルリン？と思ったと思いますので、ブログで少しだけ詳しく経緯を書いておこうと思います。ちなみに結論から言うと論理的な判断ではなく直感の選択です。 実はグッドパッチの立ち上げ当初よりドイツに興味を持っていました。1番最初は3年ほど前にWunderlistを作ってる6wunderkinderという会社を見つけたのがドイツの会社に興味を持つキッカケでした。Wunderlistは当時からUIにこだわっていて、会社のWebサイトからもデザインへのこだわりがすごく感じられて、何だこの会社は？めっちゃCoolだ。と思い、調べたらベルリンの会社でした。そこからSoundCloudもドイツの会社だとわかり、ドイツ意外に面白い会社あるなーと思ったのが3年ほど前でした。実はMEMOPATCHにも

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) ドメインロジックとプレゼンテーションの分離 まずこちらの画面を見てください。 ©任天堂 スーパーマリオワールド スーパーマリオが右にダッシュすると、マ

Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.

こんにちは、櫛井です。 今年も学生限定イベント「ISUCON 夏期講習」を開催いたしましたので、スライドなど共有いたします。 まずは、第一回・第二回のISUCONで出題プログラムを作成し、第三回では優勝したLINE選抜チームのエンジニアより「インフラエンジニアの仕事内容とISUCON」についてご紹介し、その後は第三回ISUCONの予選問題に挑戦していただきました。 ある程度さわってみていただいてから「パフォーマンス向上のコツ」という内容で、予選問題攻略の方法について説明がありました。 当日の資料はこちらで公開されています。

7/7 正午をもってはてなサマーインターン2014の募集を締め切りました。たくさんのご応募ありがとうございました。 先日ご案内した「はてなサマーインターン2014」の募集締め切りは、2014年7月7日（月）正午（日本標準時）です。参加をご希望の方は、必ず締め切りまでに必要書類をお送りください。 皆様のご応募をお待ちしております。 はてなサマーインターン2014の詳細は、下記の募集ページよりご確認ください。 「はてなサマーインターン2014募集ページ」はこちら サマーインターン前半講義予定 はてなサマーインターン前半は、はてなスタッフによるWebサービス開発講義を予定しております。現在前半の講義は以下のような内容で行う予定です！興味のあるトピックがあれば、是非ご応募していただければと思います。 8/12(火) Perlによるオブジェクト指向プログラミング 8/13(水) Perlでのデータベ

Guidance to build modern web experiences that work on any browser. We want to hear from you! We are looking for web developers to participate in user research, product testing, discussion groups and more. Apply now to join our WebDev Insights Community.

日本最大の料理レシピサイトで、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(‘モジュ

2013年11月21日Webデザイナーの仕事内容・働き方についての座談会です。はてなはWebサービスの会社なので、エンジニアだけでなく、デザイナーの仕事も重要です。はてなのデザイナー陣は、さまざまなチームの中で、どのように仕事をしているのか。チーフデザイナーのid:tanemuと、デザイナーのid:akawakami、id:ueday、id:swimy1113の4人に聞きました。 左からid:akawakami、id:swimy1113、id:ueday、id:tanemu はじめに─最初に、皆さんがはてなに入社するまでの経歴を教えてください。 swimy1113デザイナーインターンに参加して、そのあとアルバイトとしてはてなで働きました。そのまま社員として入社という流れですね。 ueday僕も同じデザイナーインターンに参加しています。アルバイトとしては働かないで、後に新卒で入社しました。