The CSS Grid Layout vs CSS Frameworks Debate — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Key Takeaways CSS Grid Layout and CSS Frameworks like Bootstrap serve different purposes in web development. While CSS Grid allows developers to build complex page layouts with native CSS code, Bootstrap provid
恐竜に教える現代のCSS – Part 2 | POSTD
CSSプリプロセッサで新構文を使う 以上、CSSを使った基本的なスタイル指定とレイアウトを取り上げました。次に、CSS自体を言語として扱いやすくするために作られたツールについて説明します。まずはCSSプリプロセッサです。 CSSプリプロセッサを使うと、別の言語で記述したスタイルをブラウザが解釈できるCSSに変換する、ということが可能になります。これは昔、ブラウザへの新機能の実装が遅々として進まなかった頃は重要事項でした。最初のメジャーなCSSプリプロセッサは Sass で、2006年にリリースされました。新しい簡潔な構文（括弧に代わるインデント、セミコロンを使わないなど）と、変数、ヘルパー関数、演算など、CSSには欠けていた高度な追加機能が特徴です。変数を伴うSaasを使って先の事例のカラーセクションを記述すると、次のようになります。 $dark-color: #4a4a4a $light
「はじめてのフロントエンド開発」という本を書きました - massa142's blog
共著者として参加していた書籍『React，Angular，Vue.js，React Nativeを使って学ぶ はじめてのフロントエンド開発』が、2018/5/9に技術評論社さまより発売となりました。 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 作者: 原一浩,taisa,小松大輔,永井孝,池内孝啓,新井正貴,橋本安司,日野洋一郎出版社/メーカー: 技術評論社発売日: 2018/05/09メディア: 単行本（ソフトカバー）この商品を含むブログを見る どんな本か React、Angular、Vue.js、React Nativeそれぞれが、同じサーバのAPIを参照し、同様の機能を持ったアプリケーションとして作成します。React Nativeは、ネイティブアプリを開発するためのフレームワークなため、SPA（Single-page
クライアントサイドのモデルとは何か 前編 ~ クライアントサイド MVC の死 - mizchi's blog
前置き この記事、本来は Flux には Model がないのではないかと思った覚書 - ナカザンドットネット と Flux の Store が ViewModel かって話からの MVW とかどうでもいいって話 - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く のアンサーとして書き始めた記事だが、前置きだけで別テーマとなったので、前後編に分割する。 僕は元々がゲームクライアント屋だったときの発想を引きずってるのと、既存の Web の開発の文脈に対して距離を置いていることを明言しておく。あとこういうテーマでとある原稿書いていたので、頭の整理も兼ねて。 ActiveRecord の功罪を振り返る このテーマを語るにあたって、まず Rails の MVC について述べなければならない。なぜなら、フロントエンドのアーキテクチャとは、サーバーサイドの MVC の模倣に始まり、破綻し、結果として
What's wrong with CSS-in-JS?
I have yet to dive deep into CSS-in-JS, but I’ll admit I’m skeptical. This podcast by Chris Ferdinandi lays out a lot of the reasons why I’m a bit apprehensive. Three other observations I’ve noticed as I encounter CSS-in-JS in my consulting clients’ work and other projects I come across: Lack of portability: So much of my work involves helping gigantic organizations create and deploy design system
（必ずinjectを使う制約のもとで）Rubyで配列からハッシュへ変換する - Qiita
require "minitest/autorun" def tohash(array) array.each_slice(2).inject({}) {|hash, (key, value)| hash[key]=value;hash} end class ArrayToHashTest < Minitest::Test def test_array_to_hash assert_equal ({:a=>1, :b=>4}), tohash([:a,1,:b,4]) end end メインはclass ArrayToHashTestでハッシュと関数呼び出し結果を比較している。 初期目がちかちかしてわかり辛かったが関数に渡しているのは配列である。（ハッシュじゃないよー tohashで配列をarrayで受け取り、 each_slice(2)で配列を2個づつブロック化します。 inject({
リアルタイムグラフなら「とりあえずEpoch.js」をおススメしたい - Qiita
この記事について IoTっぽいことをやりたくて表示画面の方から作ってみました。 リアルタイム表示が可能なJavascriptのグラフ表示ライブラリを色々物色した結果、Epoch.jsが一番使いやすいという結論になりました。サンプルコードを書きつつEpoch.jsの使い方等についてまとめてみました。 サンプルコード See the Pen GQpbRR by okoppe8 (@okoppe8) on CodePen. スライダーの部分はIoT機器のPostのシミュレータです。 Epoch.js とは 公式：https://epochjs.github.io/epoch/ Epoch.jsは様々なグラフを生成するJavascriptライブラリです。同様の目的のメジャーなライブラリにChart.js、highchart.js、Google Chart Tools などがあります。 Epoch.
frontend-tooling-survey-2018-results#js-knowledge
Front-end development Blog and Portfolio for Ashley Watson-Nolan – Senior UI Engineer at Just Eat Update 12/09/2019 The results for the 2019 edition of the Front-end Tooling Survey are now available. If you'd like to view them, check them out here. Update 25/07/2018 Since publishing the initial results, I've updated the survey after receiving 5,461 responses and updated the article and results dat
Google、スマートフォン含むWebブラウザでリアルタイムに人間の姿勢推定を可能にする機械学習モデルPoseNet：TensorFlow.jsバーション発表
Google、スマートフォン含むWebブラウザでリアルタイムに人間の姿勢推定を可能にする機械学習モデルPoseNet：TensorFlow.jsバーション発表 2018-05-08 Googleは、Webブラウザでリアルタイムに人間の姿勢推定を可能にする機械学習モデル「PoseNet」TensorFlow.jsバーションを発表しました。 GitHub：tfjs-models/posenet at master · tensorflow/tfjs-models PoseNetは、映像中の人物から1つのポーズまたは複数のポーズを検出できる技術です。ToseorFlow.jsは、Webブラウザで実行できるオープンソースの機械学習ライブラリで、Googleがオープンソースとして公開している機械学習ライブラリ「TensorFlow」のJavaScript版です。 今回、その2つを組み合わせたTose
JavaScriptフレームワーク「Angular 6.0」リリース | OSDN Magazine
GoogleのAngular開発チームは5月3日、JavaScriptフレームワークAngularの最新メジャーリリースとなる「Angular 6.0.0」を公開した。ツールチェーンなどにフォーカスした機能強化が加わっている。 AngularはJavaScript/Typescript向けのアプリケーション開発フレームワーク。Web、モバイル、デスクトップなどさまざまなプラットフォーム向けにコードを再利用して作成し、実装できる。Web Workers、サーバーサイドレンダリングなどによる性能を特徴とする。 Angular 6.0は、2017年11月に公開したバージョン5に続く最新版。本バージョンより、長期サポート（LTS）をすべてのメジャーリリースに拡大する。LTSは18か月間（6か月のアクティブ開発期間と12か月の重要なバグ修正およびセキュリティパッチ提供期間）のサポートが提供されるもの
Chrome拡張でとっても役立つAPIのまとめ - Qiita
「BLOCK CLOCK」という、Chrome拡張のサービスを作りました。リリースの記事をQiitaにも投稿してサービスの紹介をさせていただいたのですが、技術的な内容が全くなかったので、開発に使用したChrome ExtensionのJavaScript APIsにも触れておきたいと思います。 Chrome拡張を作るためのGoogoleが提供しているChrome ExtensionのJavaScript APIsを呼び出しています。公式リファレンスは存在していますが全て英語で書かれており、APIの内容を調べるのに苦労しました。 Chrome拡張の開発で、同じように苦戦する方がいると思うので、少なくとも僕が使ったAPIだけは今回まとめておこうと思います。 JavaScript APIs BLOCK CLOCK - 仕事の時間をSNSから守るクローム拡張 マニフェストファイル chrome拡張
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Account Suspended
Choosing the Right JavaScript Framework - DZone
webpackで環境変数をモジュールに渡す - Qiita
Get React Component Data by DOM Node
Learning React: Is This ES6 or React?
Babylon.js 3.2リリースで3Dレンダリングが改善
I Used The Web For A Day With JavaScript Turned Off — Smashing Magazine
Bootstrap Card Component: a Complete Introduction — SitePoint
Using JavaScript Variables as Object Keys