あたしのVSCodeがこんなに可愛いわけがない。
あたしのVSCode全然かわいくな〜〜〜〜い！！！！😡 全然可愛くないじゃな〜〜〜い！！こんなんじゃ仕事もやる気にならないわよもう！！ こんなのあたしは認めないんだから！というわけで、いまからこの子をかわいく大変身させていくわよ❤ あ、今回は可読性なんていう野暮なものはお花畑に置いてきたわ。うふふ。 めっかわなTheme❤️（Dracula） というわけでVSCode大変身計画がはじまったわね。 まずあたしが目につけたのは、ずばりTheme(配色テーマ) よ！これ無しじゃかわいいは語れないわ。 とりあえずこれを見てみなさい。 どう？？ これだけで雰囲気がかなり変わったんじゃないかしら。 今回あたしが使用させていただいたのはDraculaというテーマよ！ さっき見せたのはそのなかのDracula Soft というものを適用した画面ね。落ち着いた雰囲気のなかにもかわいさのヴェールをまとってい
原稿書き用にEIZOの最新曲面横長ディスプレーを徹底研究緊急衝動買い (1/5)
ある朝、ディスプレーの液晶に不具合が起こり「買い替えるなら最高ランクのディスプレーを」と思いEIZOのFlexScan EV3895ｰWTを衝動買いした 予想外の出費になったが、今回は突然、新しいディスプレーを購入する必要に迫られた。実は、2019年11月25日に購入したLGの34インチ曲面ディスプレー（34WK95C-W）が3月のある朝、昨晩の原稿の続きを書こうとしてPCの電源を入れたら、なんと、液晶画面に縦横多数の線が入っていた。モバイルPCも含めて人生で100台以上のパソコンを使ってきてまったく初めての経験だった。 なんとか原稿を書き終えてLGのサポートに電話したところ、とにかくどんな手段でも良いから故障したディスプレーをサポートセンターまで送れとのことだった。貸し出しの箱の用意も有料の引き取りサービスもないとのこと。一般的な宅急便では、幅90cm近い大型ディスプレーを送る箱の手配も
アップル無償プログラミングツール「Swift Playgrounds」を試そう (1/4)
何年も前から騒がれていたように、いよいよ小学校の義務教育にプログラミング学習が取り入れられ、今年はその初年度となることになっていました。しかし、新型コロナの影響で、プログラミング学習どころか、学校そのものがなかなか始まらない状況が続いています。プログラミング学習を楽しみにしていた人も、逆に恐れていた人も、なんだか肩透かしを食ったような感じでしょう。 この連載では、そんな状況にはお構いなく、プログラミングなどというものは、学びたい人が、いつでも勝手に自分で学べばいいのだ、というスタンスで、プログラミングへの入口となるような記事を始めます。最初は、とりあえず3回ほどで、プログラミングの面白さに気付いてもらえるような内容をお届けしたいと考えています。もしその3回で、多くの読者の支持が得られれば、その続きも考えています。 プログラミングの面白さが分かるためには、まずプログラミングという行為に慣れ、
もう知ってた？ MySQL 5.7でNoSQLっぽくJSONデータを扱う方法
MySQL 5.7では、JSONデータを「JSON型」としてネイティブで扱えます。サンプルを見ながら、基本的な使い方を確認しましょう。 ※本記事は2016年5月31日に掲載した記事を一部再編集して更新したものです。執筆時点の技術情報をベースにしています。 「SQL vs NoSQL: The Differences」で紹介したように、SQLとNoSQLの境界線は、両言語が他方の特徴を取り入れる傾向にあるため、一層分かりにくくなってきています。MySQL 5.7 InnoDBおよびPostgreSQL 9.4データベースは、どちらも1つのフィールド上でJSONを直接サポートしています。 本記事では、MySQLでJSONを扱う方法について詳しく説明します。 （Postgre SQLはバージョン9.4以前からJSONをサポートしており、すべてのデータベースがJSONを単一の文字列のBLOB型とし
ReactとAngularのいいとこ取り？ 2017年こそ学びたいVue.jsの始め方
Angular、Reactと並んで海外で人気が高まっている「Vue.js」。ReactとAngularの開発経験がある著者がVue.jsをチュートリアルを通じて特徴をまとめました。2017年、新しく学び始めるきっかけにどうぞ。 2016年9月、人気のJavaScriptフレームワークVue.jsがv2をリリースしました。それ以来ぜひ使ってみたい、どのようなものか知りたいと思っていました。AngularとReactを使い慣れた者の1人としては、Vueが似ているところや違うところも知りたかったのです。 Vue.js 2.0はすばらしいパフォーマンスを誇ります。データサイズが比較的小さく（バンドルされるVueのランタイム版は一度最小化してgzip圧縮したら16KBしかありません）、Vueのvuexや、vue-routerのような付属の状態管理ライブラリーもアップデートされました。1つの記事ではと
Vue.jsとAxiosなら驚くほど簡単に作れる！外部APIを使ったWebアプリの実例
ReactやAngularと並び、ここのところ人気が高まっているVue.js。Axiosを組み合わせれば外部APIを使った Webアプリも手軽に開発できます。 JavaScriptのアプリケーションを作っていると、よくリモートソースからデータを取得したり、APIを使いたくなったりすると思います。最近、公開されているAPIを見ていたら、ソースからデータを取得して処理するのに良いものがたくさんあることに気付きました。 Vue.jsを使えば提供される機能を使ってアプリを構築し、数分のうちにコンテンツの配信を始められます。 ニューヨークタイムズのAPIからデータを取得して、その日のトップニュース記事を表示し、ユーザーが興味があるカテゴリのニュースを選びだせる簡単なニュースアプリの作り方を説明します。この記事の全コードはここにあります。 アプリの出来上がりは下の図のようになります。 この記事では、V
2019年はこんなセキュリティ脅威が！15社予測まとめ《前編》 (1/5)
毎年年末から年始にかけて、セキュリティベンダー各社が新年のセキュリティ脅威動向に関する予測レポートを発表する。前年からの脅威動向、さらにはIT全体の動向を受けて、脅威のトレンドがどのように変化していくかを示すものだ。 各社のレポートにはそれぞれカバー範囲の違いなどがあるものの、まとめて見ると一定の「サイバー脅威の方向性」を読み取ることができる。そこで例年お届けしているのが、このまとめ記事だ（お時間があれば昨年2018年版もぜひお読みいただきたい）。 今年はセキュリティベンダー15社の2019年予測に基づき、各社が共通して注意喚起している脅威動向を中心にまとめることにした。今回の前編記事ではまず、AI／機械学習やIoT、5Gといった新たなIT技術トレンドが引き起こす「新たな脅威」について考えていこう。 本稿で参照したレポート一覧（順不同、各リンク）● マカフィー ／ シマンテック ／ トレン
話題の「Scratch」がすぐに使えるRaspberry Pi用OSプリインストールmicroSD
sponsored Core i7-14700Fでメモリーは32GB、FRONTIERの「FRGHLB760/WSA」をチェック 性能・冷却・デザイン・価格の平均点がかなり高いRTX 4070 SUPERゲーミングPC、25万円台から！ sponsored 快適な着け心地なのにノイズキャンセリング性能は大幅にアップした！ 没入感の高さが印象的！ 強力ANC搭載のファーウェイ製イヤホン「HUAWEI FreeBuds 6i」レビュー sponsored ビジネスPC／スマートフォン／サーバーをまとめて保護する「ESET スモール ビジネス セキュリティ」 数名規模の小さな会社に最適！ 丸ごとセキュリティ対策できるソフト sponsored 16型「Alienware m16 R2」をチェック、仕事にも便利な機能も多く搭載 ガチゲーマーにこそ性能も技術も詰まったゲーミングノートPCを持ってほし
ノンプログラマーがJavaScriptを初めて学ぶときにありがちな9つの失敗 - WPJ
Webデザイナーにとってもっとも身近なプログラミング言語といえばJavaScriptですよね。ところがいざ勉強を始めたものの挫折してしまった…という人のために、典型的な失敗例と学習のコツを教えます。 JavaScriptの学習をしても挫折する人の多くは、「JavaScriptは分かりにくい」「自分はWeb開発に向いていない」と言います。悲観的になってあきらないでください。アプローチの仕方を変えることが大切です。 この記事では、多くの人が学習中に経験する失敗の対処法を取り上げます。JavaScriptだけではなく、Web開発全体に当てはまる内容なのでぜひ活用してください。 失敗その1：始める前にあれこれ調べすぎる JavaScriptの学習を始める前に、たくさんのことを調べたくなるかもしれません。ちょっと調べるだけでJavaScriptがどれだけすばらしいものか、逆にいかに悪いものかといった
いまどきのWebアプリをどう作るか？ フルスタックJavaScript開発のコツ
数週間前、GitHubでプロジェクトをシェアしている開発者に出会いました。そのプロジェクトはTrelloのクローンで、React、Redux、Express、MongoDBからなるプロジェクトでした。全階層、広い範囲にわたりフルスタックのJavaScriptスキルが駆使されていました。 開発者のMoustapha Dioufに、プロジェクトに取り組む際の技術選択、設計、開発について書いてみないかとたずねると、うれしいことに彼は賛成してくれました。この記事があなたのプロジェクトに役立てば幸いです。（by SitePoint Editor：Nilson Jacques） プロジェクトのアプローチを順に見ながら、Webアプリ作成時に実践したことを説明します。紹介するテクニックは、どんなプログラミング言語においても当てはまります。私はJava/JavaScriptの仕事でこの方法を使い、生産性がぐ
もう迷わない！人気JavaScriptフレームワーク、ライブラリー、ツール総まとめ
新しいJavaScriptフレームワーク、ライブラリー、ツールが次々と登場しています。2017年時点で人気の高い22種類を一挙まとめて紹介。選定の参考にどうぞ。 GitHubのクイックリサーチによれば、JavaScriptプロジェクトは2017年5月時点で110万以上存在しています。npmjs.orgには利用可能なパッケージが50万個あり、ダウンロード数は毎月約100億回にのぼります。開発者の数よりもJavaScriptフレームワーク、ライブラリー、ツールの数のほうが多いかもしれません。 本記事では、クライアントサイドで特に人気の高いJavaScriptフレームワーク、ライブラリー、ツールの基礎や主な違いを紹介します。選んで、使ってみて「ベスト」を見つけてください。ただし、いつかは「より良い」フレームワーク、ライブラリー、ツールが登場すると覚えておいてください。 以下の条件に同意の上してか
こんなにあった！UIデザイナー向けアニメーションライブラリー最新ベスト9
Webサイトをおしゃれに、かっこよく演出するアニメーション系JavaScriptライブラリー。デザイナーにも使いやすいライブラリーをまとめました。デモを見るだけでもアイデアがひらめくかも？ Webデザインはこの10年間で大きく変わりました。2007年頃は雑誌のように静的なレイアウトが主流でしたが、2017年には数千のパーツが連動して伸縮しながら移動するデザインも可能になりました。 これから、優れたUIデザイナーになるにはWebアニメーション技術に関する知識も必要です。 この記事ではUIデザイン向けの良質なアニメーションライブラリーを9つ紹介します。現時点での最新の情報と、各ライブラリーの強みや弱み、向き不向きをまとめたので、タスクに適したライブラリーを選んでください。 「コーディングプロ級」の開発者ではなくコーディングもこなせるUIデザイナーの視点で各ライブラリーを評価しました。CSSだけ
開発者はReactとAngularのどちらを選ぶべきか？
新しくプロジェクトを始めるときに開発者を悩ませる、フレームワーク選び。ReactとAngularをあらゆる点で比較しながら、どう選ぶべきか？ の基準を考えます。 AngularとReactのどちらを選びますか？ JavaScriptのフレームワーク選びで多くの開発者が悩んでいます。始めたばかりの初心者も、次のプロジェクトで使うフレームワークを検討中のフリーランサーも、企業戦略を立てるITアーキテクトも。そこで、フレームワーク選びの知識を授けましょう。 最初にお伝えします。この記事では、どちらが優れているか明確な結論は出しません。しかし、何百とある似たようなタイトルの記事も同じです。自分の環境と使い方によって多くの要素が絡むため、一概に決まらないのです。 この記事は、Angular（バージョン2以上のこと。古いAngularJSのことではない）とReactを体系的に比較し、違いを理解した上で
さらばjQuery！アニメーションをサクサク処理できるVelocity.jsの使い方
「jQueryのアニメーションが遅い」「CSSアニメーションは使いにくい」。そこでアニメーション処理の定番ライブラリー「Velocity.js」の出番です。基本的な使い方を一通り紹介しましょう。 本記事ではJulian Shapiroにより開発された高速かつ強力なJavaScriptアニメーションエンジン、Velocity.js（以降、Velocity）を紹介します。記事のコードやデモすべてに目を通せば、Velocityを使って自分のアニメーションが作れるようになり、サイトはさらにインタラクティブで使いやすいものになるでしょう。jQueryには頼らず、すべて素のJavaScriptだけで作ります。 この記事は『CSSライクでデザイナーに優しい！anime.jsはDOMアニメーションの新定番だ！』『HTMLもSVGもテキストも自在！DOMアニメーションの決定版「KUTE.js」が登場』の続編
JSのデバッグにはconsole.log()ではなくNodeのデバッガーを使いなさい
JavaScriptのデバッグに苦労しているなら、Nodeのデバッガーを試してみてはどうでしょうか。Visual Studio Codeならさらに手軽です。 袋小路です！ 何時間も費やしていろいろ試してみたけれどもうまくいきません。コードをじっと吟味してもエラーになりそうなところはありません。2、3回ロジックを見直して、何度も実行しています。単体テストも助けにはならず、同じく失敗してしまいます。もはやどうしていいか分からず、虚空を見つめたくなります。ひとり闇の中にいるように感じて、だんだん腹が立ってきます。 こんなときの自然な反応は、コードの品質を落とし、邪魔なものを全部捨て去ることです。コードのあちこちにprintをちりばめて、なにかうまくいくことを祈るわけです。これでは暗闇で的を狙うようなもので、望み薄なことが分かるでしょう。 よくある話だと感じたのではないでしょうか。今までに数行以上
もうjQueryには頼らない！素のJavaScriptでDOMを操作するための基礎知識
DOM操作が必要なとき、真っ先にjQueryを使うことを考えます。しかし、素のJavaScriptのDOM APIだけでも、実はかなりのことができるのです。また、IE10以下のサポートが終了したため、今後は素のJavaScriptによるDOM操作を心配なく使えます。 記事では、素のJavaScriptで一般的なDOM操作をする方法について説明します。具体的には以下のとおりです。 DOMの取得と変更 クラスと属性の変更 イベントのリッスン アニメーション 記事の最後に、どのようなプロジェクトにも使える独自の超軽量DOMライブラリーの作り方を説明します。記事の最後までに、素のJavaScriptによるDOM操作は決して高度な技術ではないこと、多くのjQueryメソッドとまったく同じ機能が実はネイティブAPIにもあることが理解できるはずです。 それでは始めます。 DOM操作：DOMの取得 この記
Go言語と並列処理
Go言語の特徴として挙げられる機能の1つに、「並列処理を書くのが簡単」というものがあります。 そこで今回は、Goにおける並列処理の機能を紹介してから、そもそも現代のコンピューターでどのようにして並列処理が実現されているのかをとりあげます。 複数の仕事を同時に行うとは？ 複数の仕事を行うことを表す言葉には並行と並列の2つがありますが、これらには次のような区別があります。 並行処理（Concurrent） 並行（Concurrent）: CPU数・コア数の限界を超えて複数の仕事を同時に行うこと ほんの少し前まで、コンピューターに搭載されているCPUはコア数が1つしかないものが普通でした。 そのような、今ではもう絶滅危惧種になりつつあるシングルコアのコンピューターであっても、インターネットを見ながらWordとExcelを立ち上げてレポートを書けます。 この場合に大事になるのが並行（Concurr
これなら絶対わかる！JavaScriptの変数と型の基礎をいまこそ理解する
なんとなくjQueryを使っているけど、実はJavaScriptの基礎がよくわかっていない……。そんなJavaScript初心者のために、変数とデータ型をていねいに解説します。 Webプログラミング言語「JavaScript」を学ぼうと決めたものの、どこから始めていいか分からないなら、この記事がちょっとしたヒントになるかもしれません。プログラミングを習得するのに特別なスキルは必要なく、誰だってゼロからスタートしています。一歩ずつ進めていけば大丈夫です。 この記事がおすすめの人は？ 以下のどれかに当てはまる人なら、この記事を読むメリットがあります。 プログラミング言語を使った経験がない JavaScriptを使った経験がない 以前JavaScriptの習得に挑戦したが、資料が不十分、または難しくてついていけなかった JavaScriptについての知識は少しあるが、基礎レベルからさらにステップ
あなたが知らないスゴいフロントエンド開発ツール7選
2016年も進化し続けたフロントエンド開発ツール。Web Tools Weeklyのキュレーター・Louisが1年を振り返り、お気に入りのツールを紹介します。 1年が過ぎ、Webプラットホームでは予想どおり革新、いらだち、疲れとともに、開発者を支援する新しいツールやテクノロジーの大量リリースが爆発的に勢いを増しています。 ReactやAngularといったおなじみのツールがアップデートされた一方、Vue.jsなどの新しいツールも登場し、あっという間に大きな関心を集めました。 私はツールに焦点を当てたウィークリーニュースレターのキュレーションをしているので、調査中に途方もない量のツールに出会います。もちろん人気のツールにはある程度注意を向けますが、あまり注目されていないツールで興味深くかつ実用的なものも評価しています。 そこで昨年と同様、この記事でフロントエンド技術者向けツール分野の2016
モバイルファーストからモバイルオンリーへ 2017年のWebを大胆予測
2017年のWebはどう変わる？ Web開発者歴20年を超えるコンサルタント／テクノロジーライターであるCraigが、2016年を振り返りながら予測します。 ここ何年かの間、私はその年の予測を立てています。外れることも多いのですが、今年も発表しましょう。 2016年の結果を振り返る 2015年に私が立てた10の予測で、あたったのは3.5でした。では2016年の予測はどうだったでしょうか。結果を振り返ってみます。 1. 大手企業でハッキング被害が起こる 本当にとんでもないことに、1月からハッキング事件のニュースが相次ぎました。名指しは良くないかもしれませんが、Yahoo!、米国司法省、Snapchat、Verizon、 LinkedIn、Oracle、Dropboxなどです。ただし、これらはほんの一部で、おそらく安全だった企業を挙げるほうが簡単かもしれません。 悔しいことに、複雑な攻撃はめっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
