こんばんは、夜中たわしです。 【追記】 多くのご指摘のコメントをいただいており、軽い気持ちで本記事を書いたことを反省しております。 後半の内容は「そういや彼はPC持ってなかったな」とふと思い出したので、おまけとして勢いのまま書いたものです。正直、本題とはほぼ関係ありません。 そして複数の方にご指摘いただいている通り、PCの所持・不所持が技術力に必ずしも影響するとは限りません。 補足しますとこのエピソードは私も新人、switch文の彼も新人、笑った彼も新人の頃の話です。 また笑いはあったもののそれで終わりではなく、その後講師の方からは手厚いフォローがありました。 そのあたりの表現が稚拙であったことに加え、他人の過去の失敗を笑い話として持ち出すという、配慮に欠けた文章であったことをお詫びいたします。 コメントいただいた中には私の知らなかった知識もあり、他人のことを面白がっている場合じゃないなと

Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります

テキストはスマホでは両横にマージンを保持しつつ幅いっぱいに、デスクトップでは指定した幅で表示し、常に画像だけ幅いっぱいに表示させるレイアウトを実装するスタイルシートのテクニックを紹介します。 floatやflexboxだと難しいレイアウトですが、CSS Grid Layoutを使うと非常に簡単に実装できます。 Breaking Out With CSS Grid Layout by Tyler Sticka CSSのレイアウトでありがちなバグ・仕様？ 実装のゴール CSS Grid Layoutを使った実装 新しいテクニックの使い方 実装の注意点 CSSのレイアウトでありがちなバグ・仕様？ 固定幅のコンテナ内からビューポートの幅いっぱいに配置するには、calc()を使うと簡単なコードで実現できます。 参考: Breaking Out With Viewport Units and Calc

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 機能的で楽しいアニメーションは、現代のWebデザインにおいて不可欠な要素の１つです。現代のWebサイトでは、細かなインタラクションのデザインが根本的な違いをもたらします。 アニメーションはユーザーに現状を伝えたり、注意をうながしたり、ユーザーの行動の結果を伝えたり、ユーザーのふるまいに影響を与えることもできます。 より良いUXを築くため、サイトにアニメーションを追加する例をいくつか説明していきます。 進捗 ローディングアニメーション Webアニメーションにもっとも共通する用途の１つは、ページの読み込み（ローディング）時にユーザーの気を紛らせることです。 ローディングアニメーションはユーザーの感覚時間に影響し、実際より待ち時間を短く感じさせることができます。 待ち

今回は、2017年を三分の一過ぎたところで、確認しておきたいグラフィックデザインの最新トレンドをご紹介します。パッケージデザインからタイポグラフィー、レイアウトやシネマグラフなど幅広いトレンドを網羅しています。 2017年は、わたしたちがオーガニックで自然を起源としたものに戻る年であり、よりナチュラル思考が高まっていくでしょう。配色に関しては、毎年 Pantone 社が発表している今年の色として、「Greenery」が選ばれ、新しい始まりや新鮮や環境を意味しています。 「春のはじめを連想させるような、新鮮で独特な黄緑色の色合い」として表現されている  には、自然のありがたさを再認識、楽しもうという概念も含まれています。 では、2017年現在のグラフィックデザインのトレンドをより詳しく見ていきましょう。多くのトレンドは、ウェブデザインとプリント媒体のどちらにも影響しています。 これでもう悩ま

みなさん、こんにちわ！ ジャングルオーシャンのラファエロです！ パララックスという効果を有効に使ったデザインのサイトをYouTubeで紹介してみました！ 初めて動画撮影と動画編集をやったので、ちょっとグダグダですが是非見てみてくださいw 動画が今すぐ見れない人のために内容を軽くご紹介♪ ▲いきなりカッコ良いムービーが流れて興奮するラファエロ ▲左右に分割された面白いトップページのデザイン ▲いちいちエフェクトがカッコ良すぎる！ ▲興奮しすぎて意味不明なことを言い出すラファエロ ▲メニューボタン（ハンバーガーボタン）をタップすると他のサイトとは違う動きをするらしい ▲思わぬハプニングで激怒？するラファエロ ▲サイトデザインも凄いけど、サイトの内容もぶっ飛んでて凄い！？ ▲そして、サイトの紹介後に痛恨のミスをするラファエロ… ■CONVERSE ALL STAR 100

