iPhoneおよびiPadをお使いの全世界のお客様は、火曜日（日本時間では水曜日）より、お使いのデバイスをiOS 11にアップデートすることができます。iOS 11は世界で最も先進的なモバイルオペレーティングシステムのメジャーアップデートで、iPad向けには過去最大のソフトウェアリリースとなります。iOS 11では、何億万台ものiOSデバイスに拡張現実（AR）がもたらされるほか、新しいプロレベルの機能により「写真」や「カメラ」で扱う画像のが品質が向上します。Siriがより自然になって便利になったほか、再設計されたApp Storeでは、アプリケーションやゲームがいっそう見つけやすくなりました。

環境 mac os x sublime text3 google日本語入力 事象 mac OS X で sublime text3を使っていて、 日本語を入力したときに、変換候補がでてきますが、 その変換が選択できない。 対応 とりあえず、以下を行って解決はされました。 なお、設定される際は、ご自身の判断でお願いします。 メニュー SublimeText -> Preferences -> Key Bindings – Default defaultを編集するのですが、コメントできない状態（書き込めない）ため、いったん、save as で以下に保存します。 /Users/ユーザ名/Library/Application Support/Sublime Text 3/Packages/Default/Default (OSX).sublime-keymap * Defaultというフォルダが

「最近のWebパフォーマンス改善について知っておきたいコト」についてあほむに聞いてきた 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されるHTML5 Conference 2017に登壇するエキスパートに、予定しているセッションのトピックを中心に、いろいろ伺ったものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、株式会社サイバーエージェントにお勤めの佐藤歩さんです（ネット上では「あほむ」「ahomu」のIDで有名）。 （プロフィールはこちら） あほむさんのセッションは「最近のWebパフォーマンス改善について知っておきたいコト」（ホール 13:20-14:00）です。 （現在HTML5 Conference 2017は定員オー

これ以上は長くなるため後述． Chromeは既に，Safariもようやく 上記の通り，Service WorkersがPWAでも最重要な機能の一つである．Chromeでは既に対応済み． しかしSafariが対応しておらず，世間的にはモチベーションの上がらない状況であった（やちまもその一人である）． Safariにおいて，Service Workersの実装状況 No active development が Under Consideration になったのは2015/12/041のことである． 20ヶ月という永遠とも呼べる時を経て，2017/08/032にようやく In Development となったわけであった． ちなみにMicrosoft Edgeでは既に開発中34である． だから何なのか SafariにService Workersの実装がなされると，一気にウェブアプリへの移行が

コンテンツが多いとメガメニューやドロップダウンメニューが使われることが多いですが アクセシビリティとかスマホ向けの処理を分けたりなどが必要になります スマホでよく使われるドロワーメニューならパソコンもスマホも同じ処理でいけるので 探したところ、アクセシビリティ対応をあげているjQueryプラグインhiraku.jsにたどり着きました www.appleple.com オフキャバスメニューとも言うそうです。初めて知りました。 キーボードでの操作も可能、ボタンにはスクリーンリーダー向けのテキストも挿入されていました。 アニメーション部分はCSS3での動作になるので、コンテンツのスライドを止めたり左開き・右開きなどの処理もほぼCSSで調整できそうでした。 ただ、「オフキャンバスメニュー開閉時に Body 自体は固定する」処理を行った際、メニューを閉じる際にFirefoxで右スクロールバーが閉じる

技術本部 Web Initiative Center で Web プロダクトの品質改善や組織の技術推進に取り組んでいます、 @1000ch です。その活動のひとつに、直帰率や PV/Session といったプロダクトの KPI を上げることを目的とした Web パフォーマンスの向上があるので、今日はその取り組みについて書きます。 旧来の Web パフォーマンスの評価指標 これまでは DOMContentLoaded イベントや load イベントの値が Web ページのパフォーマンスの良し悪しとして扱われることが多かったと思います。しかしアーキテクチャの複雑化の一途をたどる Web ページのパフォーマンスを測る上では、もはや適切な指標とは言えません。 DOM 構築完了を指す DOMContentLoaded イベント DOMContentLoaded は DOM ツリーの構築完了を表します

ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

