タグ WPJ
新着順 10 users 50 users 100 users 500 users 1000 users10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう - WPJ
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう 2017/06/16 James Kolce Articles in this issue reproduced from SitePoint Copyright © 2017, All rights reserved. SitePoint Pty Ltd. www.sitepoint.com. Translation c... 続きを読む
「Google丸投げ」でiOSアプリ開発が恐ろしくラクになる!Firebaseの使い方 - WPJ
Googleが運営する #Firebase を使えば、面倒なサーバーの処理は任せて、クライアント側の開発に集中できます。サンプルアプリを例に、基本的な使い方を体験してみましょう。「Google丸投げ」でiOSアプリ開発が恐ろしくラクになる!Firebaseの使い方 2017/02/01 Joyce Echessa Articles in this issue reproduced from Sit... 続きを読む
2017年のPHPフレームワーク——2強時代に何を学ぶべきか? - WPJ
動きの早いフロントエンド界隈や他の言語の躍進の話題に押されて、いつまでも古い知識のままPHPで開発していませんか? 知識のアップデートに役立つ、最近のフレームワークの動向を、ちょっと辛口な現状分析とともに。 私が 約1年前に書いた記事 の続きを書くことにしたのは次の質問を受けたからです。 Q:PHP MVCフレームワークについて近況を教えてください。(2017/2/24) A:PHPのフレームワー... 続きを読む
JSのデバッグにはconsole.log()ではなくNodeのデバッガーを使いなさい - WPJ
JSのデバッグにはconsole.log()ではなくNodeのデバッガーを使いなさい 2017/05/15 Camilo Reyes Articles in this issue reproduced from SitePoint Copyright © 2017, All rights reserved. SitePoint Pty Ltd. www.sitepoint.com. Transla... 続きを読む
「フルスタック開発者」を名乗るなら身につけたい技術と知識【2017年版】 - WPJ
「フルスタック開発者」を名乗るなら身につけたい技術と知識【2017年版】 2017/07/12 Bruno Skvorc Articles in this issue reproduced from SitePoint Copyright © 2017, All rights reserved. SitePoint Pty Ltd. www.sitepoint.com. Translation c... 続きを読む
Vue.js入門:チュートリアルで学ぶReactとAngularとの違い - WPJ
Angular、Reactと並んで海外で人気が高まっている「Vue.js」。ReactとAngularの開発経験がある著者がVue.jsをサンプルコードつきのチュートリアルを通じて特徴をまとめて解説します。2017年、新しく学び始めるきっかけにどうぞ。Angular、Reactと並んで海外で人気が高まっている「Vue.js」。ReactとAngularの開発経験がある著者がVue.jsをチュートリ... 続きを読む
「うわっ、そのコード変態的すぎ…」と叫びたくなるCSSトリック10選 - WPJ
「うわっ、そのコード変態的すぎ…」と叫びたくなるCSSトリック10選 2016/08/31 WPJ編集部 多少複雑なデザインでも、画像や JavaScript には頼らず、CSS で実現させる。そこにはもはや手軽さなどは存在しない。あるのは男のロマン。 https://speakerdeck.com/ixkaito/bian-tai-de-css-torituku ということで、「変態的CSSトリ... 続きを読む
Web開発者がJavaScriptでゲームプログラミングを始めるための第一歩 - WPJ
知ってる?Web開発者がJavaScriptでゲームを作るときのはじめの一歩 2016/08/23 Mark Brown Articles in this issue reproduced from SitePoint Copyright © 2016, All rights reserved. SitePoint Pty Ltd. www.sitepoint.com. Translation c... 続きを読む
ノンプログラマーがJavaScriptを初めて学ぶときにありがちな9つの失敗 - WPJ
Webデザイナーにとってもっとも身近なプログラミング言語といえばJavaScriptですよね。ところがいざ勉強を始めたものの挫折してしまった…という人のために、典型的な失敗例と学習のコツを教えます。 JavaScriptの学習をしても挫折する人の多くは、「JavaScriptは分かりにくい」「自分はWeb開発に向いていない」と言います。悲観的になってあきらないでください。アプローチの仕方を変えるこ... 続きを読む
プロが考える究極のWordPress開発環境(エディター/サーバー)とは?-WPJ
WordPressコアコントリビューターに聞く「ぼくのかんがえた最強の開発環境」 2016/08/27 Matt Geri Articles in this issue reproduced from SitePoint Copyright © 2016, All rights reserved. SitePoint Pty Ltd. www.sitepoint.com. Translation ... 続きを読む
もっと優れた開発者になりたければ、いますぐコーディングをやめなさい - WPJ
もっと優れた開発者になりたければ、いますぐコーディングをやめなさい 2017/03/29 Andrew McDermott Articles in this issue reproduced from SitePoint Copyright © 2017, All rights reserved. SitePoint Pty Ltd. www.sitepoint.com. Translation ... 続きを読む
Web屋の私が勘違いしていた、世界のネット通信環境の驚くべき状況 - WPJ
アプリやWebサイトをより良く、より速く、よりアクセシブルにする手助けが私の仕事です。 Calibre でWebを構築したり、メンテしたりする際にぶつかる課題について、知見が集まりました。 この1年で本当に驚いたことは、一般のユーザーがどうインターネットにアクセスしているかです。Web業界に従事しているのに、ほとんど理解していませんでした。自分たちがユーザーにコンテンツを配信する方法がいかに時代遅... 続きを読む
コーディング規則にJavaScript Standard Styleを使うべき4つの理由 - WPJ
タブとスペースはどっちがいい?エンジニアならJSスタイルガイドを使おう 2016/09/14 Mark Brown Articles in this issue reproduced from SitePoint Copyright © 2016, All rights reserved. SitePoint Pty Ltd. www.sitepoint.com. Translation copy... 続きを読む
JavaScriptエラーログ収集に役立つツール・ライブラリ・手法まとめ - WPJ
サーバーサイドに比べて見落とされがちな、フロントエンドのエラーログ収集。JavaScriptのログ収集、確認に役立つ手法、ツール、ライブラリーを総まとめ。サンプルコードつきで解説します。フロントエンドエンジニアなら知っておきたい、JavaScriptのログ収集方法まとめ 2016/11/30 Lukas White Articles in this issue reproduced from Si... 続きを読む
あなたが知らないスゴいフロントエンド開発ツール7選 - WPJ
2016年も進化し続けたフロントエンド開発ツール。Web Tools Weeklyのキュレーター・Louisが1年を振り返り、Modaal、Jam API、postcss-grid-kissなど、お気に入りのツールを紹介します。2016年も進化し続けたフロントエンド開発ツール。Web Tools Weeklyのキュレーター・Louisが1年を振り返り、お気に入りのツールを紹介します。 1年が過ぎ、... 続きを読む
便利すぎてしびれた!あなたが知らないCSS関数トリック8選 - WPJ
便利すぎてしびれた!あなたが知らないCSS関数トリック8選 2016/09/15 Anselm Urban Articles in this issue reproduced from SitePoint Copyright © 2016, All rights reserved. SitePoint Pty Ltd. www.sitepoint.com. Translation copyrigh... 続きを読む
もうjQueryには頼らない!素のJavaScriptでDOMを操作するための基礎知識 - WPJ
古いブラウザーのサポートが必要ないなら、もうjQueryを使わなくてもいいかもしれません。ネイティブなDOM APIの使い方をサンプルとともに解説します。もうjQueryには頼らない!素のJavaScriptでDOMを操作するための基礎知識 2017/04/27 Sebastian Seitz Articles in this issue reproduced from SitePoint Cop... 続きを読む
ハイパフォーマンスCSS3アニメーション——60fpsを実現するベストプラクティス - WPJ
すっかり普及したCSS3アニメーション。ハイパフォーマンスなアニメーションを実現する、ちょっとした書き方のポイントとは?ハイパフォーマンスCSS3アニメーション——60fpsを実現するベストプラクティス 2017/03/07 Jose Rosario Articles in this issue reproduced from SitePoint Copyright © 2017, All rig... 続きを読む
誰も教えてくれない、JavaScript初学者がプログラムを書けるようになる方法 - WPJ
JavaScriptに限らず、プログラミングの基本を学んだら何か動くモノ(プライベートプロジェクト)を作ってみたくなります。でも実際にどうやって進めたらいいのでしょうか?誰も教えてくれない、JavaScript初学者がプログラムを書けるようになる方法 2017/03/30 Yaphi Berhanu Articles in this issue reproduced from SitePoint ... 続きを読む
JavaScriptの2016年:フロントエンド開発者が押さえるべき重大トピック - WPJ
相次ぐモダンなフレームワークの登場、脱jQueryの動き、ECMAScriptの進化など、SitePointの常連ライターが2016年のJavaScript事情を振り返ります。JavaScriptの2016年:フロントエンド開発者が押さえるべき重大トピック 2017/01/20 Craig Buckler Articles in this issue reproduced from SitePoi... 続きを読む
脱「JavaScript疲れ」のために注目すべき、3つの最新ライブラリー - WPJ
ツールやライブラリーが乱立し、年々複雑化するJavaScriptの世界。それでも2017年に注目したい3つのライブラリーVue.js、Svelte、Conditioner.jsを紹介します。脱「JavaScript疲れ」のために注目すべき、3つの最新ライブラリー 2017/01/31 Tim Severien Articles in this issue reproduced from SiteP... 続きを読む
UIデザイナーの私が4年間で学んだ、ダッシュボードのデザインで大切な26のこと - WPJ
モバイルアプリ相互送客ツール「Tapdaq」のメインデザイナーであり、Dashboard UI Kitの作者として知られるJan Losertさん。4年間のダッシュボードデザインの経験からまとめた26のステップは、UI/UXデザイナー必読です。 過去4年間にわたってダッシュボードとアプリケーションのデザインを続ける中、プロダクトをさらに良く効率的なものにするために、いろいろな部署と付き合っていくこ... 続きを読む
たった数行のCSSでパララックス風表現ができる「position: sticky」の使い方 - WPJ
短いCSSを書くだけで要素を特定の位置に固定できるCSSの「position: sticky」。ちょっとした工夫で実現できるおもしろい使い方をデモで解説します。 スクロールに応じてページ要素を固定表示できる position: sticky が便利で面白い使い方ができそうなので実験してみました。 仕様がまだ草案(Working Draft)の段階 で、将来、細かい部分に変更がないとは言い切れません... 続きを読む
さらばjQuery!アニメーションをサクサク処理できるVelocity.jsの使い方 - WPJ
「jQueryのアニメーションが遅い」「CSSアニメーションは使いにくい」。そこでアニメーション処理の定番ライブラリー「Velocity.js」の出番です。基本的な使い方を一通り紹介しましょう。「jQueryのアニメーションが遅い」「CSSアニメーションは使いにくい」。そこでアニメーション処理の定番ライブラリー「Velocity.js」の出番です。基本的な使い方を一通り紹介しましょう。 本記事では... 続きを読む
もう実機は不要!? Chromeのモバイルエミュレーターがとんでもなく進化していた - WPJ
Chromeデベロッパーツール、使いこなしていますか? モバイルブラウザーエミュレーターの機能が拡張され、通信帯域やセンサーのシミュレーション、PWAの検証まで進化していました。これは便利です!Chromeデベロッパーツール、使いこなしていますか? モバイルブラウザーエミュレーターの機能が拡張され、通信帯域やセンサーのシミュレーション、PWAの検証など、どんどん進化しています。これは便利です! W... 続きを読む