[B! JavaScript] hadakadenkyuのブックマーク

やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち - console.lealog();

個人の意見 aka ポエムです。界隈的には今さら感がすごいけど。そんな今さらポエった事情としては、とある案件でSPAをReactで作りつつサーバーサイドレンダリング︵以下SSR︶をすることになるかも SPAじゃないページもまとめてReactでSSRすることになるかもただ個人的にはSPA+SSR不要論者サーバーサイドのテンプレートとしてのReactも冗長なだけやろ派でも仕事なのでしゃーない︵お客様がそう申されるなら・・なのでやるからには再考察してみて、前向きにやれる要素を見つけたい！けどどんだけ考えてもやっぱり意義が見つけられなーい( ´Д｀)=3 という感じで、SSR自体の是非はまあどうでもよくて、ただ個人的に﹁しなくていい﹂と思ってる気持ちをまとめたものです。技術に是も非もないです。大事なのはどう使うかなのです。ちなみにやってみた結果・・とかいう話ではなく、やってない

hadakadenkyu 2017/07/24

SSRどころかSPAも趣味でしかない。

リンク

inputにURLしか入らないようにしたい＆リアルタイムに制限をかけたい - Qiita

Vue.jsでシンプルな入力制限の副産物というか本命というか。要件指定した形式の文字列以外入らないようにして欲しい指定した形式の一つはURL つまり、単にURLとしてvalidな文字列の連続ではなく、http(s)://までは順番に、それ以降はURLとしてvalidな文字列の連続としなければならない面倒くさい実装例 <template> <main id="app"><main id="app"> <h1>VueでURL入力制限</h1> <table> <tbody> <tr> <th>URL:</th><td><input type="text" pattern="^(https?://[\w/:%#\$&\?~\.=\+\-]*|https?:/|https?:|https?|htt|ht|h)" maxlength="100" :value="test1" @in

hadakadenkyu 2017/05/07

タイピングゲームのように、途中まででも正答をなぞっていればvalid、としたい場合に役立つ正規表現の書き方のメモ

リンク

Vue.jsでシンプルな入力文字種制限 - Qiita

要件そのものにどうも納得がいかなかいが世の中似たような事求められることもありそうだからメモ。要件フロントエンドでリアルタイムに入力項目にバリデートをかけたい条件外の入力文字列はそもそも入力できないようにしたいフレームワークはVue.js 検討とりあえずはpatternが使えそう (2)が無ければinputのpatternに正規表現を入れてイチイチformタグで囲って入力毎にsubmitしてやれば大体イケそうだが vue-validator使えば多分イケるだろうけどこの程度のことに導入したくない現時点での結論: <template> <main id="app"><main id="app"> <h1>Vueでシンプルな入力制限</h1> <table> <tbody> <tr> <th>数字のみ:</th><td><input type="text" pattern="^[0-

hadakadenkyu 2017/05/07

数字しか入れたくない場合ってもtype="number"じゃ「そういう意味じゃねーよ」って感じなわけで／イチイチform submitするほうが正解な気がしている

リンク

結局VanillaJSである。 - nobkzのブログ

anond.hatelabo.jp nida3001.hatena blog.com 上記のブログに刺激されて私もフロントエンドというかJavaScriptに対する思いを綴ったポエムをば。しかし、なんか書くのダルいので、大分大雑把にかくぞ。さて、さっそく結論を述べよう。今のフレームワーク論争やらに対する解決策はVanillaJSを使うってことである。フロントエンドSPAのフレームワークについてまず、今のほとんどのフレームワークが使えないってのはそのとおりである。その話してみよう。その理由は、﹁フロントエンド﹂ってのは一括りにできないからである。﹁ハッカーと画家﹂のとある言葉をアレンジして言えば﹁フロントエンドはユーラシア大陸のようなものである﹂。フロントエンドが関わる範囲が大きすぎるのである。ヨーロッパもあればアジアもあれば中東もあるという感じである。範囲が大きすぎて、フレームワー

hadakadenkyu 2017/05/07

だからSPAは趣味だって言ってんだろ！趣味なら黙ってやるし趣味じゃないならやめとけ！

javascript

リンク

iPhone Safariではareaでtouchイベントが効かない？ - Qiita

この辺の話。 Are Touch Events in HTML Image Maps Supported in iOS/Mobile Safari - Stack Overflow 実際試しても確かに効かなかったのだが、どうも納得がいかなかったから色々試してみたら効くように出来た。結論 imgにaddEventListenerでtouchstartを付ければ効くようになる。DEMO http://jsrun.it/hadakadenkyu/ajtX

hadakadenkyu 2017/04/28

なんかこの手のバッドノウハウ多いねiPhone safariは。

リンク

Vue.jsでVideoタグを扱う - Qiita

気付けば単純なことだけど2日程思いつかなかったので書いておく。なにがしたかったか Vueのメソッドの中で動画の再生制御結論: カスタムディレクティブ使え Vue.directive('play',function (el, binding) { if(binding.value){ el.play(); }else{ el.pause(); } });

