Modern Angular with Lightweight Stores: New Rules and Options
CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / 子孫セレクタ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似要素 / 全称セレクターから37パターンのセレクタの説明と実際のコードで使い方サンプルを紹介しています。
【所要時間】 1時間30分(2019年2月7日) 【概要】 React公式ドキュメントのReact v16.8: The One With Hooksを日本語にする。Whats’s Nextまでは公式読まずにこっちだけでもOKだと思う。Testing Hooksからはコードが現れるので、原文も読まれた方がいいと思う。【要約・学んだこと】 What Are Hooks?Hooksはclassを書かずにstateや他のReactの機能を使えるようにする。component間で再利用できるstateful logicを共有するために、独自のHooksを構築することも可能。 Hooksをこれまでに触ったことがなければ、下記のリンクが参考になる。 Introducing Hooks explains why we’re adding Hooks to React. なぜReactにHooksを加える
Learn Service Workers inside and out with the new game of Service Worker mastery A collaborative project by geddski & Google Developers You Need a Progressive Web AppThe web doesn't have to be a second-class platform. Your site doesn't have to go down when the internet does. New tech built into all modern browsers enables a savvy dev like yourself to build reliable experiences for your users. All
デザイン系の名著、「ノンデザイナーズ・デザインブック」の冒頭で出てくる、ジョシュアツリーの話が好きだったりします。 著者は小さいころ、植物を見分けるための図鑑をもらいます。最初に載っていたのは「ジョシュアツリー」。「こんな変な樹、見たことないよ。絶対このあたりにはないよ」。そう思って本を閉じてから外に出ると、そこかしこにジョシュアツリーがあった、というお話です。 知識が増えると、今まで見えなかったものが見えるようになりますよね。 今まさに、256timesのメンバーがそのような体験をしているのではないかな、と思っています。先日のオンラインミーティングでは次のような嬉しい感想を聞くことができました。 「今までなにげなく見ていたサイトで、『あ、ここ border-radius だ!』と気付けるようになりました笑」 「JavaScript 見るだけで『嫌だなぁ』と読み飛ばしていたのですが、読み飛
はじめに 開発部の tasaki です。 6 月の記事(「Pythonのパッケージングのベストプラクティスについて考える2018」)では setuptools, pip, venv を使ったパッケージングのフローについて考えました。 techblog.asahi-net.co.jp 今回はモダンな開発用ツールチェーンを持つ他の言語(具体的には JavaScript (Node.js), Go, Rust あたりを意識)と似たような開発フローを Python において構築するにはどうすればよいかということを考えていきます。 はじめに 対象バージョン 備考 TL;DR (結論) pip と virtualenv の統合 (Pipenv) 概要 使い方 インストール Pipenv プロジェクトの新規作成 setup.py との併用 静的な型の検査 (mypy) 概要 設定例 使い方 Lintin
Pipenvに移行した話¶ Pipenv がPyPAに移ってからしばらく経ちました。 以前個人のPC環境は virtualenvwrapper を使用していましたが、折を見て自分も pipenv に移行しました。 理由は次の3つです。 virtualenvwrapper スクリプトが bash 起動を遅くする原因になっていた Windows/macOS/Linux問わず同じように使いたかった peco&ghq でのディレクトリの移動や管理に慣れてきた (peco&ghq に関する記事は探すと色々あったのでこの記事では割愛します。) 現在主に使う環境はこんな感じでやってます。 OS macOS Sierra/Ubuntu 17.10 Python 3.6.x pipenv 11.8.0 Pipenvとはなんぞや¶ 稲田さんのツイートによるとこうです。 https://twitter.com/
Python Developers Survey 2018 Results In the fall of 2018, the Python Software Foundation together with JetBrains conducted the official annual Python Developers Survey for the second time. Much like the previous survey, we set out to identify the latest trends and gather insight into how the world of Python development looks in 2018. Over twenty thousand developers from more than 150 different co
Additional ResourcesHomeElementsProductsPricingCareersHelpStatusEventsPodcastsCompliance CenterHeroku BlogHeroku Blog Find out what's new with Heroku on our blog. Visit Blog Heroku Postgres is a managed SQL database service provided directly by Heroku. You can access a Heroku Postgres database from any language with a PostgreSQL driver, including all languages officially supported by Heroku. In ad
CLI Tools Configure your $PATH Postgres.app includes many command line tools. If you want to use them, you must configure the $PATH variable. The easiest way to configure your PATH is to execute the following command: sudo mkdir -p /etc/paths.d && echo /Applications/Postgres.app/Contents/Versions/latest/bin | sudo tee /etc/paths.d/postgresapp Don’t forget to close the Terminal window and open a ne
I'm using http://postgresapp.com. In the menubar it gives the error " Could not start on port 5432." Similarly if I try to start the server from the terminal, I get: psql: could not connect to server: No such file or directory Is the server running locally and accepting connections on Unix domain socket "/tmp/.s.PGSQL.5432"? I also ran pg_ctl -D /usr/local/var/postgres -l /usr/local/var/postgres/s
This article explains how to use the Heroku Local CLI plugin. Run Your App Locally with the Heroku Local Command-Line Tool Heroku Local is a command-line tool to run Procfile-backed apps. It’s installed automatically as part of the Heroku CLI. Heroku Local reads configuration variables from a .env file. Heroku Local uses node-foreman to accomplish its tasks. Start Your App Locally To start all the
renovatebot.com Renovate が CircleCI Orbs に対応していることを思い出したので、まとめてみます。 CircleCI Orbs のバージョン更新問題 CircleCI Orbs は、一言で言うと CircleCI の設定をモジュール単位でパッケージ管理するための仕組みです。設定の共通化や再利用でとても便利です。 www.kaizenprogrammer.com CircleCI Orbs については過去に入門記事を書いたので、詳細はそちらをご参照ください。 個々の Orb は、基本的にセマンティックバージョニングでバージョンを管理しており、Orb の定義を .circleci/config.yml に記述するときは次のような指定方法があります。 cypress-io/cypress@volatile cypress-io/cypress@1 cypres
This blog site has been archived. Go to react.dev/blog to see the recent posts. With React 16.8, React Hooks are available in a stable release! What Are Hooks? Hooks let you use state and other React features without writing a class. You can also build your own Hooks to share reusable stateful logic between components. If you’ve never heard of Hooks before, you might find these resources interesti
ブラウザごとに異なるデフォルトのスタイルを整える時、リセット用CSSやノーマライズCSSを使用して、すべてのブラウザに共通のスタイルシートを適用している人が多いと思います。 定義したブラウザのリストに基づいて、normalize.cssの必要なスタイルのみを使用できるPostCSS Normalizeを紹介します。 PostCSS Normalize -GitHub normalize.cssについては、下記を参考に。 Chromeの新バージョンをサポートしたNormalize.css v6.0.0がリリース、いくつかの重要な変更点に注意 PostCSS Normalizeは、browserl.istに基づいて必要なnormalize.cssの必要なスタイルのみを使用できます。 例えば、各ブラウザの最新から3つまでのバージョン、IEだと9, 10, 11をサポートする場合は、下記のようにな
最近、GraphQL APIをインターネット上に晒す上で何を考慮したらいいのだろうか、的なことを考える機会が多く、空いた時間でチマチマと素振りしています。 今日はGraphQLのクライアント - サーバー間に挟むリバプロ的な機能について書いてみようと思います。 やりたいこと 1. 想定しないクエリの排除 例えばECやメディアサイトのような、未ログインでも情報の閲覧が可能なサービスのWeb API層をGrahpQLで実装したとします。ECにしろメディアにしろ、詳細ページでの回遊率を上げるため、詳細同士を関連付けるようなスキーマ設計となるのは自然なことでしょう。 GrahpQLのスキーマ定義で書くと、下記のようなイメージです。
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。サイエンス1本部の真鍋です。 私は博士後期課程を修了後、2016年の4月にヤフーに新卒入社し、約半年間の新卒研修を経て現在のチームに配属となりました。それ以来2年半ほど、キーワード検索エンジンの実装と、検索結果ランキングの改善に取り組んでいます。 より具体的には、ヤフーショッピングの商品検索に関わっています。検索結果ランキングは主に機械学習で生成されたモデルによっているのですが、このモデルに商品のどんな属性や、ユーザーの皆さんのどんな行動を入力したらいいかを考え、その実現に必要なコードを実装するのが主な仕事です。快適なサービスを提供するために計算コストを削減したり、これら全てのことがスムーズに進むように運用コストを削減
社会人は時間がない。 こんなことを書くと優秀な人からは「お前の時間の使い方が下手なだけだ」と殴られるのはわかっている。 だから僕は逆に、優秀な人の時間の使い方を知りたいのだ。 平日は毎日9時間近く業務に縛られる。 激務な人は12時間以上は会社にいるだろう。 日中の最も頭が働く時間は会社のために使うことを余儀なくされ、帰宅後には既に疲れている。 食事や風呂、適度な運動をこなした後に残る時間は少ない。 社会人は学ばなければならないことが多い。 英語の勉強は継続しなければ身に付かないし、毎朝毎晩届く日経新聞に目を通すのにも一日30分はかかる。 英語に加えて会社の仕事に役に立ちそうな統計学だったりプログラミングだったりを勉強すると、帰宅後の時間はほぼなくなってしまう。 僕の場合はそれに加えてツイッターのパトロールと毎日のブログの執筆を自分に課しているため、平日は飲みに行くこともできない。 必然的に
https://codepen.io/gaaamii/pen/VgrwMvcodepen.io overflow: visible scroll; と書いたらx方向ははみ出て見えて、y方向はスクロールになってほしいのだけどそうはいかなくてつらいという話。なんでx方向もscrollになるんだ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く