A year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.
![12 Days of Web](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b8224fb7526e815da25bfad0ac01a531d6b7ad3/height=288;version=1;width=512/https%3A%2F%2F12daysofweb.dev%2Fimg%2F12daysofweb.png)
A year-end celebration of fundamental web technologies: HTML, CSS, and JavaScript.
こんにちは。久しぶりのQiita投稿です。 今回は「ex-KAYAC Advent Calendar」の13日目の記事として寄稿させていただきます。 さて、改めて私の今やっていることを紹介させていただきますと、独立してから株式会社Lucky Brothers & co.という会社を設立し、主にWebの受託制作を行っています。 かれこれ3期目に突入致しました。 アドベントカレンダーということで改めて2018年という年を振り返ってみたのですが、一言で言うと「今年はフロントエンドエンジニアにとって大きな当たり年であった」と言えるのではないかと思います。特に私達の会社では、今までのいわゆる「Webサイト制作」だけの単一事業形態から脱し、他のあらゆるアプリケーション制作にも手を拡げられた年になりました。 そんな話をしようと思います。 Nuxt.js Vue.js製のフレームワークであるNuxt.js
uzura です。 ファーストサーバ Advent Calendar 2017 の8日目を担当させて頂きます。 僕は会社では主にフロントエンドの開発を行っています。 今回 Advent Calendar に記事を投稿するということで、弊社サービスの Zenlogic にも使用されている Ruby on Rails や React.js を使いつつ、せっかくなので以前から作ってみようと思っていたサービスを(個人で)作ってみて、それについての記事を書きました。 rechord https://rechord.cc ソースコード (GitHub) どんなサービスなの? コード進行を入力するだけで誰でも簡単に演奏/共有することができる Web サービスです。 コード進行って何?? 音楽の知識が無い方には少々分かりにくい概念と思いますが、伴奏をする時の指針となるものです。 簡単に言うと、これ通りに弾
この記事はJavaScript Advent Calendar 2016の記事です。 今回は、2017年、新規にJavaScriptを書くならどんな設計をするか、というテーマで書いてみようと思います。2017年といっても、しばらくはこんな感じのアーキテクチャでやってきましたので、どんな構成でJavaScriptを設計してきたかという方が正しいかもしれません。基本的にはSPAをベースとしています。 また、最新のイケてる技術バリバリ使ってやるぜ、というよりは、堅牢で、はやりが変わってもメンテができるということを意識してみました。 DOMのレンダリング Virtual DOMを代表とした、DOMのレンダリングを行うライブラリをなにか採用します。特に理由がなければReactでいいと思います。Virtual DOMではありませんが、AngularでもDOM管理においてはさほど違いはありません。この2
この記事は、はてなエンジニアアドベントカレンダー2016の5日目の記事です。 こんにちは、はてなでアプリケーションエンジニアをしている id:shiba_yu36 です。先日、buildersconにおいて、現在所属しているプロジェクトでJavaScriptのユニットテストを導入した知見について、「一から始めるJavaScriptユニットテスト」というタイトルで発表しました。 speakerdeck.com この発表は、実際にJavaScriptのユニットテスト環境を作ってみると非常にハードルが高いと感じたので、そのハードルを少しでも下げられればという思いで、非常にシンプルな例で一から環境を作る例を紹介しました。アジェンダは次のとおりでした。 カクヨムのJS環境 JSのテストツールを整理する 通常の関数のユニットテスト DOM操作する機能のユニットテスト カクヨムのJS環境や、JSのテスト
Navigation Timing とか Resource Timing とか、パフォーマンスまわりのAPIについて自分で整理できていなかったので、これを機会にまとめてみました。
Frontrend Advent Calendar 2014 - Qiita 18日目の記事です。 フレームワークや使用技術など は方々で語られているので、それ以外の話をします! JavaScript Advent Calendar 2014 VirtualDOM Advent Calendar 2014 Vue.js Advent Calendar 2014 Backbone.js Advent Calendar 2014 一人React.js Advent Calendar 2014 AngularJS Advent Calendar 2014 KnockoutJS Advent Calendar 2014 個人的には最近Ampersand.jsが気に入ってます。 リポジトリ構成 フロントエンドのリソースはサーバー側のフレームワークのassetsやstaticといったディレクトリで管理
フロントエンドの世界では、日々新しいフレームワークやライブラリが生まれています。 初めてそういった新しいものを習得する場合に、なるべくなら近道したいと思うのが人の気持ちだと思います。 まず大変なのが、Hello World から実際のプロダクトやプロトタイプで利用する場合で、これは初めてで何もわからない土地を一人で散策するような感覚にも似ています。 今日、紹介するのは私が進化の早いフロントエンドの世界で、より早く未開の土地に慣れるためにスタイルガイドを有効活用しているという話です。 ちなみにこの記事はFrontrend Advent Calendar 2014 - Qiitaの 6 日目の記事です。 5 日目はじめての CSS 設計 - Qiita(@moschann) 7 日目CSS のプリプロセスとポストプロセス、そして Rework と PostCSS(@morishitter) 良
これですね。これ何か呼び方あるの? なにこれ グローバル変数にならないようにする仕組み。 スコープ問題 JavaScriptではスコープ(変数の有効範囲)は関数単位(function(){~})になるのが基本。 そして一番外側、どの関数の中でもないものは「グローバルスコープ」に所属する「グローバル変数」となり、どこからでも利用できる変数になる。そうなるとどこかで変数の名前がかぶった際、勝手に値が変わったりして大変恐ろしい事になってしまう。 そこで、ファイル全体を関数で括る事でスコープを生成して、グローバルではない変数にしておこう、というもの。ただしvar宣言なしに変数を使い始めると、結局グローバル変数になってしまうので注意。 次世代JavaScriptだとletとかあるけど触れません、関係ないし。 関数の前後にくっついてる括弧は 関数は作成するだけでは何もならないので、即時実行してやります
これは AngularJS Advent Calendar 2014 の初日(12/1)の投稿です。 AngulrJS については ADVENTAR にもカレンダーがあるので、このようなイベントに参加する人が Qiita と ADVENTAR でバラけている気がしなくもないですが、当日に初日の枠が空いていたので、夕方になってカッとなって書きますw ですので文量が少なくてすみません。 開発環境については、他の方が書いてくれそうなので、今回は省きます。 (ただ AngularJS に限らず、JavaScript のフロントエンドをやるなら Mac でやったほうが捗るかと思います。) 公式ページやリファレンス 公式ページは https://angularjs.org です。本体ソースは GitHub で公開されています。 API リファレンスは、上記の公式ページのうち、こちらにあります。 ⇒ h
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く