私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
現代の JavaScript チュートリアル
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
混沌を極める jQuery のコードをいかにして Vue.js に頼らずに整理したか - Qiita
序 師走ですね。年の瀬が近づいてくると、酔っ払った元社員に絡まれることが稀によくあります。 私は jQuery から Vue.js への置き換えで何をやらかしたのか - Qiita 可能ならいきなりフロントエンドのライブラリを導入するよりも jQuery のみで MVVM パターンへ移行したほうがよかったかなぁと今になると思います。 結局のところ、jQuery で苦しんでいたのは、複雑な「状態」が表示やイベントハンドル系のコードとごっちゃになっていたから です。 うん、分かる。当時、この取組みを「大変そうだなー」と思いながら横で眺めていました。 まさか、続きを自分でやることになるとは夢にも思っていませんでしたが(｡◉ᆺ◉) ごあいさつ どうも、 @cesare と申します。 クラウドワークスでサービスの開発や運用を手がける傍ら、たまに機械学習とか VR とかに手を出して遊んでいます。 この
今年、JavaScriptでの仕事の幅を広げた技術６選 - Qiita
こんにちは。久しぶりのQiita投稿です。 今回は「ex-KAYAC Advent Calendar」の13日目の記事として寄稿させていただきます。 さて、改めて私の今やっていることを紹介させていただきますと、独立してから株式会社Lucky Brothers & co.という会社を設立し、主にWebの受託制作を行っています。 かれこれ３期目に突入致しました。 アドベントカレンダーということで改めて2018年という年を振り返ってみたのですが、一言で言うと「今年はフロントエンドエンジニアにとって大きな当たり年であった」と言えるのではないかと思います。特に私達の会社では、今までのいわゆる「Webサイト制作」だけの単一事業形態から脱し、他のあらゆるアプリケーション制作にも手を拡げられた年になりました。 そんな話をしようと思います。 Nuxt.js Vue.js製のフレームワークであるNuxt.js
マルチカーソルを使わないVSCodeはただのVSCodeだ！〜解説編〜 - memo.md
先日投稿した以下のエントリで、「使い方がわからない」という意見を多く頂いた。 mugi1.hateblo.jp マルチカーソル自体の操作方法は調べれば出てくるし、事例だけ紹介しとけばええやろ、と思っていたのだが、いきなり応用のサンプルを貼りすぎてわけがわからなかったらしい。申し訳ない。 せっかくなので、基礎から含め、どういったキー入力で上記のような操作を実現しているのかを紹介したいと思う。 🔥実践！マルチカーソル / 入門編 なおmac環境です。Windowsやその他環境の方は気合で調べてください。 また、言い訳臭くて申し訳ないが、私は普段はSublime Text Keymap and Settings Importerを使っており、SublimeTextっぽいキーバインドに変えて編集している。 一旦無効にしたうえでVSCodeデフォルトの状態で一通り調べて書いたつもりだが、もし違って
これからGoogle Analyticsを勉強する方へ：GA歴1年半の人がした勉強方法 - Ray's blog
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
少ない機材でブツ撮りをきれいに撮る方法を紹介。 | ASOBITRIP(あそびとりっぷ)
ブツ撮りって難しそうって思いますよね。 実際、奥がめちゃめちゃ深いので、極めるには相応の知識、機材、応用力が必要になってきます。 しかし、ブログで商品レビューする際や、ヤフオクやメルカリなどに出品する際は、プロフェッショナルなクオリティは不要です。 低予算で、省スペースで、簡単に、でもいい感じにブツ撮り出来るように頑張っているところなので、その方法を紹介したいと思います。 僕のブツ撮り機材 背景紙ワイヤレスストロボ 今、僕がブツ撮りしている環境はカメラ以外では、上の2つだけ。そして、特に重要なのは「背景紙」です。 写真も背景が整理されているといい感じに見えます。 それと同じで、ブツ撮りの背景はごちゃごちゃしているよりもシンプルなものにするのがおすすめです。
動物園での写真の撮り方 （第4回noteユーザー写真会へのメモ）｜深津 貴之 (fladdict)｜note
次のnoteユーザー写真会が、ズーラシア（予定）。ということで初心者用の動物園での撮影ノウハウをまとめてみました。みなさん参考にしてください。 望遠レンズが大事檻や掘ごしに動物をとるので、かなり距離がある。レンズはフルサイズ換算で最低でも200mmは必要。できれば300mm欲しい。400mmあれば神。スタビライザーを搭載しているとなお神。 400mは高いので買うより、レンタルにしよう。 ズーラシアは、とくに檻がすくなめだけど、距離があるのが特徴。長めのレンズが必須の動物園。 上野動物園にて。大きい動物は200mmぐらいでも撮りやすい。日陰を使って背景を潰すのがポイント。 蔵王キツネ村。動物のシャッターチャンス問題の大半は、望遠レンズがあればわりと力技で解決します。 上野動物園。小さい対象も近づければなんとかなる。 背景を隠そうカメラのポジショニングで、徹底的に背景を隠そう。コンクリ、ビニー
開発が捗る Visual Studio Code 拡張機能 - Qiita
拡張機能はできるだけ最小限にしておきたい派です。そんな自分がインストールして使い勝手がよかった拡張機能をいくつか紹介します。 Auto Close Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag その名の通りClose Tagを自動で入力してくれます。単純にタイピングが減るので肉体的・心理的負担の軽減にもなります。 Auto Rename Tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag タグを修正した際にClose Tagも合わせて修正してくれます。これも手間が減って便利です。 Bracket Pair Colorizer 2 https://ma
EOS R color test vs α7III - snowfallのメモ帳
レフ機からミラーレスへ - α7III比での色再現性について検証する 優秀だがやはりGに癖のあるJPEG Adobe Camera Rawでも傾向は変わらず 完璧に近いDigital Photo Professional ACR Canon用プロファイルの再現性も高い ColorChecker Passportとの相性は今ひとつ？ Adobeプロファイルベースは非常に優秀 Picture Style EditorはACRを超える自由度 結論 2018年10月、Canonのフルサイズミラーレス第一弾としてようやく登場したEOS R。果たして同年3月に発売されベストバイと持て囃されるα7IIIと比較しどうなのか。まずは色再現性について検証してみます。 検証に用いるのはいつもの被写体。セッティングに関しても光源関連以外は以前とほぼ同等です。 光源は今回から新たにSh50Pro-Sを用います。これ
Google、SEOに適したLazyloadの仕様を公開
[レベル: 上級] SEO と相性がいい Lazyload の実装を解説するドキュメントを Google はデベロッパー向けサイトで公開しました。 3つのアドバイス ドキュメントには3つの指針が書かれています。 1. viewport 内で見えるようにする viewport 内にあるコンテンツは、必ず Google にも見えるようにしておきます（viewport は簡単に言えば、スクリーンに表示される領域）。 つまり、重要なコンテンツが viewport に入ったときは確実に読み込ませます。 IntersectionObserver API と polyfill を実装するように Google は指示しています。 2. 無限スクロールでは paginated loading を使う 無限スクロールを採用している場合は、paginated loading を実装します。 paginated
初心者でもできる反射面のある物のストロボライティング
ノートパソコン対応の充電器の決定版HYPER JUICE。100W PD給電対応USB-Cモバイルバッテリー
Google Fonts + 日本語を使用して、Webサイトやブログがどのように表示されるか試すことができるツール -Fonty | コリス
2018年9月にGoogle Fontsは日本語が正式にサポートされ、既に利用されている人、検討されている人も多いと思います。当ブログでも早期アクセスから使用しています。 日本語の正式サポートに伴い、Google Fontsを使用したさまざまなツールも日本語が利用できるようになりました。 自分のWebサイトやブログに、Google Fonts + 日本語を使用するとどのように表示されるか試すことができるオンラインツールを紹介します。 参考: Google Fonts + 日本語 Google Fonts + 日本語でどのように表示されるかテスト Google Fonts + 日本語の使い方 Google Fonts + 日本語でどのように表示されるかテスト Google Fonts + 日本語を使用するとどのように表示されるか試すことができるオンラインツールはこちら、Fontyです。 登録
フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる
インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita
VSCodeを使い始めました。とりあえずデフォルトをイケてる感じにしたかったので、4つの拡張機能をインストールしました。せっかくなので共有します。 Before After 私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。 追記：Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https:/
失業して鬱になってから知った家賃補助制度の話 : くまニュース
swep@swepwtfすごいショックなことがあって。無職だと家賃補助制度というのがあって、最大5万いくらとか受けられるんだって。それ知ってたら無職の期間こんなに悩んでないし、鬱にもならなかっただろうよ。なんで誰も教えてくれなかったの…。 2018/11/02 17:09:52swep@swepwtfいや別にね、無職くらいなら鬱にならないんだけどね。騒音がすごいんだって言っても誰もピンと来ないしね。本気で困窮してるのに誰もわかってくれないし。 2018/11/02 17:18:26swep@swepwtfだからいいたいのは、仕事辞めたらまずは福祉課に相談に行け。そんで家賃補助金もらいなさい。最大9ヶ月貰えるらしいから。そんで、その後にハロワに行って失業給付金の申請しな。そうすると、両方貰えるんだよ。でも、逆の順番だと貰えないんだよ。福祉課で直接聞いてきたんだ。 2018/11/02 17:
Windows 10 Creators Update(FCU, A2U)後にネットワークコンピューターが表示されなくなる問題 | おふろめ
Windows 10 Creators Update(FCU, A2U)後にネットワークコンピューターが表示されなくなる問題 Anniversary Updateの状態だと接続すらできなくなり、Creators UpdateインストールしてるPCからだと「接続はできるが一覧に表示されない」という状態になったので。 Fall Creators Update, April 2018 Update後にもこの現象が起きるのは設定が初期化(デフォルトではオフ)されるからのようです。 ググるとMicrosoftコミュニティにほぼ同じ症状な人たちが見つかります。 Windows 10 Creators Update のインストール後、ネットワーク一覧に接続されているコンピュータ名が表示されない【Ver1703】 とりあえずの解決策 コントロールパネル → プログラムと機能 → (左メニューの)「Wind
CSSのborder-radiusは実はすごかった！あまり知られていない機能を使用して、かっこいいレイアウトを作る方法
border-radiusプロパティは角丸を定義しますが、カードなどの矩形の角を丸くするために使用するだけでなく、さまざまな形を作成することができます。 矩形や角丸だけのレイアウトではなく、さまざまな形を使用できるスタイルシートのテクニックを紹介します。 CSS border-radius can do that? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに border-radiusの基礎知識 流れに逆らう（わないで） はじめに 今年開催されたFrontend Conferenceにて、Rachel AndrewはCSS Gridのレイアウトについて講演しました。中でも私が注目したのは、彼女の話の終わりにあったCSSの古いプロパティについてです。 イメージはborder-radiusプロパティを使用するだけで、用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作者が備えておきたい最新版チートシートのまとめ | コリス
風景写真を撮るなら使うべき！高精度天気予報SCW | Iris Photography
「Chrome」からWindows/Mac/Linuxへリモート接続！ Googleが公式提供する無償ツール【レビュー】 - 窓の杜
