Webアプリケーション開発者から見た、MVCとMVP、そしてMVVMの違い - Qiita
RubyOnRailsを触れる過程でMVCという概念を学び その後、他のフレームワークでMVCやMVP、MVVMというものを知ったのですが Railsで語られるMVCと他で語られるMVCのニュアンスが若干違うので そこを基点にMVCの違い、そしてMVP、MVVMとは何なのかをまとめてみました。 MVC(Model,View,Controller) 定義としてのMVC 上記でも挙げた通りMVCは使う場面やフレームワークによって ニュアンスが異なっています。 そのため根本的な「MVC」の一般的な定義は一体どんなものなのかを見てみました。 Wikipediaからまとめると以下のとおり。 アプリケーションソフトウェアの内部データを ユーザーが直接参照・編集する情報から分離する。 そのためにアプリケーションソフトウェアを 「Model」「View」「Controller」の3つに分割する。 ・Mod
SMACSSによるCSS設計 - Qiita
前案件でBEMチックな書き方をして、あまりのクラス名の長さに キィェエエエ！！ってなった後で、 CodeGridさんでSMACSSについてのステキ記事を見つけたのでメモ。 ※以下、CodeGridさんの記事に書いてることを、自分が後で見るようにプチ要約したものです。 本記事をまだ読んだことが無い人はここよりも、本記事の方をじっくり読むのをお勧めします。 SMACSSによるCSSの設計 - ベースとレイアウト | CodeGrid CSSカテゴライズ 5つにカテゴライズして、それに準じた名前を付ける 1.ベース 2.レイアウト 3.モジュール 4.状態（ステート） 5.テーマ 1.ベースルール サイト全体で要素そのもののデフォルトスタイル
英語アレルギーな方への処方箋｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ
今回は、前回の記事(長の2017年の個人的な目標)でも、少し書きましたが現在フロントエンド領域についての勉強とは別に、英語の勉強をしているのでどんな勉強をしているかと呼んだ書籍についてご紹介していきたいなと思います。 勉強しようと思ったきっかけ この仕事を続けている限り、勉強は常にしていかなければなりません。進化のスピードもめちゃくちゃ早いと思います。特に英語圏の進化のスピードは早く、日本よりも一歩先を歩んでいると、感じています。 今までも、何か躓くことがあって調査すると行き着く先はだいたい英語のサイトだったのですが、コードを見れば何がしたいのかがわかる為、奇跡的にもなんとかなっていましたし、元々英語大の苦手でアレルギーな人だったので、英語を勉強するという選択肢を見て見ぬふりをしていました。 ただ、勉強したいもの(ReactやRedux)の本家ドキュメントは英語。 導入したいパッケージも説
レビューやコミュニケーションで控えたほうが良いNGワードや言い回し集｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ
弊社では約月2回のペースでリモート読書会を行っています。 現在のテーマとなっている本は「Team Geek ―Googleのギークたちはいかにしてチームを作るのか」です。 今までは技術的な本を読書会で取り上げていたのですが、今回は少し趣向を変えて技術じゃない本を題材にしてみようということになり、この本が選ばれました。 弊社佐々木がすでに書評もしており、チーム開発に必要な3つの要素HRTについて触れています。 謙虚(Humility) 尊敬(Respect) 信頼(Trust) そのHRTに通ずる内容でTeam Geekの第1章に書かれていた、 君は(世界が白と黒に分かれるかのように!)「間違ってます」と言って、コードを変更させようとした。みんなと同じように書いていないことを非難した(相手はバカにされたと思うだろう)。言われたほうは防御的になり、必要以上に感情的な反応をするだろう
どう考えても無茶な「CSSプログラミング」が話題に
CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は「Only CSS」。上のSTOPボタンを押すとコードを確認することができます。 jsdo.itでCSSプログラミングが流行中！ ええ、どう考えても無茶なんです。CSSはプログラミング言語じゃないですからね。 CSSの機能を巧みに組み合わせて作成されています。 ということで、投稿作品のほんの一部を紹介したいと思います。 CSS PANIC CSSだけで作られたワニワニパニック。 このコードは海外のユーザーにも大きな反響を呼びました。
React VRについて調べてみた｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ
昨年、React VRがプレリリースされた。 Introducing the React VR Pre-Release | Oculus VR開発に興味はあるものの、なかなか手を付けられなかったが、とりあえずしらべてみることにした。 React VRとは？ Oculusのブログを読むのが手っ取り早いが、WebVRをつかって、ブラウザ上でVR体験を可能にするには、平面での開発とは勝手が異なり、3Dや映像処理の知識がなければ難しい。 React VRは、それらを隠蔽し、従来のWeb開発に近い形で開発できるライブラリである。同じような思想のライブラリ(フレームワーク)として、A-Frameなどがあるが、React VRのメリットとしては Reactが使える ことにあると思う。例えば、チュートリアルで紹介されているコンポーネントは以下のような感じになる。 class WelcomeToVR ext
30歳から始める数学 [ SHOYAN BLOG ]
この記事はMath Advent Calendar 2015 2日目の記事です。 前回の記事は515hikaruさんのMath Advent Calendar 2015 一日目 - 515 ひかるのブログ 日常編です。 とあることから、30歳にして数学を学び始めました。いまは毎日楽しく数学の書籍を読んだり方程式を解いたりしています。 本記事では、僕と同じようにもう一度数学を学びたいなと思っている人向けに、数学の魅力を再発見する方法を紹介します。 30歳にして数学を学び始めたきっかけきっかけはプログラマのための数学勉強会です。 とあるご縁でこの勉強会で発表することになり、そこから数学を学び直しました。 内容については、以下の記事を参照ください。 プログラマのための数学勉強会@福岡に登壇してきました プログラマのための数学勉強会@福岡#2に登壇してきました この数学勉強会で数学を勉強することに
![30歳から始める数学 [ SHOYAN BLOG ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/74b2dd7a001a2f4d1f9a5106a0eff5d4e9030292/height=288;version=1;width=512/https%3A%2F%2F48n.jp%2Fimages%2Flogo.png)
やる夫で学ぶ機械学習シリーズ · けんごのお屋敷
これは、機械学習に関する基礎知識をまとめたシリーズ記事の目次となる記事です。まとめることで知識を体系化できて自分自身の為にもなるので、こういうアウトプットをすることは大事だと思っています。ただ、普通にブログ記事を書くのも面白くないので、ちょっといつもとは違う方法でやってみようというのが今回のシリーズ記事。 2 ちゃんねるのキャラクターが登場人物として出てきて、彼らが会話して話が進んでいく「やる夫で学ぶシリーズ」という講義調の形式のものがあります。個人的にはやる夫で学ぶシリーズや 数学ガール のような会話形式で話が進んでいく読み物は読みやすいと思っています。さらに、先日みつけた やる夫で学ぶディジタル信号処理 という資料がとてつもなくわかりやすく、これの真似をして書いてみようと思い至りました。記事中のやる夫とやらない夫のアイコンは http://matsucon.net/material/m
PostCSSとは何か - morishitter blog
PostCSSというnode.js製のツールがある。 PostCSSのGitHubでのStar数は4000を超え、海外のブログではPostCSSについての記事をよく目にするようになった。しかしまだ日本では盛り上がりを感じていないので、日本語のPostCSSの記事を書くことにした。 PostCSS PostCSSとは、JavaScriptで書いたプラグインでCSSを変換するためのツールだ。 PostCSS自体は、CSSパーサーとそのASTを操作するためのAPIのみを提供していて、ユーザーはPostCSSのプラグインを書くことでCSSを変換することができる。 僕もPostCSSを使って、以前ブログにも書いたAtCSSというCSSプリプロセッサーや、postcss-style-guideというスタイルガイドをMarkdownから自動生成するためのプラグインなどを書いたことがある。 PostCSS
morishitterのCSSの書き方（2016年夏） - morishitter blog
今、自分がどうやってCSSを書いているのかについてまとめる。 CSSを書く前にすること 持論だが、「デザインの意図を正確に理解した上で書かれたCSSは破綻しない」と思っている。 しかし、自分ひとりでサービスを作るときような、デザインの決定権を持つ人とUI実装者が同じである場合を除いて、デザインの意図を正確に伝え、理解することは難しい。 僕が1番時間を使うのがこの工程だ。 今の仕事ではデザイナーがSketchファイルを作成し、エンジニアがそれを元に実装する。 Sketchファイルを開き、アートボードをひたすら眺めデザインの矛盾がないかを確認し、「なぜこのようなデザインなのか」を質問しまくる。 ここで良い質問と提案をするためにも、エンジニア側に最低限のデザインに対する知識が必要だと思う。 最近読んだ本だと、「みんなではじめるデザイン批評―目的達成のためのコラボレーション&コミュニケーション改善
モジュールとコンポーネントとライブラリとプラグインの違いとは - Simple, Slowly
モジュールとプラグインとライブラリとプラグインの違いがよくわからなかったので、まとめてみました。 それぞれの特徴 それぞれの特徴を理解するために共通点と相違点を考えてみます。 まず、モジュールとコンポーネントですが、一度定義を確認してみましょう。 モジュールとは 機能単位、交換可能な構成部分という意味の英単語。システムへの接合部(インターフェース)が規格化・標準化されていて、容易に追加や削除ができ、ひとまとまりの機能を持った部品のこと。 http://e-words.jp/w/E383A2E382B8E383A5E383BCE383AB.html コンポーネントとは 何らかの機能を持った、プログラムの部品。ソフトウェアコンポーネントは、それぞれ特定の機能を持っているが、基本的に単体では使用できず、他のプログラムと組み合わせて機能を実現、ないし追加するために用いられる。また、オブジェクトの一
コンポーネント指向と余白の設計
Mercari JPのモノリスサービスをKubernetesに移行した話 PHP Conference 2022 9/24Shin Ohno
JSONとJSONPの違い - あと味
解説は他にもたくさんありますが、私自身も使いはじめの頃、違いがよくわからなかったので。 JSONとは？ 汎用的なデータ記述方法です。こんな感じで書きます。 { 'blog' : 'あと味', 'author' : 'jdg' } まさにJavaScriptのオブジェクトですね。*1 JSONPとは？ JSONを以下のように変えたもの。 callback({ 'blog' : 'あと味', 'author' : 'jdg' }); 関数呼び出しっぽいですね。まぁ、関数呼び出しなんですけど。 どゆこと？となるポイント 見た目が関数っぽくなる意外に変更点はないように見えますが、クロスドメインでJSONを読み込む時は、なぜかJSONではなく、JSONPが使われます。（WebAPI等） また、アクセスしたらJSON形式のデータを返す単純なCGIを自分で作りたいと思った場合でも、JSONを返しても、J
ajaxでXMLを読み込む2 xdomainajax
前回までのあらすじ 前回： ajaxでXMLを読み込む 外部のサーバに変更を加えず、PHPも使わずに、ajaxでクロスドメインのXMLを読みこみたい。 jquery.xdomainajax.jsを使うことで、外部のHTMLを読み込んでパースができた。 HTMLだけでなく GitHub:jquery.xdomainajax.js Support XML responsesのスクリプトを足すことでXMLも読めるようになる。responseTextでタグを抜いたプレーンなテキストは受け取れるが、responseXMLでは[object Object]になってしまい、XMLを受け取れない。タグ入りのXMLを取り出すにはどうしたらいいか。 オブジェクトからxmlを取り出す [object Object]になってしまうということは、オブジェクトになっているということ。どういうことだろうとjquery.
Google Feed API から YQL API へ移行したお話 - Qiita
〈追記 2019年1月〉 残念ながら YQL終了のアナウンス がありました。 On Jan. 3, 2019, YQL service at http://query.yahooapis.com will be retired. YQL based services that use http://query.yahooapis.com, including users of http://datatables.org, will no longer operate. Yahoo Weather API users see the tweet below for info about continuing your service. — Y! Developer Network (@ydn) December 31, 2018 とっても便利だった Google Feed API ですが、復
【jQuery】緊急案件：Google Feed API が廃止になっているので代替案を紹介します。 - ONZE
投稿日：2015年12月3日 更新日：2015年12月3日 API, jQuery 2235文字：約4分 ONZE 株式会社 オンズ ONZE https://on-ze.com/archives/5043 昨日、2015年12月2日未明より Google Feed API が403エラーを返すようになり、特にニュースサイトを中心とした各方面で混乱が発生しています。けっこう大変な事態のようですね。 未だ公式サイトでもアナウンスが無く、廃止になったのか否かもわからない状況です。 弊社のクライアント様でも『外部サイトのRSSフィードを読込→表示』しているサイトがいくつかありますが、もともと Google Feed API は使用せず、すべてPHPベースでプログラムを組んでいるので被害は皆無。 しかし困っている方々が大勢いらっしゃるようなので、ここで Google Feed API の代替となる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーとして、何者になりたいか #2 - CHROMA
ゆら＠色彩セラピー on Twitter: "本当は灰色なのにイチゴが赤く見えてしまう錯視画像が話題沸騰中 https://t.co/mCNHkZF5Pd https://t.co/ym7alMQbGD"
エンジニアとデザイナーとの距離
ferret（フェレット） on Twitter: "＼新着記事／ 今やっている仕事は10年後にはなくなるかも?これからテック業界で求められる9つの新しい職業｜ferret [フェレット] https://t.co/3XfaonT9gj @ferretplusさんから"
Nine Rotating Squares | p5js
CSS flower