2017 - 05 - 16 ブログで成果が出ない？ 「副業ブログで月に35万稼げるアフィリエイト」は運営中の悩みを解決してくれる超実践的な本だった ブログ運営 アクセスアップ 本 副業 お金 シェアする Twitter Google+ Pocket 「 副業ブログで月に35万稼げるアフィリエイト 」を読みました。 先日 読んだ「ブログ飯」がブログ運営で結果を出すための心構えや大きな戦略だとしたら、こちらはより 普段から使える実践的な内容 。 ネットで収入が欲しい全ての人への教科書！ ブログ飯はブログで稼ぐ正攻法が学べる本だった 著者の タクスズキ さんは「 らふらく 」というサイトを運営している方であり、 実際にブログを書くことで生計を立てています 。 このブログの作者さんは僕と同世代であることや、エンジニアからフリーランスに転身したという流れも僕と似ていて共感できる部分が多かったので前

C++やJavaのコードを書くと召喚魔法が発動する異世界転生もの。プレイ無料のRPG「ロジックサマナー〜閃光の召喚プログラマ」が公開 編集部：早苗月 ハンバーグ食べ男 ギノは本日（2017年5月16日），同社が運営するITエンジニア向けの求職/学習サービス「paiza」において，PC向けのブラウザゲーム「ロジックサマナー〜閃光の召喚プログラマ」を公開した。 本作は，プログラミング問題に解答してストーリーを進めていくファンタジーRPG。プログラミング言語は，C++やJava，Swift，PHP，COBOLなど24言語に対応している。また，オンラインラインキングに対応しており，他のプレイヤーと腕前を競い合える。 本作の公開を記念して，TwitterではAmazonギフト券の当たるキャンペーンが実施されている。キャンペーンにはハッシュタグ「#コード詠唱」を含んだツイートを行うことで参加でき，抽選

Bluetoothはデバイス間でのワイヤレス通信に日常的に使われています。代表的なものとしては、ヘッドフォンとPC間の接続や、外部センサーとスマートフォン間の接続などがあげられます。Bluetoothバージョン4.0で追加された速度よりも省電力に特化した通信方式 Bluetooth Low Energy（以下「BLE」）では、ここ数年で話題となったIoTデバイス間での接続などにも多く用いられています。 今回ご紹介する「Web Bluetooth API」は、そんなBluetoothをWebブラウザから利用して外部デバイスを検索したり、デバイスの持っている情報を読み書きするための機能を提供してくれるAPIです。 各ブラウザの実装についてはまだまだという状況ですが、macOSのGoogle Chromeではバージョン56からデフォルトの状態で使用可能になりました。APIの動作条件としてセキュリ

どうもiwakoです。なんと！聞いてください皆さん！このブログ・・・読者が500人超えました～！！ いえーいぱちぱちぱちー。 これは嬉しいですね。 これもひとえに読者登録して頂いた皆さんのおかげですよ。 はてなブログの読者数から考えるブロガーレベル – Iruca Log ほらこれ見てください！読者数のブロガーレベルなんてもん見つけちゃいました。プロですよプロ！ いやこれは嬉しい！ プロって何？プロブロガー？えー！？僕なんかがプロなんて言っちゃっていいんですか！？ほんとですか！？ いいわけねーだろ！！ はなはだしいわ！もうちょい細かく分けろや！ って思ってしまいましたこの表見て。 だって700人以上が1％ですよ1％！ さすがにもうちょいいるんじゃないですかね。分かりませんが。 わざとらしく喜んでみましたが、今回この記事書こうと思ったのは500人とキリがいい数字ですし、読者関連の記事は書いた