フロントエンドエンジニアなら知っておきたい、JavaScriptのログ収集方法まとめ
サーバーサイドに比べて見落とされがちな、フロントエンドのエラーログ収集。JavaScriptのログ収集、確認に役立つ手法、ツール、ライブラリーを総まとめ。 開発進行中も本番モードでの運用時も、ソフトウェアアプリケーションにおいてロギングは大切です。 サーバーを運用しているなら、サーバーサイドの言語選択にかかわりなく無数のライブラリーを利用でき、広範に及ぶストレージメカニズムやログ出力を扱う際の各種ツールも使えます。 しかし、クライアント側アプリケーションとなるとロギングは見過ごされがちで、利用できる手法もかなり限られています。 この記事ではクライアント側アプリケーション、特にJavaScriptを中心としたシングルページアプリケーション（SPA）におけるロギングの実装方法を紹介します。 コンソール エラーとメッセージのロギング方法でもっとも一般的かつ分かりやすいのは、おそらくコンソールの使
フロントエンドエンジニアが絶対読んでおきたいJavaScript最新記事ベスト10
変化の早いフロントエンド界隈でいま押さえておきたい、最新のJavaScript関連記事をKADOKAWAが運営するオンラインメディア「WPJ」からアクセス人気順に紹介します。
ビジネスサイトに本当に必要なたった7つのWordPressプラグイン
たくさんありすぎて選べないWordPressのプラグイン。SEO、セキュリティ、バックアップなど、ビジネスサイトの運営に必ず使う7分野のプラグインを厳選して紹介します。 私見にすぎないかもしれませんが、WordPressは最高です。使い勝手が良く直感的なので、HTMLコーディングの知識がまったくなくても、Webサイトを一からすべて作り上げられます。WordPressのユーザー数がほぼ7500万人というのも驚きに値しません。ビジネス用のWebサイトを開発中なら、WordPressをのぞくことをお勧めします。 WordPressの誇る最高の機能の1つに、WordPressプラットホームで使える多数のプラグインがあります。プラグインを使うと、プラットホームとしてすでに十分なほどパワフルなWordPressがさらにパワフルになります。Webサイトが自分のビジネスを完全に表現できるまで好きなだけ修正
「いらすとや」だけじゃない！ Webデザインで使える無料イラスト素材サイト11選
「え？こんなものまで？」と驚くほどたくさん、それも親しみやすいタッチで統一されたイラストが揃うフリー素材サイト「いらすとや」が大人気。「日本が「いらすとや」だらけになってる」「イラストレーターの仕事を奪っているのでは？」との声が上がるほど、あちこちで使われています。 実際、「いらすとや」はWebデザインでも使い勝手がよく、とても便利。でも、案件によっては「競合サイトとイラストがかぶってしまう」「別のタッチのイラストが使いたい」といったこともありますよね。そこで、使い勝手のいいイラスト素材サイトを厳選して、各サイトの特徴をまとめてみました。 なお、商用利用可能なサイトの場合でも、グッズや再配布、販売目的での利用は禁止されていることがほとんどです。必ず各サイトの利用規約を確認してください。 「いらすとや」の作者が運営するゆるかわサイト『いらすとん』 http://www.irasuton.co
Goならわかるシステムプログラミング
Goで始める、すこし低レイヤのプログラミング入門。入出力、ネットワーク、メモリなど、現実の世界でプログラムが動くために必要な機能をプログラム言語Goを通して覗いてみよう。OSの機能とは何か、それをプログラミングでどう利用するのか、システムプログラミングの世界をプログラマの視点から眺めていく連載企画。 2017年06月21日 17時00分 プログラミング＋ Go言語によるプログラマー視点のシステムプログラミング 第20回 Go言語とコンテナ 本連載の最終回。この連載ではプログラムがコンピュータ上で動くときに何が起きているのかをGo言語のコードを通して覗いてきました。今回はその締めくくりとしてコンテナについて紹介します。 2017年06月07日 21時30分 プログラミング＋ Go言語によるプログラマー視点のシステムプログラミング 第19回 Go言語のメモリ管理 ソフトウェアにとってメモリは不
「うわっ、そのコード変態的すぎ…」と叫びたくなるCSSトリック10選
多少複雑なデザインでも、画像や JavaScript には頼らず、CSS で実現させる。そこにはもはや手軽さなどは存在しない。あるのは男のロマン。 https://speakerdeck.com/ixkaito/bian-tai-de-css-torituku ということで、「変態的CSSトリック」が流行っているようなので、JavaScriptや画像を使わない変態的なCSSテクニックを探してみました。何を持って変態的とするかは個人の性癖によるところが大きいので、あくまでも主観ですが。 CSS counterで数字を計算 実はCSS 2からあるcounter系のプロパティ。順番に番号を振れる便利なプロパティですが、意外とマイナーな存在では？ 次のデモは、リンクの数だけページネーション番号を自動的に付与するもの。うん、便利ですね。 え、でもこれだとノーマルっぽい？ じゃあこちらでどうでしょう。
海外UXデザイナーが選ぶ！本当に使えるWebデザイナー向けPhotoshopプラグインはこれだ！
Webデザインの作業効率化に役立つ、Photoshopのプラグイン＋関連ツール。たくさんあるツールの中から、UXPinチームが選んだ10本を教えてもらいましょう。 そもそもPhotoshopは、Webデザインのために作られたわけではありません。しかし、特に設定を変更せずとも活用できる機能やメリットが多く備わっています。たとえば… 扱いやすく、高い信頼性 Webデザイン全体の整合性をとるためのスタイルオプションが豊富 高解像度に対応したSVGやラスター画像を簡単に編集可能 パーツの作成からレイアウトの画像化まですべてPhotoshopでできる総合環境 もちろんすばらしいツールだからといって、ユーザー1人1人が必要とする機能をすべて備えているわけではありません。これから紹介するプラグインを使えば、PhotoshopがWebデザイン用に再構成され、Webデザインで発生する問題が解決されるでしょう
Photoshopはもういらない？明度も彩度も超手軽に変えられるCSSフィルターがスゴい
明度や彩度の調整から、ぼかしやグレースケール化まで。CSSフィルターを使えば、Photoshopを使わなくても簡単なコードで画像の調整ができちゃいます。しかも動画にも使える……これは便利です！ フィルターはもともとSVG仕様の一部でしたが、使い勝手がよいので、W3Cは共通のフィルター効果をCSSにも追加する取り組みを始めました。CSSフィルターはとてもパワフルで、しかも信じられないほど簡単に使えます。CSSフィルターを使えば、画像のぼかし、明るさ・彩度の調整などのほかにもいろいろなことができます。CSSフィルターは単独で使っても、組み合わせて使ってもOKです。次の構文を使ってCSSにフィルターを追加できます。 filter: <filter-function> [<filter-function>]* | none では、CSSフィルターを簡単に説明します。 明るさ 明るさ（Brightn
Slackだけじゃなかった！働き方を劇的に変える海外製7つのツール
エンジニアやデザイナーの働き方を大きく変えた「Slack」。海外に目を向けるとほかにも生産性アップに役立ちそうなツールがたくさん。 リモートで働くとき、チームを機能させるのもダメにするのもツール次第です。適切なツールを選ばないとチームメンバー間に摩擦を生み、ツールを使いこなせない人が孤立を感じてしまいます。リモートチームは物理的な距離が離れているので、協力して仕事を進めようとする努力をしなければなりません。それをツールが阻害してしまうと、精神的に孤立したメンバーが生まれてしまうのです。 そこで、リモートチームをうまくワークさせるツールを7つ紹介します。 1. Agreedoでムダすぎる会議を生産的に 会議は時間を多く使うわりに結果が出ないことが多いものです。なぜなら事前に明確な議題を設定せず、決定事項の記録もしていないからです。Agreedoは両方の問題を解決します。参加者の考えていること
これなら作れる！WordPressプラグイン開発に役立つ記事まとめ
WordPressの人気を支える、豊富なプラグイン。探せばたいていのもがあるとはいえ、欲しい機能とピッタリはまることばかりではありませんよね？ そんなときは、自分専用のプラグインを作ってしまうのも1つの手。WordPressのプラグインを開発に役立つ記事をまとめてみました。 1.WordPressプラグインの最高の開発環境はこれ！ 『WordPressコア貢献者に聞く「ぼくのかんがえた最強の開発環境」（2016年版）』（WPJ） WordPress用の開発をするなら、いまどきどのようなツールを使うのがいいのか？ WordPress専門の開発者であり、コアの貢献者でもあるMatt Geriさんがおすすめする、最高の開発者環境を具体的に解説します。 2.開発環境をMAMPからVagrantへ乗り換える 『WordPressのテーマ・プラグイン開発環境をVagrantを使い簡単に構築する方法』（
安すぎ75％オフ超！ Steam「サマーセール 2016」で買うべきオススメ旧作50本！ (1/7)
『Steam』の大型セール「サマーセール 2016」でもう欲しいゲームは買いましたか？ もう「開発」した人も、まだ悩んでいる人も買い忘れのないように、オススメの旧作を50本集めました。 ジャンル別に6～8本をまとめた各タイトルは、どれもこれも値引きは75％オフ以上！ セールで安くなっているうちに購入して、次のオータムセールまでいろんなゲームを遊びましょう。 PCゲームの王道「FPS・TPS・シューティング」 血沸き肉踊る斬撃FPS『Chivalry: Medieval Warfare』 数多くあるFPS・TPSゲームのなかで、ぜひとも遊んで欲しいのがChivalry: Medieval Warfareです。本作は銃ではなく剣や弓矢を手に戦いを繰り広げる、中世をテーマにしたFPS（ファースト・パーソン・スラッシャー）なのです。 シューティング系ゲームのエイムが苦手でも、Chivalryなら関
全部知ってる？今後のサイト制作で押さえたいCSSの最新プロパティ9選
CSSの登場から20年。この間、CSSはものすごく進化していました。「それって昔のやり方ですね」なんて言われないように、今後のサイト制作でチェックしておきたい最新のプロパティ（と関数）が学べる記事を9つ、厳選して紹介します。まだまだドラフト段階の仕様もありますので、各自記事の解説をチェックしてください。 1.グリッドレイアウトが捗るGrid Layout Module 『CSSレイアウトの常識が変わる！Grid Layout Moduleが胸アツ』（WPJ） CSSのレイアウトといえば、伝統的にはfloatプロパティ、最近ではFlexboxをよく使いますよね。仕様策定中の「Grid Layout Module」なら、もっと効率が上がりそうです。 2.テキストの回り込みが簡単に！ CSS Shapesプロパティ 『CSS Shapesでテキストを回り込ませるレイアウトを表現』（Webクリエイ
Steam「サマーセール 2016」で買っておきたいオススメゲーム23本！
6月24日（木）2時から始まった『Steam』の大型セール「サマーセール 2016」。けれど、日替わりもフラッシュもないためどれを買えば良いのか迷っている人も多いのではないでしょうか？ そこでこの記事では、今回のサマセで購入しておきたいゲームを大作からインディーズまで幅広く紹介します。気になるゲームがあれば「開発」しましょう！ 注目の大作9本！ まずは大作から紹介していきます。どれもこれももともとの値段が高いため、40～60％オフでもかなりの値引きがされています。 目玉商品『DOOM』（40％オフ） 今年のサマセの目玉商品は、なんといっても今年5月にリリースされたばかりのFPS『DOOM』です。まだ発売から1ヶ月足らずだというのにもう40％オフに！ ハイスピードFPSというジャンルの世界を体感しましょう。 人気クライムアクション『Grand Theft Auto V』（40％オフ） 皆さん
夏ボで買いたい人気SIMフリースマホ全紹介 【高性能機編】 (1/4)
LTE対応SIMフリースマホの中から人気製品をASCII編集部がピックアップして、その特徴やスペックをすべて紹介する本特集。まず第1回目は、SIMフリースマホの中でもスペックや使い勝手に妥協したくないユーザー向けの【高性能機編】だ。（今後【ミドルハイクラス編】【ミドルクラス編】【エントリークラス編】【Windowsスマホ編】の全5回予定）。 価格的には5万円以上と高額な製品が中心になるものの、高精細ディスプレーやオクタコアCPU、3GBメモリーなどを搭載するほか、LTEの対応周波数も多く、海外出張派に便利な端末が多い。普段の操作や3Dゲームで常に不満なく使いたいのであれば、今回紹介するモデルから選ぶといいだろう。 人気SIMフリースマホ 【性能に妥協したくない人向けのハイスペックモデル編】 ●ファーウェイ「HUAWEI P9」 ●Google（ファーウェイ）「Nexus 6P」 ●ASUS
MS率いる黒船軍団が“DevOps鎖国”日本に開国を迫った日 (1/4)
牛尾氏は、DevOpsが浸透していない日本の現状を示した。調査によると、企業のソフトウェア開発プロジェクトにおけるアジャイル手法の採用率は、世界平均では95％（Version One調査、2015年）とすでにデファクトの位置付けとなっているのに対し、日本ではまだ31％（PMI調査、2015年）にとどまるという。エンタープライズ領域のソフトウェア開発を中心として、日本のDevOps導入は明らかに立ち遅れている。 こうした日本の現状について、牛尾氏は「200年前の『鎖国』時代とまるで同じだ」と厳しく指摘する。 「鎖国時代の日本は、2世紀にもわたって何も変化しなかった。新しいテクノロジーも、新しいライフスタイルも、海外から一切何も学ばなかった。一方で、そのころの米国では産業革命が始まり、新しいテクノロジーによって産業も社会構造も根本的に変化していった」（牛尾氏） この長い鎖国時代を通じて、欧米諸
知ったかできる自作パーツ基礎知識【CPU/APU編】 (1/2)
久々に自作PCに挑戦しようとする人のための応援企画として毎年お届している「アキバで恥をかかないための最新パーツ事情」。今回も、2015年から2016年にかけて登場した新製品をおさらいしていこう。 久しぶりにパーツショップを訪れても戸惑うことなく買い物を楽しむために、ここはひとつしっかりと勉強をしてから自作に臨みたい。それではさっそく、PCパーツの最新トレンドを振り返っていこう。第1回は「CPU/APU編」だ。 2015年から2016年の最新CPU事情～インテル編～ まずはインテル製CPUの1年から振り返ってみよう。メインストリームとなるのは、昨年8月に登場した“Skylake”こと第6世代Coreプロセッサーだ。現在は「Core i/Pentium/Celeron」の各シリーズが販売されている。 対応CPUソケットは、第5世代の“Haswell Refresh”が採用していた「LGA 11
いいモノが売れないシンプルな理由
本題に入る前に有益な情報なんですけど、パイオニアの製造部門PDDM（パイオニアデジタルデザインアンドマニュファクチャリング）という会社が出している無料アプリ「Wireless Hi-Res Player ～Stellanova～」が面白いんですよ。本当は同じ会社が作ったStellanovaっていうオーディオ用に開発したアプリなんですけど、普通にiPhoneで音楽プレイヤーとして使えて便利です。 パイオニア独自の「MIXTRAX楽曲解析」という技術を使い、iPhoneに入っている曲を「明るい曲」「ノリがいい曲」「静かな曲」「せつない曲」「癒される曲」の5種類に分類。15曲のプレイリストが自動的にできあがる機能がとても面白くて便利です。曲はリスト更新で変わるので何度も楽しめます。シャッフルプレイヤーとか言って出したらダウンロード伸びそうな完成度です。
力入りすぎ！ 2016年エイプリルフールまとめ（続々更新） (1/3)
毎年恒例のエイプリルフールがやってきました。今年もいろいろなメーカーが公式サイトでエイプリルフールネタを披露しています。スケールの大きなウソや、アイデアが光るネタなど、秀逸なサイトをご紹介します。 イギリスの悪天候をリアルタイムで体感できる？ しかもオープンカー「新型 MINI コンバーチブル」専用オプション（ビー・エム・ダブリュー） MINI発祥の地イギリスは、悪天候で有名。新型 MINI コンバーチブルを油断してオープンにしてドライブを楽しんでいると、雨でビショビショになってしまう危険性があります。そんなスリリングなイギリスでのオープンドライブを満喫できる「UK WEATHER PACKAGE」が登場しました。なんとリアルタイムでイギリスの天候を再現するシステムを搭載しています。ビショビショになってでも発祥の地イギリスでのオープンドライブ体験してみたいという人にオススメ？
ビジネスサイト運営が捗る！WordPress厳選プラグイン10＋1
WordPressは、数多くのプラグインを自由にインストールして、サイトの種類に合わせて育てていけるのが魅力です。特に、企業サイトやショップサイトなど、ブログではない、ビジネスサイトを運営するときには、プラグインの利用が欠かせません。 しかし、たくさんの種類がありすぎて、どれを選んだらよいのか分からないのも事実。そこで、今回は筆者がおすすめする、ビジネスサイトの運営に役立つプラグインをピックアップして紹介します。 なお、ここで紹介したプラグインは次の手順で簡単にインストールできます。 ダッシュボードから「プラグイン→新規追加」メニューをクリックし、「お気に入り」をクリック。 テキストフィールドに「h2ospace」と入力して、「お気に入りを取得」をクリックしてください。すると、筆者がお気に入り登録しているプラグインが一覧されます。ここで紹介しているプラグインはすべて登録していますので、好み
人気SIMフリースマホの特徴とスペック全紹介！ 【ミドルハイ編】 (1/4)
格安SIM／格安スマホへの移行を考えている人の中には、現在キャリアの高性能なスマホを使っているというケースも多いだろうが、そうした場合でも不満なく使える端末としてオススメしやすいのが、税抜3万円台のSIMフリースマホとなる。それが今回の【ミドルハイ編】だ。 前回（関連記事）の税抜2万円台の端末と比較すると、ディスプレーの解像度はフルHDが主流となり、CPUもフラグシップ級からは1ランク落ちるものの高い性能を持つ。防水・防塵やおサイフケータイに対応した国内メーカー製のSIMフリースマホもあるなど、選択肢の幅も広がる。 人気SIMフリースマホ 【税抜3万円台で買えるかなり高性能なミドルハイ編】 ●ASUS「ZenFone 2（2GB）」 ●ASUS「ZenFone Selfie」 ●ASUS「ZenFone 2 Laser（5型）」 ●ZTE「AXON mini」 ●ZTE「goo G05（B
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
