2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
現役でバリバリ活躍中のアナウンサー・吉田尚記さんが、いかに「コミュ障」を越えて今のように自由に会話できるようになったのか、そのノウハウを余すところなく伝授してくれている本が「なぜ、この人と話をすると楽になるのか」です。吉田さんの仕事ぶりは「いったいどこがコミュ障だというのか……」という印象なのですが、「コミュ障だから(だったから)こそ」という部分もあるようです。 『なぜ、この人と話をすると楽になるのか』特集ページ - 吉田尚記/太田出版 http://www.ohtabooks.com/sp/nazeraku/ ニッポン放送アナウンサーである吉田尚記さんは月曜~木曜の24時から放送されているミュ〜コミ+プラスといった番組の司会進行役のほかに、数々のイベントや発表会でもMC・司会を担当したり、NOTTV・niconico・TOKYO MXで配信・放送された生アニメ「みならいディーバ」で製作総
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか?何が違うのか?何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、9大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか? 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome(デスクトッ
働クリッカーってどんなゲーム?一時期一世を風靡した、ブラウザゲーム『クッキークリッカー』を元ネタにした、クリックゲームです。 操作方法も簡単。とにかくクリックしてクリックしてクリックするだけ! ……ではないのがこのゲーム。 C キーを押してコンソールを呼び出し、チートコードを叩き込んでやりましょう! 普通のクリックゲームとして遊ぶもよし、チートコードで超高速クリアタイムを叩き出すもよしの、プログラミング学習ゲームです。 チートコードの書き方働クリッカーで使用するチートコードは、 JavaScript というプログラミング言語で記述します。 JavaScript ってなんだかよくわからない……って人は、コンソール画面右上の?アイコンをクリック! リファレンスの下にサンプルコードがついていますから、それを元に、改造してみましょう。 働クリッカーを利用してプログラミング体験をさせる方へ働クリッカ
niwatakoです。株式会社はてな で はてなブックマーク のiOSアプリ の開発をしています。Webエンジニアの皆様には人気ですがiOSエンジニアの皆様にも はてなブックマーク を使っていただけると嬉しいです。いつもWebネタだけ盛り上がっててずるい。あと技術ブログ書くならはてなブログ! よし、仕事終わり。あ、これは特に本心です → いつもWebネタだけ盛り上がっててずるい。 try! Swift セッション聞き起こしを3日分まとめました!!誤字脱字はご容赦ください、リアルタイムに速記したものです。新聞記者などはリアルタイムに速記するのを "聞き起こし" と呼ぶそうです。 ありがとうございました!そして、お疲れ様でした! とうとうこの夢の様な、エキサイティングで素晴らしい3日間が終わってしまいました。 ちょっと前置きとしては長くなりますが、最終日なので感想を書かせてください! 聞き起こ
福井県越前市大虫町で越前簞笥(たんす)の工房を営む山口祐弘(ゆうこう)さん(40)が、車輪が付いてコロコロと運べる越前簞笥のキャリーバッグを開発した。着物などの和装に合い、飛行機に持ち込むこともできる。山口さんは「このキャリーバッグが越前簞笥を知ってもらうアイコンになれば」と話す。 山口さんは大学卒業後、建設機械メーカーで設計などを担当していたが、脱サラして出身地の越前市に戻った。県などの後継者育成事業で指し物工芸を学び、越前簞笥の職人として独立。客の要望に応じてつくるオーダーメイドの商品を手がけ、展示会でも積極的に発表してきた。 2014年秋、西武福井店で催されるファッションショーに向けて、「越前簞笥を使ってファッションアイテムを作れないか」と伝統工芸仲間から声がかかった。いろいろと考えた末、越前簞笥のキャリーバッグを発案した。 越前簞笥はケヤキやスギ、キリなどの材を伝統的な指し物の技術
こんにちは。リードアーキテクトのItoです。 前に予約していたNuAns NEOが届きました。かなりいい感じです。iPhoneと比べてしまうと、カメラ性能とアプリの少なさが気になりますが。 前回の記事では、Nodeベースのプロジェクト(Webサーバー)をSwiftに置き換えられるかという部分の話をしました。今回は前回からのアップデートや実際に運用してみたSwiftベースのサーバーサイドの話もしたいと思います。 Swift全体の動き、Swift本体(コンパイラ)のlatest build(masterブランチ)はSwift 3系になりました。 Swift(特にオープンソース版)の最新情報を追いたい場合は、以下のソースが参考になりました。 iOS Dev Weekly Swift Weekly Brief This week in Swift little bites of cocoa. Ch
厚生労働省は、男性が育児休業を取りやすくするため、育休を取った男性従業員1人につき企業に最高で60万円を支給する新たな支援制度を設けることになりました。 支援の対象となるのは過去3年以内に男性従業員が育休を取ったことがない企業で、男性従業員1人が育休を取得した場合、中小企業には60万円、大企業には30万円を支給します。さらに2人目からは、企業の規模に関係なく1人につき15万円が支給され、5人目まで支給されることになっています。 厚生労働省は年間でおよそ2000社が制度を利用すると想定していて、「この助成金を活用して、企業には男性だけでなく女性も含めて子育てをしやすい職場環境を整えてもらい、育休取得13%の目標に近づけたい」としています。
数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 2016年のトレンドカラーはやさしい色、春の10色も素敵なカラーが揃ってる! 2016年、Webとグラフィックデザインのトレンドと今後の展望 2016年、Web制作業界全体の流れ 2016年、注目されている新しいテクニック・コンセプト 2015年に定義されたレスポンシブWebデザインの8つのトレンド 現在のトレンドから見た良いこと、良くないこと、そしてダメなこと 2016年に学ぶべきプログラミング言語と
米Facebook傘下のOculus VRは日本時間の1月7日午前1時、予告通りVR HMD「Oculus Rift」の製品版の予約を特設サイトで開始した。日本からも予約可能だ。 価格は599ドルで、日本から予約した人によると、現在の為替レートでの換算より高い8万3800円で、送料込みで9万4600円になった。受付直後に予約した場合、製品出荷は3月。本稿執筆現在(7日午前5時)だと、5月配送になっている。同社創業者のパルマー・ラッキー氏は、製品配送は先着順で、売り切れにはしないとツイートした。 ヘッドフォンとマイク内蔵のHMD本体、スタンド付きのセンサー、リモコンの「Oculus Remote」、Xbox OneコントローラーがOculusのロゴを模した飾りのついた黒い箱に収納された形で届く。また、ゲームの「 Lucky’s Tale」と「EVE: Valkyrie」がバンドルされる。 O
グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第2回では、Sketchの基礎的な操作を紹介しました。今回は、UIデザインに便利なプラグインを紹介します。Sketchは、ユーザーが開発したプラグインによって機能を拡張できます。豊富なプラグインの中からお気に入りを見つけることも、Sketchを使う楽しさの1つです。 Sketchのプラグインは、メニューバーの「Plugins」で管理します。追加したプラグインはこのリストに表示されます。 プラグインのインストール - The Sketch Toolbox プラグインは、「The Sketch Toolbox」を使ってインストールする方法と、GitHubなどからダウンロードして手動で追加する方法があります。 The Sketch Toolboxは、Sketchのプラグインのインストールやアンインストールをサポ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く