hadakadenkyu 2016/12/31

qiita書き納め

リンク

最近のフロントエンドの変化とビルドツールについて - mizchi's blog

界隈の雑な会話です。注意点として、フロントエンドガチ勢寄りの方面なので、一般的な感覚とは乖離してる可能性があります。基本的には http://www.s-arcana.co.jp/blog/2016/12/12/3438 や kikuchi1201.hateblo.jp を念頭に。動き早いって言われるフロントエンド界隈、この1年何も進んでないからな— 現場の声 (@mizchi) 2016年12月14日今年のフロントエンドの統括、es2016でしょぼかったので皆es2015+ みたいなノリが抜けなかったのと、redux以外のfluxが脱落したのと、angular2+今年も出なかったねというのと、たぶんeslint の採用が増えてそう(肌感)のと、flowの採用が増えたぐらい— 現場の声 (@mizchi) 2016年12月14日実際browserify/webpackは先行実装だ

hadakadenkyu 2016/12/14

そんなことより一昨年去年よりも今年の方がIE8対応させられてるんですが誰かIE絶滅させてくれませんかね？

リンク

Vue 2.0 is Here!

Today I am thrilled to announce the official release of Vue.js 2.0: Ghost in the Shell. After 8 alphas, 8 betas and 8 rcs (a total coincidence!), Vue.js 2.0 is ready for production! The official guide has been fully updated and is available at vuejs.org/guide. Ever since the work on 2.0 started back in April, the core team has made significant contributions to API design, bug fixes, documentation

hadakadenkyu 2016/10/01

キタ！TypeScript使いとしては断然Vueだぜ！

リンク

iOS 9以下でもiPhone safariでインラインで動画再生する方法第三弾 - Qiita

いよいよFelicaポート搭載のiPhone7が発表されましたね！サプライズもありまだまだ日本でのiPhone一強は続くのではないかと感じさせられました。さて、そのiPhone7に搭載される予定のiOS 10ではいよいよsafariでも動画のインライン再生が可能になります。 iOS 10 Safari から video のinline 再生が可能になります - latest log iOS 9以下でもインライン再生する iPhone Safariで動画をインライン再生する方法 - Qiita︻音声対応︼ iPhone Safariで動画をインライン再生する方法続き - Qiita以前書いたこの2つの記事で紹介した方法はいずれも、video要素のcurrentTimeを動かしてcanvas要素に描画するというものでした。今更発見した新手法今回見つけた手法では、canvas要素

hadakadenkyu 2016/09/09

書いた／バグ技臭い気はしている

リンク

jsdo.it

hadakadenkyu 2016/09/04

改良されてる！

JavaScript

リンク

jQueryを使わないでGETのパラメータ付きURLを生成する - Qiita

追記: URLSearchParams - Web APIs | MDNが使えるならそっちの方が便利。 Search Param付きURL生成いよいよjQueryを使う必要がなくなってきており、$.ajaxは滅多に使わなくなり、fetchを書くことが増えた。しかし、POSTはまだしもGETでパラメータを送りたい場合、$.ajaxでは var data = { a:1, b:2, c:3 }; $.ajax({ url:'hogehoge', method:'GET', data:data }); とやればよかったものが、fetchの場合はパラメータのkeyとvalueを&で繋いでURLにくっつけるのを自前でやらねばならない。特にURLにSearch Paramsがある場合は?以降を切った後に繋ぎ直さねばならず面倒くさい。どうにかならないかと調べてみたところ、anchor要素を使うのが良

hadakadenkyu 2016/08/25

追記した

javascript

リンク

Electronでゲームの設定ツール作ってみた | GREE Engineering

みなさんご無沙汰しております。ちょびえです。最近はやりのElectronでゲームの設定ツールを作ってたので事例共有ということで記事を書いてみたいと思います。事例共有なのであまり技術的な内容ではありませんが、少しでも皆様の参考になれば。︵免責としては、自分のチームの話なので全体としてこう、というわけではありませんのでご了承下さい︶モチベーション元々UnityEditorの機能を使って色んなツールを作っていたのですが、特定のGUI APIに依存した少し複雑なGUIツールとなるとメンテを他の人に託しづらくなってしまう問題があります。会社として普段からWindowsやMac向けのアプリケーションを作っている、とかであれば特に問題にならないと思うのですが。どうしても弊社のようにWebサービスが主力な会社だとHTML,JavaScriptを始めとした技術が得意な人が多く、Nativeアプリ

hadakadenkyu 2016/07/12

どっちかってーとWebGLの方が難しい気がするんだがw

リンク

長文日記

hadakadenkyu 2016/07/02