こんにちは。紳さんです。 究極の広報誌「LIGマガジン」が完成しました。 LIGマガジンとは？ LIGマガジンとは「LIGが何をやっている会社なのか」をわかりやすくまとめた一冊の本です。 「現状の会社説明資料がカタすぎてつまんない。読んでて面白い資料が欲しい」という考えから爆誕しました。 “学校の授業がつまらないので教科書に落書きするコギャル”と同レベルの発想です。 内容は制作実績紹介、事業紹介、イベントレポート、社員インタビュー、コラムなどなど。 LIG社員たちの個性を活かした様々な記事を読むことができるんです！ 楽しく読んでいる内にLIGのことを詳しく知ることができるという、画期的な広報誌。それがLIGマガジン。 LIGマガジンを多くの人に届けたい この素晴らしい広報誌兼会社説明資料を多くの人に読んでいただきたいのですが、紙のままでは配布するのが大変です。コストもかかりますし。 PDF

ここ最近、VALUについてあれこれ調べ始めています。アカウントを作って、承認も得たのだけどしばらく放置しておりました。ビットコインの話などもあるので、話のネタに再度見てみようかなと思い立った今日この頃です。 VALUとは VALUの始め方 取引時間についての注意 VAを売り出した時の失敗談 VALUは、はじめの取引が大事 VALUは、プロフィール大事 VALUは、優待大事 VALUの関連記事 さいごに 追伸 VALUとは VALUとは一体何でしょうか。 下記の記事が、マンガ形式で書かれておりますので、わかりやすかったです！VALUが気になる方は、ぜひご一読を！ rick08.hatenablog.com VALUの始め方 すでに、たくさんの方がご説明しておりますので、詳細は割愛させていただきます。 基本的に必要なのは、 Facebookアカウント 身分証明書 です。 あとは、取引するならビ

一年以上前の記事なので、コードが古いです。気をつけて読んでください。 PWAとは？ 目的 技術スタック Service Worker PWAのview App Shell Content キャッシュ戦略 読み込みフロー Web App Manifest デザイン FirefoxとChromeしかService Workerないけどどうするの？ ネットワーク 実装 ライブラリ webpack-offline 構成 ファイル ルーティング アセットのインストール API周り SSR 資料 さいごに そういえばPWAの実装したことがなかったなと思ったので少し触ってみた。 PWAとは？ PWA(Progressive Web Apps) インストールが不要で、不安定なネットワークでも素早く起動し、プッシュ通知を可能にします。 また、ホーム画面にアイコンも表示でき、アプリと同様の扱いをすることが可能

プロテインはじめました。ダンサー兼フロントエンドのシスコです。 摂取しはじめて 1ヶ月。弱々しかった上半身に厚みが出て、前よりも筋肉の耐久度も上がりました。生活をする上でも、体が軽く体力もついてきたので、エンジニアリングもはかどること間違いなしですね！ 今回の記事では、LINE Notifyの追加・連携のやり方をご紹介します！ LINE Notifyは、LINE上にある公式アカウントのひとつ。他のwebサービスと連携させ、そのwebサービス上でアクションが起きたら、LINEのチャットに通知を飛ばすことができます。 たとえば、自分はFacebookやconnpassなどで「参加」にしたイベントを忘れがちなので、イベント開催日にLINEで通知を受け取っています。日常生活でLINEを使う頻度が高い人、仕事のやりとりでも使っている人には便利かもしれません……！ LINE Notifyって？？ LI

かつては30億ドルもの評価額を記録したJawboneが近日倒産する見込みである。スタイリッシュなデザインのリストバンドが人気で、一時は日本からアメリカに来た人たちがこぞって買って行ったのを覚えている。 Jawbone社は1999年に創業し、かつてはBluetoothスピーカーのメーカーとして人気を集めた。その後、2011年からウェアラブル業界に進出。Jawbone Upと呼ばれるヘルストラッカー系ウェアラブルデバイスは、サンフランシスコのデザイン会社、Fuse Projectがデザインし、アプリと連動することで、ユーザーの運動量を図ることを目的としていた。 数年前にピークを迎えたウェアラブルブームそれから多くの注目を集め、著名なVCを含む複数の投資家から合計10億ドル近くの資金を調達。その勢いを増しているかのように感じられた。特に2013年から2014年は市場全体におけるウェアラブル系ビジ

