[B! web][js] sometkのブックマーク

sometk id:sometk

webとjsに関するsometkのブックマーク (13)

Python だけで作る Web アプリケーション(フロントエンド編)
Python だけで作る Web アプリケーション第一弾です。HTML/CSS/JSを使わずに、PythonだけでUIを含むWebアプリケーションを作ります。
sometk 2022/05/30
おもしろそうだ！

2205

web

js

html

programming

hotentry
リンク
未経験から1ヶ月でWeb系企業に就職する勉強法
取り上げた技術は、本格的な開発でも役に立つもので、最も学習コストが低いものを選んだ。重要度が低いものは載せていない。たとえばHTMLとCSSなんてググりながら書けば全く問題ない。Bootstrapなどのフレームワークも全くやる必要はなく、仮に就職先で使っていたら覚えればいい。逆に言えば以下に挙げる技術は、そもそも概念自体がプログラミングにとって普遍的なものであり、︵基礎的な部分を︶調べながら使うようではエンジニア失格ということ。基本的に現在では、バックエンド・フロントエンド・運用保守全てができないエンジニアに価値は無い。以下に挙げた技術︵①⑤⑥は他の言語やフレームワークで代替可能︶が身に付いていなければまともな企業に就職することは難しい︵もちろん、下らない業務システムを下請けで作ってる底辺企業には入れるだろうが︶。経験者でも、これらができない/わからないのは、相当恥ずかしいことだ
sometk 2021/06/17
運良く入れたとして、そのあとどうなるか。あと、楽しいならいいけど。

2106

web

programming

js

IT

study
リンク
Vue.js & Nuxt.js から React & Next.js へ移行した理由 | fwywd（フュード）powered by キカガク
2021 年から React ベースのフレームワークである Next.js を本格的に学び始めました。昨年 2020 年は Vue.js ベースのフレームワークである Nuxt.js にどっぷりと使った１年であり、昨年リリースしたキカガク (kikagaku.ai) など、本運用に乗せるところまでプロダクト開発チームで学びながら進めていきました。その昨年に１年間もかけて知見を貯めた Vue.js & Nuxt.js を離れて、React & Next.js へ移行した背景を紹介します。
sometk 2021/05/26
負け惜しみかもしれないが、技術は取り入れているがデザイン・UIがおろそかになってるところが増えてると思ってる。

2105

js

javascript

web

development

css
リンク
W3Schools Online Web Tutorials
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
sometk 2017/05/10
結構スゴイんじゃなかろうか

1705

web

learn

dom

js

javascript
リンク
シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ
あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。プロファイリングを取るためのコードを手で書いてみましょう。とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。本当にあった怖い話上司﹁とにかくJavaScriptのコードを速くしてくれ﹂私﹁分かりました、速くします﹂ (次の日) 私﹁いいプロファイラがないなら作ればいいじゃない﹂同じチームの人﹁えっ？﹂私﹁最高のJavaScriptプロファイラ作ったよ﹂同じチームの人﹁﹁えっえっ？？？﹂﹂私﹁早速使ってみたらこことここが遅いって分かったよ﹂同じチームの人﹁﹁﹁この子は一体…﹂﹂﹂ JavaScriptのプロファイリングの難しさ近年、Webブラウザーの処理速度は著しく向上し、その可用性の高さから、アプリケーションのプラットフォーム
sometk 2015/07/01
私にはわかりませんでした

1507

javascript

Profiling

js

tool

web
リンク
cow2design.com
This domain may be for sale!
sometk 2015/04/22
使いみちが思いつかない

1504

CSS

html5

javascript

js

web
リンク
橋本商会 » node-webkitでNHK Newsを連続自動再生するアプリ作った
あまりにも世情にうといので作った。 NHKのRSSを定期的にチェックして、新着ニュースの動画を連続自動再生する。とてもテレビっぽい。おかげで4日後にオリンピックが開催されるという事を知れた。ソースコード https://github.com/shokai/nhk-news-app zipでダウンロード https://github.com/shokai/nhk-news-app/releases node-webkitはネイティブアプリ作成のためにwebkitが改造されたwebブラウザで、HTML/JavaScript/CSSが実行できるだけでなくnode.jsのAPIもそのまま呼び出せる。つまりjQueryでDOM操作すると同時にnodeのライブラリを使うような処理が、同じプログラムファイルにまとめて書ける。変にブリッジを書く事なくいつものnodeのように require(‘モジュ
sometk 2014/02/05
1402

JavaScript

github

app

nhk

js

webkit

web

node

HTML
リンク
Loading...
sometk 2012/06/20
1206

Web

design

CSS3

javascript

js

CSS

html

html5
リンク
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日　13時58分更新文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、﹁Blueprint﹂や﹁960 Grid System﹂に代表されるフレームワークが登場しています。﹁LESS﹂や﹁Sass﹂のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
sometk 2012/02/10
1202

CSS

js

link

less

web
リンク
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit︵JIT︶です。その多彩な表現をご覧ください。積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。実際のコードです。棒の積み上げグラフです。横向き、2Dのグラフです。関連グラフです。マウスで動かせます。マウスオーバーで説明が表示されます。こんなグラフもあります。星形。格好いいです。カスタマイズにも多様に対応しています。容量の表示などによく利用されるツリーマップです。こちらもパターンが色々用意されています。グラフを組み合わせたパターンです。こんな表現も可能です。派生していくアニメーションが格好いいです。円グラフです。アニメーションやマウス操作に
sometk 2011/12/22
1112

javascript

js

library

graph

web

API
リンク
pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ
pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる﹁#!﹂URL批判 - karasuyamatenguの日記など合理的な反論があり、これから導入するのはためらわれるところ。有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax
sometk 2011/11/18
1111

Ajax

github

javascript

js

pjax

jquery

pushState

HTML5

web
リンク
WebKit サーバーというものを作ってみた - IT戦記
みなさんお久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？毎日が夏休みの最終日みたいな生活してるあまちゃんです！さてさて今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何？ WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！実はブラウザっていうのは、エンジン部分と見た目の部分︵タブとかボタンとかね︶に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー｀) ブラウザのサーバーってどういうこと？要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。今まではそういうのなかったの？実は、今までは JavaS
sometk 2011/08/31
1108

js

javascript

master

amachang

WebKit

python

server

Browser

web
リンク
初心者にも分かる Node.js と WebSocket についての解釈まとめ
解釈が間違っている点がある可能性が御座いますのでご了承くださいませ。記事の内容としては﹁Node.js なら他のサーバよりもこんなに簡単に WebSocket が扱える(ライブラリがある)﹂というような内容となっていますので、ご了承いただければと思います。 Node.js って何？ Node.js についてよくわからず最初は以下のページを読んでました。 Node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌例えば、ログイン中の2人がいて、1人がチャットのリクエストをしたとします。でもラグが30秒ほどあって、気付かずに閉じちゃうなんてことがなくなります。メンバーAのブラウザがメンバーBのブラウザに直接プッシュするってことかと最初は思っていましたが違いました。この点について深く考えていくこととなります。 Node.js を使うと何ができるのか node.js を使
sometk 2011/03/31
node

node.js

js

javascript

socket

web

twitter

XMLHttpRequest
リンク
1