as2,as3,flashlite1.1,flashlite2.0,flashlite3.0,flashscript,よし6つだ(白目

リンク

phiary

phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python はじめに「webpack インストールしといてー」, 「gulp 導入して watch しながら開発してー」, 「React だから ES6 でコード書いてー」最近こんな会話が当たり前のように現場で飛び交っています. フロントエンドの開発者には HTML, CSS に特化している人 (coder, markup engineer) JavaScript は得意だけど CSS はちょっと弱い人 (javascripter) HTML, CSS, JavaScript 全てを統べる者 (frontend

hadakadenkyu 2016/06/01

イケてるとか所詮主観なのでなんとでも言える。更新頻度やいつまでサポートするか、プロジェクトの規模、人員数によっても最適解は変わる。なに使ってもいい案件なら好きなの使え。

リンク

JavaScriptにフレームワークが必要な理由 - Qiita

JavaScriptにはむしろもっと抽象化がもたらされるべき - Qiitaという記事で、もう少し踏み込んだ話を書いてみました。某所でReact.js界隈の人に聞きたいというフレームが発生したのだが、はてなブックマークでコメントしたらIDコールされたので、反論をここに書くことにした。(最近は技術系記事はQiitaにしか書いてないので)。あくまで僕が考えるなので、JavaScript界の人達が本当はどう思っているかはわからない。そもそもJavaScriptを本格的にさわり始めたのごく最近なので、JavaScript界では異端かもしれない。元記事では論点(感情)が複数ごちゃまぜになっていたので僕は辛口のブコメを書いたのだが、論点をごちゃ混ぜにするのは意図的にやってるのならばただの詭弁だ。なので、まずは元の記事での論点を整理する。 jQuery (orフレームワーク?) 言語採用 Rea

hadakadenkyu 2016/05/22

世の中の殆どのJSerはメンテ考えにゃならん程社会的意義のあるサイトを作っておらん。好きに作れ。後で書き直しやすいように仕様だけどっかに書いとけ。

JavaScript

リンク

React.js界隈の人に聞きたい

**誰かみんなの主張のまとめを作ってくれないですか？** (まあそれこそお前がやれよって話かもしれないので、誰もやってくれなかったら私がしますが。。) 最近、JQueryはもはや不要でReactさえあればOK,みたいな記事をよく見ますね。論旨としては、どうせトランスパイラ使ってるんだからもっと便利な書き方しようぜ！ってことなんだと思います。(virtual DOMがメインだ！という話もあったけど、じゃあ何でReactなの？というのは聞きたいかな。メジャーだから？) ただちょっと個人的に違和感が拭えないので聞きたいです。ちなみに私は昔coffeeとbackbone.jsか何かで業務用のページ︵SPAではなかったような気がする︶を作るお仕事をしたことがありますが、フロントエンドエンジニアというわけではないです。どちらかというとサーバー管理とかのほうがよく知っていると思いますが、Javasc

hadakadenkyu 2016/05/22

再利用性って言うけど5年経ったらどうせその時流行ってるフレームワークで書き直すんだから考えるだけムダ／SPAかどうか、対象ブラウザは何か、大規模開発か、将来にわたってメンテするか、あたりの要素で変わる

リンク

React Is The New jQuery

The King is dead. Long live the King! I love jQuery. Its minimalism, quality and consistency allowed me to do anything with a few lines of code (often just a single one). It brought a clean syntax to an inconsistent language. It offered an abstraction over incompatible browsers. It was solid. It was freaking fast. It made me feel like a powerful hacker. And I loved that a 12 year old kid could tea

hadakadenkyu 2016/05/14

述語が大きい案件

リンク

Reactを使うとなぜjQueryが要らなくなるのか - Qiita

はじめに React︵通称 React.js1︶を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。﹁jQuery くらいしか知らない﹂くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。以降では ES2015 (ES6) の文法︵アロー関数とか︶を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。以下の説明中、このアイコンで表すのは︵2023 年現在から見た︶﹃昔話﹄です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事

hadakadenkyu 2016/05/11

煽りも愛も足りない

リンク

物理サーバを選定する際のポイント – Eureka Engineering – Medium

Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.

hadakadenkyu 2016/04/30

両方小規模案件でVue.jsに勝るところがない。大規模は知らん。

リンク

最近のフロントエンドへの違和感 - nobkzのブログ

そういえば今日これらを読んでて d.hatena.ne.jp d.hatena.ne.jp その中で Mediumなど海外メディアでは、もはやこの種のツールを組み合わせたフロントエンド開発が当たり前として受け入れらており... はぁ?﹁海外では当たり前()なんですねw海外ってどこですか?タンザニア?パフアニューギニア?﹂などみたいなリアクションを取りつつ、んで、まぁ、フロントエンドに関して、書きたかったことがあって、丁度良いので書いてみる。というのも、フロントエンドが﹁凄く変化が早い﹂﹁ついていくのに大変﹂﹁新しい!!すごい﹂﹁これからは○○フレームワーク﹂だとかそんないろいろな意見が見られて、なんというか違和感を感じてるので今回はそれについて書く。フロントエンドは変化が早い?まずこれ。僕は普通に違和感を感じている。確かに、jsフレームワークやライブラリとしたら、jQuer

hadakadenkyu 2016/04/13

主張は年収と一緒に書いてくれ、そしたら参考にするから

javascript

リンク

はてなブックマーク

タグ

関連タグで絞り込む (25)

JavaScriptに関するhadakadenkyuのブックマーク (26)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス