実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート - Qiita
リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外の要件が発生しないように気をつけるべきだろう。 この記事では、デザイナーやフロントエンドエンジニアが見落としがちなWebフロントエンドの課題について列挙していく。 ホバー表現を後から指示される ツッコミ 後から仕様追加されると困るから先に決めて! メモ 最近
Front-End Developer Handbook 2017 · GitBook
AVAILABLE NOW: Front-End Developer Handbook 2018 Front-End Developer Handbook 2017 Written by Cody Lindley sponsored by — Frontend Masters This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2017. It is specifically written w
アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~ | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ
みなさんこんにちは、サイバーエージェントでフロントエンドを中心に開発しています原(@herablog)です。 アメブロでは、2016年9月にフロントエンドをJavaベースのアプリから、node.js・Reactベースのアプリへとシステムの移行をおこないました。本記事では、その移行へといたる経緯やゴール、システム設計、その結果についてお伝えします。 リリース直後に気づいているツワモノな方もいらっしゃいました。 アメブロのSP版がReactのSSRでフルリニューアルしたのを観測した — hr (@hrloca) 2016年9月1日 システム移行へといたる経緯 2004年から始まり、日本国内で最大規模のブログサービスとなったアメブロは、システムの肥大化や多数の関係者が存在したことによるモジュール・導線の急増などの理由により、ページ表示スピードが遅くなり、ページビュー数にも明らかに影響を与えるよう
Windows 8/7/Vista に PHP をインストール - クリエイティブWeb
IISにPHPをインストールする手順のメモです。Microsoft が PHP on IIS というページを作っているので、そちらの方も参考にしてください。 PHPのインストールには、FastCGI 版を使用します。なぜかといと、Windows版のPHPは、過去にはCGI版とISAPI版がありましたが、CGI版は、ユーザーから要求がある度に、プロセスの生成と破棄が行われるため、パフォーマンスが悪いという欠点がありました。一方ISAPI版は、DLL形式のプログラムで、起動時に1回読むだけで、使い回しができるため、パフォーマンスの面で優れていましたが、一部のライブラリでスレッドセーフを保証できないなど、安全性及び安定性に問題がありました。そのため、FastCGI版が、パフォーマンスも信頼性も高く動作させる方法として開発されたという経緯があります。 FastCGI 版のPHPのインストールには、
Microsoft、IE 8のサポートを2016年1月12日に終了へ
米Microsoftは8月7日（現地時間）、Webブラウザ「Internet Explorer（IE）」のサポートおよびセキュリティアップデートの各バージョンのタイムラインを発表した。IE 8に関しては2016年1月12日に完全に終了する計画という。 2016年1月12日時点でサポートおよびセキュリティアップデートの対象になるのは、以下のOSとブラウザの組み合わせのみ。例えばWindows 7 SP1でIE 8～10を使っているユーザーはこの期日までにIE 11にアップデートするようMicrosoftは推奨する。 米分析会社Net Applicationsが毎月発表している世界でのWebブラウザのバージョン別シェアの7月版では、IE 8のシェアがいまだに最も大きく21.56％。Microsoftが昨年秋にリリースした最新ブラウザのIE 11のシェアは2位の16.7％だった。 関連記事 IE
SIでWebシステムやるなら Java？ いやいや ASP.NET MVC でしょ - アーキテクチャをスマートに。
お仕事（つまりSI、企業向け受託開発）で Webシステムを開発する際に、どんなアーキテクチャにすべきか、どのフレームワーク（プログラミング言語）を採用すべきかを考えた時、最近では ASP.NET MVC が良い選択だと実感しています。 ではなぜそれが良いのか、またメディアやネット上で流行りの他のフレームワーク、Ruby on Rails や PHP, Struts, Play, Node.js などよりどこが良いと思っているのか、実際の開発現場にいるエンジニアとして考えていることを整理してみました。 先に断っておきますが、前置きが長いです。 結論だけ読みたい方は一番最後の節まで読み飛ばして下さい。 まずはビジネス観点で まず、SI業界では Ruby や Node.js の案件はまだ見たこと無い。 何が多いかというと、汎用機を除くと Java がほとんどで、その次が .NET、それ以外は少数
「シングルページ」流行の7つの理由と最新事例まとめ (1/4)
「シングルページ」と呼ばれる、1ページで完結しているWebページを見かけることが多くなりました。シングルページの概要と、CSSフレームワークを使った実際のシングルページの作成を通して、シングルページのデザインの考え方や作成方法の知識を身につけられる連載をお届けします。解説はデザイナーの石嶋未来氏にお願いしました。（編集部） シングルページとは、1ページで完結しているWebページのことです。最近よく見かけるようになりましたね。シングルページのみを集めたギャラリーサイトなどもあり、Web制作に携わっている方であれば一度は目にしたことがあると思います。 シングルページで作られたサイト。左から、モバイルセキュリティソフトウェアのLookout, Inc,（https://www.lookout.com/）、「重陽」ブランドの包丁を製造販売している堺菊守 河村刃物株式会社（http://chouyo
「プロダクトマネジャー」と「職人的開発者」という2つのキャリアパス【連載:えふしん】 - エンジニアtype | 転職type
Twitterクライアント『モバツイ』開発者であり、2012年11月に想創社（version2）を設立した有名エンジニア・えふしん氏が、変化の激しいネットベンチャーやWeb業界の中で生き残っていくエンジニアの特徴を独自の視点で分析 えふしんのWebサービスサバイバル術 藤川真一（えふしん）氏 FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立し、2012年4月30日まで代表取締役社長を務める。その後しばらくフリーランスエンジニアとして活躍し、2012年11月6日に想創社（version2）設立 BASEでエンジニア、デザイナーを募集
「Webディレクター」という肩書とその役割 | F's Garage
先日、WebSigの10周年イベントの検討会議の場で、Webディレクターとは？というの話になった。 昔よく言われたのは、「Webディレクター」は「デザインできない」「開発できない」人がなる職業というネガティブな表現があった。特に「Webの仕事」と言えば「Webの受託制作」だったころは、そういう人たちが沢山集まってきていた。 そういう中で、「工程管理しかできないディレクター」とか「気が効かないディレクター」とか、「言われたことしかやらないディレクター」とか、確かに、いろいろいたように思える。 またネガティブな意味で、「Webディレクターとは何でも屋なんだよ」と言われることもある。これはある意味真理だと思っている。 個人的に思っているディレクターの重要な役割とは、 「バネのように、状況（案件）に応じて自在に伸び縮みして、お客さんと制作との穴を埋める仕事」 だと思っている。 PMが全体を見ている
「第16回 HTML5とか勉強会」レポート #html5j | HTML5GOGO
第15回は残念ながら漏れてしまった為、3ヶ月ぶりの参加です。 第16回のテーマは「誰もが使えるWebサービスを開発するためには、どのようなことを考えるべきか」 以下、アジェンダ。 「Progressive Enhancement」～ すべての人に確実に情報を届けるために ～ 羽田野氏 @futomi 「My Web, Your Web and the One Web」 W3C/慶応 芦村氏 @KazAshi 「LT:Canvasでなぞる」株式会社コネクティ 若狭正生氏 @wks 「LT:生まれ落ちる世界」シーサー株式会社 あんどうやすし氏 @technohippy 「LT:atnd.orgに下書き保存とプレビューを追加するATND Draft（仮）」株式会社co-meeting 木村 篤彦氏 @a_kimura 「LT:ローカルへのデータ保存」株式会社リマージュアーツ 一好俊也 (かずよし
IEに互換表示をさせないX-UA-Compatibleの指定 - loconoco
IEはバージョンごとに表示方法（レンダリング）がガッツリ変わると言う、とてもやっかいなブラウザです。 また、各バージョンごとに下位バージョンの表示方法を再現できたり、互換表示なる表示方法があったりと、ありがた迷惑この上ない機能が搭載されています。 このサイトのトップページをIE10で表示すると・・・ アドレスバーに紙が破けたようなアイコンが表示されます。そしてこのアイコンをクリックすると互換表示に切り替わり、再レンダリングがはじまります。 box-shadow、background-sizeなどのCSSが効かなくなってしまいました。 また同じアイコンをクリックすれば互換表示が通常表示に戻ります。もし通常表示に戻さなかったか場合、IEは設定を覚えてしまい、再度同じURLにアクセスすると、また互換表示になってしまいます。IEを終了して再起動しても戻りません。 新バージョンのIEを使用しているユ
Wimpy: Streaming WebSite Audio & Video Tools
Works on tablets, phones and PCs including iPad, iPhone, Android, Mac, and PC A javascript HTML5 audio player & video player that's easy to set up, design, configure and customize. • Works on all devices • Custom Skins • Fluid + Responsive • Extensive Javascript API • No Dependencies (doesn't require jQuery or similar) • Built on pure Javascript, CSS & HTML5 • Playlists supported: JSON, XML, RSS,
Bootstrap
BootstrapBootstrap v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions New! Never-Ending Support for Bootstrap Build fast, responsive sites with Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life wi
CSS-Tricks
These things called passkeys sure are making the rounds these days. They were a main attraction at W3C TPAC 2022, gained support in Safari 16, are finding their way into macOS and iOS, and are slated to be the future for password managers like 1Password. They are already supported in Android, and will soon find their way into Chrome OS and Windows in […]
片手間のJavaScriptから脱出するためにこれからのWebエンジニアが理解すべきこと - Qiita
はじめに 最近、こういった記事が世間をにぎわせている。こりゃエヴァの話なんてしてる場合じゃねぇ！と思ってさくっとこの辺の事情を理解するために必要なことをまとめてみる。 Railsが時代に合わなくなってきた Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 昔ながらの「片手間に書くJavaScript」の限界 GoogleやTwitterでも実現できないのだから使うな問題 この話は、どの地点の何の話をしているのかよくわからないのです。現在ではかなりステップバック＆改善が行われ、Safari自体のクラッシュはアプリのクラッシュと比べて、あまり多いとは思いません。むしろ、一昔前に比べてかなり改善しているという認識です。iOSのバージョンが古いとかでなければ、現状でも十分ユーザビリティの改善につながっているでしょう。 しかし、この問題の結構大部分を占めているのは個人的に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
次世代Webコンテナ Undertowについて
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
Draft Emoji Data (Full)
Top 18 Music Players to Embed Your Audio Online | Envato Tuts+
Home | make-homepage2