公開日: 2017年6月23日Webサイト作成時の参考に！WordPressで作られた魅力的なサイト50選 個人ブログから自社サイトまで、幅広くサイト作成に使われているWordPress。現在運営している方や、これから運営してみたいと考えている方は、どんなサイトにしたいかをイメージしたことはありますか？ すでに運用されているサイトの中には、WordPressを使って作り込まれたサイトがたくさんあり、サイトを作成する上で良い勉強になります。そこで、WordPressで作られたサイトを50個まとめてみました。 デザインや機能性に優れたWordPressは、作り方次第で、個性的で魅力のあるサイトに仕上がります。ぜひ参考にして、ご自身のサイト運用に活かしてみてください。 ニュースサイト・ウェブメディア・企業オウンドメディアなどWIRED.JP 画像出典：WIRED.JP テクノロジーに関連した、生

今週，社内で「技術的負債」をテーマにしたイベントがあり，トーク枠で発表をしてきた．タイトルは「技術的負債を "なるべく" 作らないためのコツ」で，意図的に技術の話をせずに，エモ系のストーリーに仕上げた． 特に伝えたかった部分は最後の「組織パフォーマンス」を改善する Tips で，雑談の重要さ，質問の重要さ，相互理解の重要さ，表情の重要さなどを語った．その中でも「ノンバーバルなコミュニケーション」の Tips はイベント中も気になっていて，発表者がもっと気持ちよく話せるように反応しましょー！と，緊張をほぐすようなアプローチもした． もっと「組織パフォーマンス」を改善していきましょ！！！ 発表資料 関連記事 「組織パフォーマンス」を改善する Tips はコーチングの文脈からもインスパイアされていて，コーチングを学ぶならまずこの本から読むのが良いのではないかなと思う． kakakakakku.h

最近、テクノロジー製品に興味が湧かない。正直、このレビューの仕事を受けたときも気乗りがしなかった。製品を開封しセットアップしたのは届いてから6週間後。「そろそろ、原稿を待つのは限界です」というメールが届いたためだ。しかし、セットアップし始めて2分で製品に惚れ込んだ。これはネットワークストレージの革命かもしれない。 開封2分後に走った衝撃 ITmediaの編集Gに「Synology（シノロジー）という面白いNAS（ネットワーク接続型HDD）があるのでレビューしませんか」と誘われたのは3月ごろだ。 NASというのは、HDD（やSSD）をパソコンに直接ではなく、家庭やオフィスのネットワークケーブルにつないで、同じネットワーク上のパソコンやスマートフォンから利用できるようにする製品のこと。言って見れば自前クラウドを作ってしまう製品だ。筆者宅でも現役のTime Capsuleがあり、その前にもいくつ

マネジメント 新しいチームのあり方を探求 就活 就活生必見！サイボウズの疑問 ティール組織 会社の「あたりまえ」が変わる 多様性 100人100通りの個性 ワークスタイル 働き方、生き方、もっと自由に 青野慶久 サイボウズ社長の想いと覚悟 キャリア 人生の「積み上げ方」を見直す 複業 複数の「本業」をもつ働き方 人事制度 多様な働き方を支える仕組み マンガ サクッと手軽に読める！

Webやアプリのデザインの仕事に携わる長谷川恭久が、今活躍していらっしゃるプロの方を招いていろいろな話をしています。 iTunes | Spotify | RSS Website-usability.info の運用をされているユーザビリティ調査の専門家・土屋一彦さん（@caztcha）と、「使いやすさ」をテーマに話をしました。使いやすさはどのように生まれるのか。スマホが登場して以降変わった調査とフィードバック。アクセシビリティとの関係について話しました。 Always On の世界のアクセシビリティ見たことあるから使いやすい？ユーザーを引っ掛けようとする UIそもそもの問題解決と使いやすさ情報を連続的に並べるArticles by Jakob NielsenOut of sight, out of mind書籍「Don’t Make Me Think, Revisited」デザインにおけ

はじめに Google I/O 2017の動画を確認し、そろそろPWAについて真面目に把握していかなければと思い至り、GitHubからいくつかサンプルプログラムを探してきて触ってみたので基本的な技術情報と合わせてまとめました。なのでPWA初心者向けです。 特定のJSフレームワークを扱う専門のエンジニアでない限り（私自身がそうなので）、それぞれのJSフレームワークの対応状況なども気になるところだと思いますので、 React.js , Angular , Vue.js の3つにおけるPWAのサンプルについても調べました。 確認した手順などを含めて要点だけまとめていますが、詳細はそれぞれのGitHubページを参照しつつcloneして触ってみて頂ければと思います。 シンプル構成 まずはJSフレームワークなどが入っていないシンプルな構成で、PWAの仕組みについてざっくりまとめました。 PWA ret