Webエンジニアのブログです。
![shiodaifuku.io](https://cdn-ak-scissors.b.st-hatena.com/image/square/c929c4a1a84c36073de97dfba782d1df35732ff3/height=288;version=1;width=512/https%3A%2F%2Fshiodaifuku.io%2Fimages%2Fdefault_ogp_image.png)
Rails5.1が今betaで出ていますね。中でも目玉はwebpacker.gemによるモダンなフロントエンド開発がRailsに導入されることでしょう。 今までのRailsのasset pipelineとは別に、yarnによって依存性を管理しwebpackで結合する独立したjsのビルドシステムがサポートされます。 これによって、以下のような従来のasset pipelineでは解決がむずかしかった問題への解が示されました。 coffee scriptへの依存 npmによる依存性、バージョン管理が難しい javascriptのライブラリが野良gem化されてupdateされない問題 webpacker.gemはyarn/webpackの薄いwrapperとなっていて、加えて幾つかのrakeタスクを追加することでフロントエンド開発をサポートします。 具体的には以下のような機能が提供されます。 y
In the previous article Native ECMAScript modules - the first overview I described the history of the JavaScript modules and the current situation with the native ECMAScript modules implementation: For now, we have 2 available implementations, which we tried and compared to the bundled module. The main takeaways, so far, are: To execute a script or load an external file and execute it as a module
問題点はIsomorphic実装難易度です。では、アメブロのIsomorphicの実装方法と実装する際にあった問題及びその解決策をお伝えします。 ちなみに、Michael Jackson氏はIsomorphic JavaScript ではなく、 Universal JavaScript と呼ぶべきだと主張しています。私たちはIsomorphic JavaScriptという名前で使うのに慣れたので、ここでは*Isomorphic JavaScriptと記述します。 AmebloのIsomorphic 技術選定 先に結論をあげます:React + Redux 技術選定の基準は下記となります。 安定さ。基本的にプロダクト環境で使える正式版があること。 アクティブな開発。 よいコミュニティ。技術の周りに大きいコミュニティが育っていること。 実績がある。 まずView層のライブラリの選定です。このプ
Angular、Reactと並んで海外で人気が高まっている「Vue.js」。ReactとAngularの開発経験がある著者がVue.jsをチュートリアルを通じて特徴をまとめました。2017年、新しく学び始めるきっかけにどうぞ。 2016年9月、人気のJavaScriptフレームワークVue.jsがv2をリリースしました。それ以来ぜひ使ってみたい、どのようなものか知りたいと思っていました。AngularとReactを使い慣れた者の1人としては、Vueが似ているところや違うところも知りたかったのです。 Vue.js 2.0はすばらしいパフォーマンスを誇ります。データサイズが比較的小さく(バンドルされるVueのランタイム版は一度最小化してgzip圧縮したら16KBしかありません)、Vueのvuexや、vue-routerのような付属の状態管理ライブラリーもアップデートされました。1つの記事ではと
Give us a call or send us an email, and let’s get a conversation started! Let us know how we can help! It’s a very exciting time to be a front-end developer. It is the Renaissance age for JavaScript, and every day brings a new round of shiny new toys for developers to play with, each with a new set of paradigms that are good for stretching the mind in exciting new ways. As big fans of the old axio
All slide content and descriptions are owned by their creators.
新興の米スポーツ用品メーカー「アンダーアーマー」の売上高が、2015年10~12月期まで23四半期連続で、20%を超える伸びを記録した。広告塔として活躍する著名アスリート仕様の商品に、「活動的な普段着」も加わり、躍進の原動力となっている。 カラフルな外観のニューヨーク郊外の直営店に入るとすぐ、米国のスポーツ界を代表する選手の等身大ポスターが目を引く。 その一つは、米プロバスケットボール協会(NBA)で、前シーズンに最優秀選手に輝いたウォリアーズのステファン・カリーだ。カリー仕様のシューズは売れに売れ、15年10~12月期は、シューズ部門の売り上げが前年の同じ時期の2倍近くに達した。長い間、「バスケットシューズはナイキ製」といわれたが、カリー人気でブランド力は一気に上がった。 勢いの支えは、契約するトップアスリートにある。 プロゴルフのジョーダン・スピース(22)の場合は、試合中に着るのと同
プログラマ向けノートアプリQuiverが素晴らしい(Mac用アプリ)Markdownをサポートしたメモアプリは数多くありますが、技術系のメモやスニペットを書き溜めるのに適したものはそれほど多くありません。 個人的な要件としては、 データフォーマットがオープンで好みのクラウドサービスで同期できることMarkdown(GFM)を扱えてプレビューできることコードの取り扱いが簡単なこと(できればシンタクスハイライトも)ファイルを意識しないで使えること(ファイル名を考えたりしなくて良い。オートセーブされる)ノートブック、タグなどでノートを整理・分類できることぐらいなのですが、すべてを満たしたアプリをなかなか見つけられず、Day OneやUlysses、Kobitoなどを併用して凌いでいましたが、最近、知ったQuiverというアプリがこれらの要件をすべて満たしており、これに一本化することに。 あまりに
今年の春にMacを買ってから、一番使ってきたアプリがEvernoteです。 ただEvernoteって高機能すぎるんですよね。高機能すぎて、結局は整理できないみたいなことが起こりがちで、実際僕もノートを一回削除したりしました。 Evernote整理術のようなものもググってみましたが、めちゃくちゃマメさが必要じゃないですか‥。 そこで、まめでもない僕でもEvernoteをどんなふうに使っているのかを、連載てきな感じで数回に分けて書いてみたいと思います。 連載の内容は Evernoteを整理して管理できる仕組み作り(今回はここ!) Evernoteでタグを使ったおすすめの整理術&活用法 - Yukihy Life Evernoteでブログを書く利点とEvernoteを使ったブログの書き方 - Yukihy Life Evernote小技集・他とのサービス連携などちょっとした工夫で圧倒的に使いやす
MAGES.のゲーム&音楽ブランド・5pb.は、アニメ『シュタインズ・ゲート』再放送第23話の内容を改変し、本来のストーリーとは異なる内容を放送しました。これにより、第24話枠では特別番組を放送することを決定しました。 本日12月3日にTOKYO MXとニコニコ動画にて放送されたアニメ『シュタインズ・ゲート』第23話にて、本来のストーリーとは異なる内容が放送され、大変話題になりました。(BS11では、12月4日3:30より改変版第23話が放送予定です。) 今回の改変により物語は第23話で完結となり、第24話は放映されません。この“β世界線”での物語は、12月10日に発売されるPS4/PS3/PS Vita用ソフト『STEINS;GATE 0(シュタインズ・ゲート ゼロ)』へとつながっていきます。 なお、再放送第24話が放送予定だった時間には、特別番組“Making of STEINS;GA
今回はTODO-ModuleのSPA(シングルページアプリケーション)クライアントをVue.jsを使って作っていきます。 Vue.jsとはViewModelに特化したフレームワークです。AngularJSやKnockoutJSに影響を受けており、似ているところも多々あります。 AngularJSはフルスタックですが Vue.jsはそうではないので、ViewModel以外の部分は自作するか、他のライブラリを使う必要がります。 今回はVue.js以外にルーティングライブラリであるPage.jsと バリデーターのvue-validatorを使います。 デモアプリとソースコードはこちらに公開しています。 TODO-Module-Vue ソースコード 動作環境 OS X Yosemite node v0.10.37 npm 2.7.3 今まで同様に、このクライアントアプリの動作確認にはAPIが必要な
MVC と言えば Apache Struts をはじめとするサーバサイド・フレームワークを想像しますが、 今回は JavaScript による大規模開発の際に採用されるクライアントサイド MVC フレームワーク「Backbone.js」の使い方についてまとめてみました。 (厳密にはクライアントサイドの場合、MVC とは呼ばず MVVM とか MV* とか呼ばれてるようです。) 前提 Backbone.js の構成を簡単に言ってしまうと 単一データの管理を行うモデル 複数件のモデルの管理を行うコレクション 画面の管理を行うビュー の3つの主要モジュールを軸に構成されており、Underscore.js、jQuery(Zepto)に依存するかたちで動作するようになっています。 利用の際は、underscore.js、jquery.js、backbone.js の順で読み込みます。 //cdnjs
会員事業部*1の小川(@conceal_rs)です。 会員事業部ではプレミアムサービスの価値を向上させるために、日々機能改善や新しい機能やサービスの開発をしています。今回はサービス開発をするときにエンジニアがどういう役割を果たすといいかについて、私なりの経験からの話をしたいと思います。 サービス開発とは サービス開発とはユーザのみなさんに、アプリやウェブを通じて何らかの価値を提供することだと考えています。価値と言ってもいろいろなものや形態があり、Webサービスというとだいたいがツールぽいものを想像しますし、最近だとゲーミフィケーションを使った脳トレサービスなどもあります。また既存のサービスに新しい機能や体験を追加して価値を届けるということもサービス開発です。私が所属している会員事業部はプレミアムサービスを利用して頂いているユーザのみなさんに新しい価値を提供すべく、日々業務に勤しんでいます。
OUCC(http://oucc.org/) で5/24に行ったJavaScriopt&可視化講習会の一回目資料です。
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎! 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
とあるきっかけで読み始めた、ミハエル・チクセントミハイの「フロー体験」という本、あまりに衝撃的であり、日々のものごとに対する観点をガラっと変えてしまったため、その内容の一端を、特にインパクトある部分を中心に簡単に紹介したいと思います。 ■著者「ミハエル・チクセントミハイ」について ミハエル・チクセントミハイは、1934年ハンガリー生まれで、主にアメリカで研究生活を行った、20世紀を代表する心理学者の1人。 1990年に出版された本書は、「(欲求の5段階で有名な)アブラハム・マズローの自己実現の概念を超えるもの」(ニューヨーク・タイムズ紙)など様々な新聞・専門家から賞賛され、「日常生活の心理学に関して、今世紀最高の研究者」とも言われています。 その知識は非常に広汎であり、心理学のみならず、文学・社会学・人類学・比較行動学・情報論・進化論・宇宙論・芸術などにまで及んでいます。 ■フロー体験とは
ネガティブな人が「成功する」ための5つの名言 http://www.earthinus.com/2010/11/negative-power.html
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く