あなたは今のデスクに使いづらさを感じていませんか？ 自分に合ったオフィスデスクに出会うのは難しいですよね。 PC画面を見続けるデスクワークが増え続ける中で、自分に合わないデスクを使用することは、肩こりや腰痛の原因になります。 多くの方は、使いづらさを感じていても、デスクをDIYするのは難しそうと考えてしまいがちです。 けれど、実際にデスクをDIYすることは難しいことではありません！ デスクをDIYすることで、世界で一つだけの、自分に合ったデスクが作れます。 自分の背丈に合わせたり、収納スペースを作ったり自分の作業に合ったデスクのサイズにするなど、使いやすい機能を付けることもできます。 また、コストがかからないのもDIYの魅力です。 そこで今回は、オフィスデスクをDIYする方法をご紹介します。 面白いDIYデスクのアイデアから、簡単ですぐに真似できるデスクの制作方法まで紹介しています。制作手

さて、僕のような「お家大好きっ子」にとって、PCデスク周りは「最も長い時間を過ごす場所」であり、こだわりたいスペース。 一人暮らしを初めた11年前から、いろいろなデスクを試してきましたが、 結局自分で作った方がコスパが良く納得できるという結論に至りました。 今回は引っ越しに合わせて、『L字型のカウンターPCデスク』を作りました。 この記事ではその制作の過程と方法について、ところどころ解説を入れつつ時系列でまとめていきます。 こんな方にオススメ

東京に引越してきた最初に借りた部屋は、仕事から帰って寝るだけの部屋で決して住みよいと思えるようなところではありませんでした。それからと言うもの、少しでも住みやすい部屋というのを引越しの度に考えています。 以前住んでいた部屋でも一応テーマを持って住みやすい部屋というのを考えていましたが、そこでの反省点や生活環境の変化なども合わせて、最近引っ越した今の自宅でも新たなテーマを持って少しでも住みよい部屋というのを考えカスタマイズしていっています。 前回は基本的に椅子は置かず、和室もあり、布団で寝るというカタチでモノをあまり置かないようにして部屋を広く使えるようにし、くつろぎやすい部屋というのを目指していました。 その時の反省点としては、ゴロゴロとくつろぎやすくしすぎたところだなと思っています。自宅で仕事や作業をすることも増えて、もう少し規律をもってだらけないように過ごせるようにしたほうが良いなぁと

本記事は『Pythonでレトロゲームを作ろう！』シリーズの総集編です。 本シリーズは、以下の読者を想定して書きました。 【対象読者】 Pythonでゲームを作りたい人 ゲーム開発を題材にPythonプログラミングを学びたい人 数学・物理を学び、実践としてプログラミングまでしたい人

電子工作で作れるもの あまたある趣味の中で電子工作というのはわりに実利があるというか、日常生活で役立つシーンの多い趣味であるように思う。 自分が電子工作に初めて触れたのは2009年で、ちょうど10年の趣味歴ということになる。まっとうな勉強をしていないので技術力や工学への理解はほぼ皆無に等しいのだけど、それでも10年もやっているといろいろなことができるようになった。 ここではその振り返りもかねて、「電子工作を趣味にするとどういうことができるようになるか」というのを、過去に作った実例を挙げつつご紹介したいと思います。 生活のツールを作れる 日常生活で役立つ便利なツールを作れるようになる。作れるものとしては例えば、 これは観葉植物の土が乾いたらLEDが光って教えてくれる装置。子供が花の種を植えたときに、水やりを忘れないように作った。 詳細：ジャンパブロックをブレッドボード代わりに使うと便利 -

Photo by Eugene Kim こんにちは。倉内です。 皆さんは毎日オフィスで集中して仕事ができていますか？ ITエンジニアは特にPCに向かう時間が多い仕事です。座りっぱなしの人も多く「集中力が続かないなあ」と悩む人もいるのではないでしょうか。 さらに私の場合は、前職がSIerで就業ルールも厳しめでした。「音楽を聞きながら仕事をする」「ちょっと外に出て気分転換」なんてこともできず、集中力を保つのに苦労していました。 paiza（ギノ）に転職して、格段に自由度が上がったので「集中するためにいろいろやっていこう」と決意していたのですが、まだまだ試行錯誤中です。 そこで、興味本位で弊社の健康オタク（兼論文オタク）エンジニアに「集中するために何をしていますか」と聞いてみたところ、想像を遥かに超える「集中のために実践していることリスト」が返ってきましたのでご紹介したいと思います。 なお、健康

