yonadev-477のブックマーク (27)

  • iPadのためのキーボード

    iPadのためのキーボード 書きたい気持ちと、 どこへでも。 快適にタイピングできるキーボードにも、 軽くて頑丈なカバーにもなります。iPadに マグネットで取りつけられるので、スイッチも プラグもペアリングも必要ありません。 iPad Pro用Magic Keyboardは、驚くほど快適なキーボードとトラックパッドを搭載。薄くてポータブルな新しいデザインで、アルミニウムのパームレストも用意されています。キーボードに追加されたファンクションキー列。パススルー充電に対応したUSB-Cコネクタ。前面と背面をしっかり守るカバー。画面を様々な角度にスムーズに調整できるフローティングカンチレバーも魅力です。iPadOSでの作業方法を一段と広げる大きなガラス製トラックパッドには、触覚フィードバックを採用。高い精度が求められるタスクや、Multi-Touchジェスチャーに理想的です。

    iPadのためのキーボード
    yonadev-477
    yonadev-477 2020/03/19
    ノートパソコンとの区別がいよいよなくなってきた、iPad に移行するのもありかなー
  • GitHub - Tokyo-Metro-Gov/covid19: 東京都 新型コロナウイルス感染症対策サイト / Tokyo COVID-19 Task Force website

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - Tokyo-Metro-Gov/covid19: 東京都 新型コロナウイルス感染症対策サイト / Tokyo COVID-19 Task Force website
  • プログラムの可読性を上げるための条件分岐を減らす方法7個 - Qiita

    Help us understand the problem. What is going on with this article?

    プログラムの可読性を上げるための条件分岐を減らす方法7個 - Qiita
    yonadev-477
    yonadev-477 2020/02/18
    リーディング時には、if のあとのことを考えると脳が overflowするから、こういった小さな努力を大事にしたい!!
  • 睡眠より仕事に直結! マインドフルネスで脳を鍛える - 日本経済新聞

    気づいたら関係ないことを考えている、頭がぼんやりして集中できない――情報過多の中、現代のビジネスパーソンは常にマルチタスク状態に追い立てられている。こんな状態の中、「疲れている」と自覚している人も多いのでは? 特集では、疲れ切った今の状態をなんとかして、日々のパフォーマンスを向上させたいと思っている人のための生活術をお届けする。 第1回は「瞑想(めいそう)」。最新の脳科学研究によって、瞑想がストレスを軽減し、集中力や創造性を高めることについての検証が始まっている。意識が「今ここ」に集中した状態を「マインドフルネス」と呼び、仕事のパフォーマンス向上や生活の質の改善に役立てる動きも広がっている。組織の健康づくりに関する調査・研究を行い、マインドフルネスの普及にも力を入れている会社Campus for H(東京・渋谷)のリサーチマネージャー・西真寛さんに話を聞いた。

    睡眠より仕事に直結! マインドフルネスで脳を鍛える - 日本経済新聞
    yonadev-477
    yonadev-477 2020/02/15
    これまで、マインドフルネスをやっていたつもりだけれど、集中瞑想と、観察瞑想を同時に行なっていた、種類があることを知らなかった。
  • テストコードを書き始める前に考えるべきテストの話 #DevSumi / Developers_Summit_2020

    以下のイベントの投影資料です。 https://event.shoeisha.jp/devsumi/20200213/session/2364/ 発表時の諸注意など http://nihonbuson.hatenadiary.jp/entry/2020/01/31/090000 お問い合わせは https://twitter.com/nihonbuson まで。 【発表資料中のURL】 P2 Agile Testing Fellow https://agiletestingfellow.com/ P15 ISTQBテスト技術者資格制度 Foundation Level シラバス 日語版 Version 2011.J02 http://jstqb.jp/dl/JSTQB-SyllabusFoundation_Version2011.J02.pdf P20 概説テスト分析 http://ww

    テストコードを書き始める前に考えるべきテストの話 #DevSumi / Developers_Summit_2020
    yonadev-477
    yonadev-477 2020/02/14
    テストコードかけてないけれど、書こうと思わせてくれるとてもいい記事だった!!
  • MYSQL INDEXのまとめ - Y's note

    概要 大規模なデータを管理するためのMYSQL-INDEXについて必要な情報をまとめてみます PRIMARYKEY / UNIQKEY / INDEXについて PRIMARYKEYとはそのテーブル内において重複が許されないもので、自動的にINDEXが張られる。 UNIQKEYとはそのテーブル内に置いて重複を許さない。ただし、NOT NULLにしなければNULLの重複は認める。 INDEXとは特定の値を持つレコードを高速に検索するための木構造データ。INDEXを張らないとテーブル全体のデータを検索してしまう。最適化されたINDEXを利用するとテーブルデータを全く参照せずにデータを返却できる。 まとめるとPRIMARYKEY = UNIQKEY + INDEX 複合INDEXについて 複数のカラムに対してのINDEXを作成する事。単一のINDEXより高速な検索ができる。 複合INDEXを利用す

    MYSQL INDEXのまとめ - Y's note
    yonadev-477
    yonadev-477 2018/04/12
    よく忘れるから 、よく見る
  • ES Modules(import/export)ことはじめ

    JavaScriptにも、モジュール機能(import/export)がやってきました!これまではNode.jsなどを用いてモジュールを扱っていましたが、これからはJSの標準機能として使えます。 対応ブラウザ ES Modulesに対応しているブラウザは以下の通りです。 Chrome 61 Safari 10.3 その他のブラウザは未定です。 ES Modulesの使い方 importする側 ES Moduleのimportを使うには、script要素がtype=”module”である必要があります。スクリプト自体は、インラインでも外部ファイルでもかまいません。 <script type="module" src="main.js"></script> type=”module”が指定されたスクリプトは、defer属性が付与された場合と同様の扱いになります。オプションとしてasync属性を

    ES Modules(import/export)ことはじめ
  • デザインの筋トレ〜伝説の世界的デザイナーに教わった観察力を磨くとっておきの訓練法〜|ヤマシタ マサトシ

    先日話した寸法感覚の話に続いて、今日は観察力を磨く方法の話をしましょう。 ちなみにこのトレーニング方法、僕のオリジナル・・・ではなく、世界的インテリアデザイナーであり天皇陛下から芸術選奨と紫綬褒章まで授与されている、偉大なる恩師の故・内田繁先生直伝の方法です。 内田先生曰く 「これをちゃんと毎日続けて3年間やれたなら、お前はきっとすごいデザイナーになっているだろう。」と言われていました。 実際、僕は3ヶ月で挫折してまた再開しては挫折して・・・を繰り返していますが、それなりにべていけるレベルのデザイナーにはなれました。 それくらいこのトレーニング法は効果絶大です。学生時代から10年くらい続けていたらヤバいレベルに到達できるかもしれません。 その方法とは・・・ と、当は秘密にしておきたいところですが、未来のデザイナーの卵たちのためにトレーニング方法を丸っと公開しておきます。 (900超えの

    デザインの筋トレ〜伝説の世界的デザイナーに教わった観察力を磨くとっておきの訓練法〜|ヤマシタ マサトシ
    yonadev-477
    yonadev-477 2018/03/14
    プリズンブレイクの主人公も観察力すごかったなー
  • Docker入門(第一回)~Dockerとは何か、何が良いのか~ | さくらのナレッジ

    みなさん、こんにちは。Acroquest Technology (アクロクエストテクノロジー) の横山 仁(よこやま じん)と申します。 主に仕事ではインフラ関係やDevOps推進に向けた活動などに携わっています。最近では、今回の記事の内容でもあるDocker(ドッカー)を使うこともかなり増えてきて、他にもAnsibleであったり、CIツールのJenkinsなども使って、自動化や開発環境の整備などを主に行っています。 この度、さくらのナレッジでDockerの入門記事の連載をさせていただくことになりました。よろしくお願いします。 今回、Dockerについて、Dockerでどのようなことができるのか、どんな使い方をすると良いのかを、実際に手を動かすことを中心に、6回に分けて紹介していく予定です。前提として、Linuxの基的な知識がある方を対象として書いていきます。 世の中が当たり前のようにD

    yonadev-477
    yonadev-477 2018/02/05
    続きが気になる.VMは圧迫するから卒業したい所存.
  • パンくずリストはどうマークアップする?気になったので調べてみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、フロントエンドエンジニアのライダーです。 週に2回行うフリータイムで、「セマンティックなマークアップ」がテーマになることがままあります。そこで飛び交う議論を通じて、改めて自分のHTMLを見直してみようと思いました。 そこで都合よく案件で飛び出してきたのが、「パンくずリスト」。Webサイトならではというべきパーツですよね。 パンくずリストとは? 「パンくずリスト」という名前は、童話『ヘンゼルとグレーテル』で、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来する。 パンくずリスト – Wikipedia 命名センスに感服。Wikipediaしか見ていないので信ぴょう性はわかりませんが、僕は信じます。 そう。パンくずリストとは、由来にもある通り、サイト内でユーザが迷子にならないように、しばしばページ上部に設置されるメニューのことです。 ↑LIGブ

    パンくずリストはどうマークアップする?気になったので調べてみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    yonadev-477
    yonadev-477 2018/01/31
    ulでやってた.たしかに順番であるならolだな〜
  • 画像を最適かつ自動的にトリミングするニューラルネットワークのご紹介

    Twitterに直接画像をツイートできるようになったのは2011年。以来、Twitterを楽しむ上で不可欠な要素になりました。Twitter上には、毎日数百万を超える画像がアップロードされていますが、それぞれのサイズも解像度も異なるため、UI上で各画像を最適な形で表示できるように処理を行うことが課題になっていました。皆さんのタイムライン上の画像は、一貫性があり、より多くのツイートを目にできるようにトリミングされています。今回は、Twitterがどの画像をトリミングし、画像のどの部分を表示するか、どのように決めているのかをご案内します。 以前は、顔認識技術を利用し、画像の中でもっともわかりやすい顔を中心にトリミングを行っていました。これはもっともわかりやすい方法ではありましたが、全ての画像に顔が含まれているわけではないため、ベストな方法とは言えませんでした。また、使用していた顔認識技術では顔

    画像を最適かつ自動的にトリミングするニューラルネットワークのご紹介
    yonadev-477
    yonadev-477 2018/01/25
    人力では限界あるもんなー.カテゴリの分類とかもできないかなー
  • 悪いコードを憎んで人を憎まず! プルリク送付前に心がけたいコードレビューのコミュニケーション術 - エンジニアHub|Webエンジニアのキャリアを考える!

    悪いコードを憎んで人を憎まず! プルリク送付前に心がけたいコードレビューのコミュニケーション術 コードレビューを円滑に進め、より学びを促進するために重要な「コードレビュー時のコミュニケーション」について、現役エンジニア・池田 惇さんの経験とともに考えてみます。 アプリエンジニアの池田 惇(いけだ・じゅん/@jun_ikd)です。 コードレビューとは、エンジニアにとって毎日発生する作業であり、「コードを書く」という行為と等しく重要なタスクの1つです。同時に、ただ漠然と「粗探し」をするだけがレビューの目的ではありません。特に若手のエンジニアにとっては、先達のエンジニアのコードにじっくりと触れ、学びを得て、さらにチームに自分の持つ知識・技術を還元する、大事な機会でもあるのです。 今回はコードレビューを円滑に進め、より学びを促進するために重要な「コードレビュー時のコミュニケーション」について、私自

    悪いコードを憎んで人を憎まず! プルリク送付前に心がけたいコードレビューのコミュニケーション術 - エンジニアHub|Webエンジニアのキャリアを考える!
    yonadev-477
    yonadev-477 2018/01/24
    人格否定ではないのだ!!
  • 対象ブラウザを見直してみる(2018年1月版) | Tips Note by TAM

    以前の記事から、約1年経ちましたので、PCやスマホの対象ブラウザを改めて見直してみました。 [参照] 対象ブラウザを見直してみる(2017年3月版) 対象ブラウザを見直してみる(2017年3月版) IE はさらに減少傾向 現在、Microsoftが公式サポートしている IE は 11 のみですが、シェアはこの1年弱で 11.51% から 9.45% まで下がりました。 下記参照サイトで行われた「サイト制作者向けアンケート」では、「既にサポート外」「今年中にサポート終了」としている割合も多くありました。(母数が少ないので、あくまでも“参考”ですが...) 生活に必要な公共性の高い企業・サービスのサイト以外は、あと数年でサポート外とする流れになるかもしれません。 [参照] HTMLコーディングの人気のスタイルは? アンケート結果から分析するイマドキのウェブ制作事情 - ICS MEDIA ht

    対象ブラウザを見直してみる(2018年1月版) | Tips Note by TAM
    yonadev-477
    yonadev-477 2018/01/24
    jquery の必要性はなくなってきたなー
  • なぜシステム会社の見積りが「ボッタクリ」に見えるのかを、きちんと説明する。

    どうもしんざきです。曲がりくねったSQLを読んで、モニターを威嚇しつつ不要なjoinを削除しまくる仕事で主に生計を立てています。 こんなまとめを読みました。 某大手企業の社を辞めるという人『古い会社は社内の体制も古い。癒着してるシステム会社も全然ダメでテキストの左揃えを右揃えに変えるだけで300万取られる』(現在は非公開) ワイの妹ト○タの社やめて転職するらしいんだけど、「古い会社は社内の体制も古くてダメ。癒着してるシステム会社も全然ダメで、テキストの左揃えを右揃えに変えるだけで300万取られる上、バグ(仕様)だらけで仕事にならない」って言ってたの印象深い。 これ、もともとの話の情報量が全然なくって、何のシステムの話かも分からなければシステムの規模も分からないので、300万が高いのか安いのか妥当なのか、というのは勿論なんとも言えないです。 もしかするとこれはぼったくり案件なのかもしれま

    なぜシステム会社の見積りが「ボッタクリ」に見えるのかを、きちんと説明する。
    yonadev-477
    yonadev-477 2018/01/09
    いっぺんソース見てみ!!ってなる. こんなボッタくる必要ないように Developer も共通化は常に意識したいね.
  • 【初心者向け】HTMLを使ったエスケープ処理について詳しく解説!

    更新日: 2022年9月13日公開日: 2017年12月28日【初心者向け】HTMLを使ったエスケープ処理について詳しく解説! Webアプリやアプリ開発の際に必須となるエスケープ処理。 最低限のセキュリティ処理として概要を知っておきたいですよね。 今回は、HTML初心者の方でもエスケープ処理を試せるコード(PHP言語)を紹介していますので、よかったらご利用下さい。 【エスケープ】escape:脱出、逃亡などの意味 【初心者向け】HTMLを使ったエスケープ処理について詳しく解説!Webアプリ(アプリ)とHTMLの関係 【Webの処理フロー】*上図参照 Web上で入力されたデータ①は、サーバーに転送され②、事前に用意されているプログラムに入力されて③、処理される④。 まずHTML言語は、ブラウザ上に文字や画像、記号などを表示するためのプログラミング言語です。 HTMLで書かれた文字や表が出力さ

    【初心者向け】HTMLを使ったエスケープ処理について詳しく解説!
    yonadev-477
    yonadev-477 2018/01/05
    エスケープしないと、XSS(クロスサイトスクリプティング)の恐れあり、アプリをつくる人としてこの辺はしっかり責任意識を持って開発していきたい.
  • 観察とは何か?デザインにどう活きるのか?|こばかな

    こんにちは。THE GUILDのこばかなです。デザイナーとかをやっています。 10秒でわかるこの記事の内容先日こんなツイートをしたのですが、今回はこの話について詳しく書きました。 デッサンとは何か?たまにデザイナーの間で「美大に行く必要があるのか」「デッサンを学ぶ必要があるのか」という議論がされますが、個人的には「WEBやUIUXデザイナーにとっては必要ない」と考えています。(グラフィックデザイナーやプロダクトデザイナーは学んでおいた方が便利だと思います) なぜならデッサンによって得られるものは「観察力」がメインであり、それを磨く方法は他にもあるからです。 行く必要がないと言いつつ、私は美大に行ったのですが、受験時代はほぼ毎日何時間もデッサンを描く生活を3年ほど続けていました。 ▼浪人時代に描いたもの デッサンは一見すると「リアルな絵を描くこと」を目的にしてるように思えますが、経験者の一

    観察とは何か?デザインにどう活きるのか?|こばかな
    yonadev-477
    yonadev-477 2018/01/05
    無意識を意識化する.なるほど. デッサンは切り口を見つける練習になる. インプットを増やせば、アウトプットにも深みがでるのだろうなきっと!
  • 初心者のためのよく使うLinuxコマンド一覧

    最近ターミナルでの作業が増えてきて「あれってどうやるんだっけ?」とか「これができたら便利なのに」と思うことが増えてきたので、基礎からコマンドラインの使い方を覚え直しています。使ってないとまたすぐに忘れてしまうので覚え書きです。 とりあえず「これくらい知ってれば便利に使えるはず」というのをざっくりまとめてみました。 ちなみに「6日間で楽しく学ぶLinuxコマンドライン入門 」というをベースに学び直しています。以下にまとめたコマンドだけでなく、viの使い方からシェルスクリプトの書き方、さらにはシステム管理などについて、すごく丁寧に解説されていてオススメです。 目次 頻繁に使うコマンド一覧 たまに使いそうなコマンド一覧 覚えておくと便利な記号 覚えておくと便利なキー操作 Linux系システムのディレクトリ構造 確認に使った実行環境 頻繁に使うコマンド一覧 コマンド 説明 オプション

    初心者のためのよく使うLinuxコマンド一覧
    yonadev-477
    yonadev-477 2017/12/26
    dev/nullの存在意義知りたい.
  • 未満の反対語を知ったときイラッときた。以上、以下、未満との違いとは

    前々から気にしてはいてもなぜかあまり調べた記憶がない。 「以上」や「以下」にその数を含むというちゃんとした決まりがあることを、子供の頃に知ったときは感動した覚えがあるくらいなのに。 ぽつぽつと思い出したようになんだろうって振り返って、まあいいかで終わってた。 「超える」というのもその数を含まないので、未満の反対として使えるというのは知っていたというせいもあるかも。 photo credit: marimoon via photopin cc 未満の対義語は「超過」です ばっちり載ってました。 「未満」の対義語・反対語は「超過」。 未満の対義語 日常でこの言葉は出てくるわけですが未満の反対の意味として受け止めたことがないし、そういう使用例ってそれほど多くはないような気がしてました。 でも超過という言葉をよくよく調べてみると空港とかでよく使われているようです。 超過手荷物、料金超過などです。

    未満の反対語を知ったときイラッときた。以上、以下、未満との違いとは
    yonadev-477
    yonadev-477 2017/12/22
    未満の対義語で調べたら、でてきた!ほんまそれ。
  • 【PHP】URLを分解して配列で取り出すには? - Web.fla

    PHPでプログラムをするとやっぱURLって結構いじるときありますよね。 例えば、MVCでURLの一部分を文字列として扱ったり、余計な文字列を削除したり・・・など、URLを解析してURLのドメインやスキーマ、ポート番号、クエリパラメータなどの情報を取得したいと言う場面って結構あると思うんで自分の為にもメモ。 パラメータがついてるURL 単純なURLだったらまだしも、たいていパラメーターがたくさんついたURLだったりしません?URLの末尾(?以降)の文字列のことなんですけど、クエリ文字列っていいます。 まぁこいつを分解(以下 パース)となるともうめんどくさいですよね(笑) //パラメーターがついたURL $str="http://www.sample.jp:8080/test/sample.html?param1=ABC¶m2=abc"; という訳で以下の手順でちょっと分解してみようかと思いま

    【PHP】URLを分解して配列で取り出すには? - Web.fla
    yonadev-477
    yonadev-477 2017/12/21
    よく使うのに、よく忘れる
  • git grepでソースコード内検索のあれこれ - エンジニアをリングする

    FOLIOアドベントカレンダー 21日目です。 12月は読み応えのある記事が多いので、わたしからはさくっとしたTipsを。 いま作業してるリポジトリのファイル群から、目当ての文字列を1秒でも早く見つけるための話。 おすすめのコマンド grep だと対象指定が面倒だったり、カレントディレクトリ以下を指定すると巨大なnode_modules以下のファイルも対象になってしまったりするので、git管理下のファイルのみを対象に検索できて高速な git grep がおすすめ。 git grep 検索したい文字列 だけで検索できる。 ~/.bashrc や ~/.zshrcなどに以下のエイリアスを書いておくと、 gg hoge だけでgit管理下のファイルにあるhogeをハイライトつきでリストアップしてくれてめちゃ手軽。 alias gg='git grep' もちろん日語も gg ほげほげ でいける

    git grepでソースコード内検索のあれこれ - エンジニアをリングする
    yonadev-477
    yonadev-477 2017/12/21
    git grep を使いこなしたい感 . github とか redmine に書きたい時にいいね!テキスト最強.