そろそろ本腰を上げて英語を身に着けたい――。 何度も英語を「できる！」と言えるようになりたいと思いつつ挫折してきました。 ネットの記事を読んだり、売れている参考書を買ってみたり……。 でも実際に英語力が上がったか？ そう聞かれたらNo.と答えるしかありません。 そんな過去を克服するために今回こそは、と思ってとりあえず1ヶ月ほど頑張ってみました。 (実際は1ヶ月半で149時間勉強しています) 毎日3時間以上を勉強に割くのはなかなか大変でしたが、そのぶん達成感は格別です。 ちょっと大げさに聞こえるかもしれませんが、間違いなく人生が良い方向に向かい始めたな、という実感があります。 英語自体は初めて本格的に取り組んだ発音に自信が持てるようになりました。 あと4kgほど痩せたり、部屋がすごく綺麗になるなど嬉しい副産物がついてきています。 以下、実際にやった内容や気づいた点などをまとめます。 (現在2

CSSのセレクタがいまいち、という人にお勧めです！ セレクタの使い方が分かりやすくまとめられたPDFのチートシートを紹介します。 このチートシートは通常のチートシートだけでなく、ゲーム版もあり、CSSのセレクタをどれくらい知っているか確認することもできます。

予想していた技術的な勉強法というより、エンジニア、ビジネスマンとしての生き方や、成功するための方法論を20代に向けてMatzさんが伝えてくれたのでまとめます。(自分なりの解釈も少し入ってます) とてもためになる講演でした。個人的には特に前談2、3、4、5、6がためになりました！！ Matzさんありがとうございました! 講演内容 前談1. テクノロジーとは人を幸せにするためのもの 前談2. 若いうちから頑張ろう 1.学生と社会人の"勉強"の違い 2.なぜ勉強するのか？ 3.勉強についてのTips(what, where, when, how) 4.とにかくアウトプット 5.成功するためのTips 6.最後に３つのアドバイス ※Ex)で書いている具体例はMatzさんが使われたものをそのまま使ってます。 前談1. テクノロジーとは人を幸せにするためのもの 本来人を幸せにするためのテクノロジーが人

2019/03/30 PHPerKaigi 2019

CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。 DropCSS -GitHub DropCSSの特徴 DropCSSの使い方 DropCSSのパフォーマンス DropCSSの特徴 DropCSSは未使用のCSSを掃除してくれる、わずか60行のスクリプトです。 HTMLとCSSを入力として受け取り、使用されたCSSのみを出力として返します。 対象となるセレクタはcss-selectのおかげで、実質的に考えられるすべてのセレクタの削除が達成されます。 参考: サポートされているセレクタ CSSTreeを使用すると、特別な処理を行わなくても、メディアクエリを他のすべてのブロックと同じように透過的に処理および削除できます

専門学校に入学した頃はまともに就職できるのかすら不安でしたが、なんやかんやでちゃんとした会社に入れたという事実に困惑しています。 実際に業界の人たちと話してみないと案外わからないことだらけだなという印象を持ちました。 なので、プログラミングほぼ初心者で専門学校に入学し、そこから約2年半で内定に至るまでに役立った情報を書こうと思います。 ※あくまでも新卒目線から見た個人的意見です。 記事を書こうと思い立った理由は、ゲーム系のこの手の記事を見たからです。 ai-gaminglife.hatenablog.com 対象読者 筆者の経歴 専門入学からの経歴(半年毎) 1年目前期 1年目後期 2年目前半 2年目後半 3年目前半 3年後半 4年目前半 就活について インターンについて 面接について SNSツールについて Web系に就職するには何をすべきか めっちゃアウトプットしましょう 人として最低限

今回のテーマ Webパフォーマンスを改善する上で知っておきたい知識をまとめてみました。 前回の記事では使わなかった（使えなかった）技術や方法なども含めて記載します。 また、ブラウザのレンダリングなどについても書きたいと思います。 (2019年5月23日追記) 過去の記事はこちら How to 速度改善 ー計測・知識編ー How to 速度改善 ー原因調査編ー How to 速度改善 ー実装&技術調査編1ー 1. ブラウザレンダリングの仕組み 推測するな、計測せよ という言葉にあるように、闇雲にチューニングを初めても良い結果は出ません。まずはブラウザレンダリングの仕組みからみていきましょう。 ブラウザレンダリングの流れ レンダリングの大まかな流れは Loading→Scripting→Rendering→Painting（これでページが表示される） となっています。 この処理の内容をフレーム

エンジニア不足と言われて久しいですが、できる経験者を採用するのはますます難しくなっていますね。 そんななか、弊社ではひょんな縁からエンジニア未経験の新人をエンジニアとして採用することになりました。未経験とはいえ、弱小企業の弊社には悠長に育てている余裕がないため、7日間で現場投入を目指してカリキュラムを組みました。 だいたいうまくいったので、メモがわりに晒しておきます。 前提条件 誰でも7日間でエンジニアになれると言っているわけではありません。あくまで一例として捉えていただければ幸いです。 担当してもらう予定の領域 HTML/CSS コーディング JavaScript はそこそこで（動きのエフェクトやカルーセルを仕込める程度） concrete5 テーマの開発（PHPファイルに foreach を入れていくイメージ、WordPress と変わらない） 流石にアプリケーション開発で7日間は無理

データサイエンティストの定義は？必要スキルは？現役データエンジニア／アナリストと考えた結論 需要が高まるデータサイエンティストというロールですが、業務の定義や、必要スキルは一体どのようなものでしょうか。3名のデータエンジニア／アナリストに実践から得た答えを聞きました。 データエンジニアとデータアナリストの違い 分析と実装。データサイエンティストに求められる要件 数学の素養が重要。技術は仕事で身につけられる！ データエンジニア／アナリストが考える必要なスキルセット データアナリスト・データエンジニアにとっての「事業貢献」 「データサイエンティスト」という肩書を耳にすることが増えています。 データの蓄積はとどまるところを知らず、さらにビジネスにおけるデータの重要度が増し続ける現在、同職が同じく重要になっていることは想像に難くないでしょう。 反面、データサイエンティストが現場で何をしているかは、

はじめに この記事は自分のための備忘録も兼ねた、新人による新人のための新人の教材リンク集です。 新年度になりましたので、少し更新をしました。よろしくおねがいします。 ターゲット この記事はこんな人に向けて書いています。 これからWebプログラマを目指す人 Webプログラマになったばかりの人 コーディングだけでなくデザインやマーケティングにも興味がある人 早く一人前のWebプログラマになりたいと思ってる人 つまりわたしのようなへっぽこのこと 1. コーディングを身につける ▼まずはここから 何から始めて良いかわからない！新しい言語を学びたい！という方に。 ドットインストール https://dotinstall.com/ 動画付きで解説してくれる学習サイト。とにかくカバーしている範囲が広いのも特徴。無料プランでも十分勉強になります。早口ながら丁寧でわかりやすく、時々ちょっと間違える田口先生の

Nintendo Switch 2: Everything we know about the coming release

Railsdm 2019での発表資料です。発表時のものから少しだけ修正しています。

スマホでWebサイトを見ると、Appleをはじめ、DisneyやWikipediaやThe New York Timesなど多くのサイトでハンバーガーメニューが採用されています。Web制作者が見落としがちなハンバーガーメニューをスマホに実装する時の注意すべきポイントを紹介します。 特に、メニューをposition:absolute;で配置している場合は注意が必要です。 The mistake developers make when coding a hamburger menu by Jared Tong 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ハンバーガーメニューをiOS Safariで機能させる ハンバーガーメニューの実装でよく見かける問題 ハンバーガーメニューの実装方法 終わりに ハンバーガーメニューをiOS S

ちょっとしたデータの加工や集計に、ExcelやGoogle Spreadsheetは便利ですが、それが日常的な作業になってしまったら自動化したいですよね？ そこでお勧めなのがpandasです。 Pandasは Python 用のデータ処理パッケージであり、ExcelファイルやCSVなどの表形式データを読みこみ、加工や集計した上で、出力するといったことがプログラムで記述できます。また開発環境を用意しなくとも、Googleが提供する無料の開発環境であるColaboratory上で、すぐに試すことができます。 そしてPythonは、Office 98以降20年以降更新されていないVBAに代わる新たなスクリプト言語として、Microsoftが採用を検討しているという話もあります。 ExcelにPython搭載、マイクロソフトが検討。アンケートを実施中 まずPandasの全体像を掴んでみる Pand