HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて（最近は主にJavaScript）、そのおもしろさに日々驚いています。 そこで今回は、ここ数年~2015年のフロントエンド界隈で一度は流行った技術、今後の動向などをまとめました。タイトルにモダンとありますが、その辺は適当です。ぜひ一度整理してみてください。 目次 Javascriptフレームワーク React.js Angular.js Angular.js 2.0 Backbone.js Vue.js Mithril.js Aurelia.js Knockout.js
日本のゲームを愛するが故に「日本の有名なゲームクリエイターが最新のゲームをやっているとは到底思えない」などと「日本のゲームが持つ問題点」について歯に衣着せぬ意見をバシバシ飛ばしまくる講演「僕の海外ゲーム開発ストーリー++ ～日米両方でAAAゲーム開発をして分かったこと～」が日本最大のゲーム開発者向けカンファレンス「コンピュータエンターテインメントデベロッパーズカンファレンス2011(CEDEC2011)」で行われました。 講師は、Microsoftの343 Industriesでディレクターを務めたライアン・ペイトンさん。2003年に来日し、小島プロダクションにて「メタルギアソリッド4」などの人気作に関わった後、故郷のシアトルに戻ってからMicrosoftに入社して「HALO 4」を含むHaloシリーズのクリエイティブ面のディレクションを担当した人物です。 講演は自身の半生から始まり、「ゲ
ちょうど4年前の2010年の12月30日に「Macに最初に入れるべき20個のアプリ」という記事を書きましたが、直後にMac App Storeがサービスインし、選べるアプリのバリエーションも増えたので4年越しに同じ記事を書いてみようと思います。 1. 1Password 言わずと知れたパスワード管理アプリ。iOS版ではDropbox同期でTouchIDの指紋認証によりログインできるので、併せて使うと利便性が高まります。 ブラウザの拡張機能はSafari、Firefox、Chrome、Operaなどの主要ブラウザに対応しており、キーボードショートカットで自動入力が可能。Windows版・Android版もあり、クロスプラットフォームなパスワードマネージャーとしてのデファクトスタンダードといった感じです。 1Password – AgileBits Inc.（Mac App Store） 2.
ブログ読者のみなさん、はじめまして。 株式会社セガのベテランプログラマー阿部です。 このエントリーではデバッグ手法のあれこれについての体験談と、デバッグをテーマに一昨年に実施されたプログラマー向け新人研修の概要をお伝えしたいと思います。 EXE ファイルのデバッグ イーサネット絡みのデバッグ 周辺機器絡みのデバッグ デバッグスキルブートキャンプ 黒子に徹する、裏方系エンジニア EXE ファイルのデバッグ 同僚が作った EXE ファイルが手元にあり、あなたはこれを Windows で起動しようとしています。 起動してみたところ何も反応がなく、しかもそれは想定外のことでした。 「何コレ、動かないんだけど」とあなたが同僚に文句を伝えると、同僚はあなたに返します。 「こっちでは動いてるよ」 困りましたね。 あなたの手元には EXE のソースコードも無ければ、Visual Studio もありません
注1）その後300万PV/月に達しました 注2）すでにサルワカの運営から身を退いています サルワカというWebメディアを運営してきた。僕を中心に、数人のライターが記事を書いている。それぞれが別の本業を持っている。あくまでも気ままに更新するメディアだ。 サルワカを始めたのは2016年の12月。 その1年後には200万ページビュー/月を超え、1年半後の今では、250万ページビュー/月を超えた。 ページビュー（PV）はサイトの価値を示す１つの指標にしか過ぎないが、個人運営のメディアでここまで到達できたのは嬉しい。 最近は本業の方が充実してきて、僕はほとんど記事を書けていない。記事執筆に時間をかけたい思いはあるが、それがいつになるかは分からない。 ただ、せっかくある程度メディアを成長させることができたのだから、この経験を共有しないのも勿体無い気がする。 そこで、サルワカというメディアをどのような考
前回に引き続き、今年も友人＆奥さん＆犬連れでアップルストア総本山のパロアルト店に並んでゲットしました、iPhone 3G。 もうiPhone自体についてはあちこちで語り尽くされていますし、今さら私が何かを付け加えたところで、いつも言ってることの繰り返しになってしまうのですが、もう一度あらためて伝えたいことがあります。 iPhoneは、1980年代にパーソナルコンピュータが登場して以来の、約30年ぶりに登場したパラダイムセッターであり、コンピュータ業界、ソフトウェア業界、ウェブ業界、モバイル業界、果てはゲーム業界まで、あらゆる関連セクタの向かう先をたった一つのプロダクトで決定づけてしまったモンスターデバイスです。 おい、そりゃいくらなんでも言い過ぎだろう、と言いたくなる方が多いのはわかります。今のiPhone 3Gを使ってみて、まぁそれなりに綺麗だし使い心地もいいしデザインもいいけど、普通に
6月19日、日本でも新型コロナウィルス感染症（COVID-19）に対する「接触確認アプリ」（COVID-19 Contact Confirming Application、通称「COCOA」）が公開された（iPhone版リンクはこちら、Android版のリンクはこちら）。 このアプリに関するAppleとGoogleの共同コメントを得られた。以下に紹介する。 日本の新たな生活様式の下でCOVID-19の拡大抑制を図るために、厚生労働省が提供開始した新型コロナウイルス接触確認アプリ「COCOA」 をAppleとGoogleは支援致します。同アプリは、AppleとGoogleのプライバシー保護技術を活用しており、利用するか否かは利用者が自由に選択でき、デバイスの位置情報を収集・使用することもありません。AppleとGoogleは今後も厚生労働省及び日本政府の取り組みを支援して参ります。 公開され
何を解決したいか？ Mac, Windows, Linux, iPhoneやAndroidのスマホ・タブレットとかのデバイス間でデータの転送したいことがあります。 SlackとかLineとかSkypeとかAirDropとかあっても 送りたい相手と共通して使っているサービスを探す必要とか、 GUIのソフトウェアのインストールが必要とか、 AirDropだとApple系OSである必要 があるなどの転送の障壁があって、GUIが使えないデバイスに送りたいときなどは困ってしまいます。 すでにたくさんのファイル共有系のサービスがありますが、コマンドを使ったCUIベースにあまり親切な設計なものはあまりないと思います。 そこで、上記の問題を解決するために、以下のようなファイル転送の仕組みを作りました。 他デバイス間でデータ転送ができ、 別途ソフトウェアのインストール不要で、 パイプにとても親和性が高くエン
さて、まさかのMSの大鉈連発に、TL大騒ぎでございます。まさかOSS化まで入ってるとは僕も思ってなかった。MSクラスタですらもざわざわである。 んで、今回の決定が意味することをちょっと考察してみたいなーと。備忘録的にね。 あくまで 私的感想です。鵜呑みにしないように。 何が起こったのか 11/12日（米国現地時間）,Microsoft Connect();というイベントの中での発表でございました。 詳しくは、Public Keyさんを参照するのが良いと思います。 ［速報］マイクロソフト、サーバサイドの「.NET Core Rutime」と「.NET Framework」のオープンソース化を発表。C#コンパイラやASP.NETなど ［速報］マイクロソフト、「.NET server framework」のLinuxとMacOS X用オフィシャルディストリビューションを発表。.NETアプリケーシ
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
アメリカ、特にサンフランシスコ周辺の会社を見てみると、エンジニアに加えてデザイナーの需要が高まっている。これは見た目やUXが優れたプロダクトへの人気が上がっており、企業としてもよりユーザー目線で使いやすくニーズにあった製品を作る為に、企画段階からデザイナーを参加させる事が増えていているからであろう。 それに伴いデザイナーの役割が、これまでの”見た目を美しくする”事から”ユーザー視点で最適な問題解決方法を見つけ出す”へと広がりを見せている。 このビジネスに対するデザインの重要性の高まり-デザインシフト-でデザイナーやエンジニアに求められるその役割と仕事の範囲に変化がおき始めている。恐らく10年程前と比べてみると、それぞれの仕事の範囲が多種多様に広がっているのに加えて、オーバーラップする領域も増えているだろう。 デザインの未来を示す15の変化で下記のような項目があった。 “デザイナーとエンジニ
980円で読み放題 月額980円で本が読み放題になるサービス「Kindle Unlimited」が始まりましたね。 ラインナップを見たところ、意外なことに技術書も豊富でしたので早速契約してしまいました。 しかし、amazonではコンピューター/ITとざっくりしたカテゴライズでしたので、なかなか全ての本を見るのは大変です。 そこで、今回はジャンル別に良さそうな本をまとめました。 本の選定の基準 まとめた基準としては ・評価が良い ・新しい ・値段が高い このいずれかの条件を満たすものをまとめました。 注意 「読んだ本」ではなく、「良さそう・読みたい本」ですので、それぞれの本の良し悪しはわかりません。 8/3時点の情報です。kindle Unlimitedの対象ではなくなる可能性もありますのでご了承ください。 980円で読み放題 本の選定の基準 注意 プログラミング全般 Web開発 Web制作
「レンジで字が消える！」というYouTube動画を真似した息子がノートを黒焦げにした話（※追記あり） - give IT a try
2016.10.30 追記：おわび この記事は元々、YouTubeをよく見ているお子さんを持つ保護者のみなさんに向けて、注意喚起をしたいと思って書いた記事でした。 ですが、YouTubeの利用規約には「本サービスは13歳未満の子供による利用を意図していません。あなたが13歳未満の場合、YouTubeウェブサイトを利用しないで下さい。」との記述があります。 お恥ずかしいことに私はこの利用規約をちゃんと確認していませんでした。 利用規約を確認しないまま、子どもにYouTubeを視聴させてしまったことは、私の完全な注意不足でした。 大変申し訳ありませんでした。 また、記事の中で「おそらく動画を投稿した本人たちはそこまでの危険性があるとは自覚していないのでしょうが、もう少し想像力を働かせて上記のような問題点に配慮してほしかったなと思います。」と書きましたが、私もこのブログを公開することで動画を投稿
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト！ 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
きっかけ Linuxエンジニアとしての基礎力のなさを見抜かれ、これ読んでみるといいよとおすすめされたのがきっかけ。 gihyo.jp 大変お恥ずかしい話だが、自分はエンジニア7年目にして初めてLinuxについての本を読んだ。それまではなにか上手くいかないことがあればブログやQiitaを参考にコピペしてその場しのぎしていただけだった。 目次 第1章 コンピュータシステムの概要 第2章 ユーザモードで実現する機能 第3章 プロセス管理 第4章 プロセススケジューラ 第5章 メモリ管理 第6章 記憶階層 第7章 ファイルシステム 第8章 ストレージデバイス おもしろかったところ メモリ管理 プログラムは直接物理メモリにはアクセスしない。仮想メモリを通して物理メモリにアクセスする forkしたとき、仮想メモリは書き込み権限が付与されずに同じ物理アドレスが紐付いたままの状態。子プロセスで書き込みが走
Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月
最新のオススメ iPadアプリまとめ記事はこちらです。（2012年3月） 初心者にもオススメな定番 iPad アプリ60本＋ジャンル別まとめ ＊＊＊追記終わり＊＊＊ iPadアプリは既に5,000以上。 特におすすめの iPadアプリ40本以上を紹介します。（＊最終更新: 2010年8月2日） ジャンル別 » Appleアプリ » 定番 » Twitter » 電子書籍 » 辞書・リファレンス » 新聞TV » 手書き・録音 » 画像編集 » 音楽・楽器 » ゲーム » その他 アップル まずは何はなくともアップル純正の iPad アプリを試してみたいところ。 ＊＊『Keynote』『Numbers』『Pages』『iBooks』 定番 iPhone同様にiPadでも定番となるアプリから紹介します。ほとんどが無料でもあり必携アプリだと思います。 Evernote 必携、無料。
前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。 本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。 巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。 初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで
Webデザインを勉強する時に参考にしたいまとめサイト・記事25選 Webデザインやホームページ作成を勉強したい人向けに、参考になるまとめサイト・記事・小技テクニックを集めてみました。「Webデザインの見本サイト」や「今すぐ使えるテクニック」など、初心者がすぐに参考になるサイトばかりです。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 Webデザインをこれから勉強しようと思っても、どこから始めていいかわからないということはないでしょうか？
Netflixにおける日本語字幕の導入
(Please note that this article is a localized (to Japanese) version of a corresponding tech blog article in the English language) Netflixでは、2015年9月の日本における配信サービス開始時から日本語字幕を提供しています。 今回のブログでは、日本語字幕提供に至るまでの技術的な取り組みについて説明します。 字幕ソースファイルの仕様、字幕ソースファイルからNetflix配信用字幕への変換モデル、Netflixにおける日本語字幕の納品モデルなどを取り上げます。さらに、W3C字幕規格Timed Text Markup Language 2 (TTML2)導入に向けた対応についても触れます。 2014年の終盤にかけて、Netflixでは2015年9月に予定していた日
昨年の「東大教官がすすめる100冊」の2007年版。企画の趣旨は以下のとおり。 ■企画「東大教師が新入生にすすめる100冊」の趣旨 東大教師が選んだ新入生向けのブックリストとして、新書「東大教官が新入生すすめる本」と、紀伊國屋書店のサイト[参照]がある。全部で2100冊程と膨大なので、まとめる。まとめるだけでは面白くないので、100冊に絞ってランキングする。 新書もサイトも、「ただ並べてあるだけ」なので非常に見づらい。さらに、くりかえしオススメされる本の「重み」が見えないため、以下の基準で編集→ランキングする。 年を越えてオススメされる本は、それぞれ1票としてカウント 複数の教官にオススメされる本は、それぞれ1票としてカウント 全集・分冊は丸めて1冊にした。ただし、全集の中の特定巻を指してある場合は「ソコを読め」というメッセージなので別枠とした 参照元では「文系」「理系」と分けているが、混
Mac Explorer｜ Snow Leopard でこれまでお世話になってきたアプリケーションなどまとめ
次期OSであるLionのリリースが迫ってきているということで、今現在まで、Snow Leopard を使用してきた環境、使ってきたアプリケーションやプラグインなどなど、全てまとめてみようと思います。 本当に便利なツールばかり。開発者の方々に敬意を表するとともに、今後自分がLionへ移行した時に以前の環境を参照するメモの一つとして、また次のOSでもできるだけ同じ環境が作れたらなぁという期待を込めて。 また、自分自身Macを購入したばかりの時、Macの手書き説明書さんの以下のエントリーをかなり参考にさせていただいたという経緯があります。少し時間の経った記事ですが。 僕のMacができるまで | Macの手書き説明書 この素晴らしい仕事を非常にありがたく感じていて、またこれまでMacを使ってきた自分も自分なりに快適な環境を晒せば誰かの役に立つかもしれないと考えました。いつかまとめたいと思っていたの
日々、いろんな海外メディアの情報を追っているのですが、改めて日本におけるメディア関連データで気になるものを足下から整理しようと思い、調べてみました。 1. スマートフォンの所有率 （出典：ビデオリサーチインタラクティブ | プレスリリース） 昨年の時点でガラケーの所有率をスマホが上回っていたようですが、今年はさらに差が広がっていますね。特に女子学生（85.2%）、男子学生（78.3%）のスマートフォン所有率が高いとのことです。タブレットもじわじわ増えています。 2. スマートフォン加入者数 総務省によれば、日本にはインターネット利用者数が9652万人いるようです。また、IDC Japanの2013年～2017年の国内スマートフォン加入者数予測によれば、2014年には6277万人に、2015年には約7000万人がスマホを持つことになりそうです。 3. スマートフォンの利用場所とシーン ヤフー
配信 まだ手元のパソコンでイベント配信してるんですか？クラウド上でTeamsを利用してOBSで配信した方が楽ですよ。 はじめに まだ手元のパソコンでイベント配信してるんですか？クラウド上でTeamsを利用してOBSで配信した方が楽ですよ。 配信のために高いパソコンや配信機材を買ったり、一人で頑張る必要が無くなります。 また。自宅のネットワーク環境を気にする必要がありません。 これまで手元のパソコンでイベント配信を運用してきて下記のような問題が発生しています。 配信するスタッフの確保問題（ほぼ趣味） 同等の環境を冗長することが難しい そのため当日の交代が出来ない イベント運用側としては頭の痛い問題です。 要は手離れができないです。 これらを解決する方法としてクラウド上のIaaSを利用しスタッフ共同運用を行えば解決できると考えています。 配信している方の一部には、すでにクラウド上から配信を行っ
IPA のけしからん技術が再び壁を乗り越え、セキュアな LGWAN 地方自治体テレワークを迅速に実現
IPA のけしからん技術が再び壁を乗り越え、セキュアな LGWAN 地方自治体テレワークを迅速に実現 2020 年 11 月 3 日 (火) 独立行政法人情報処理推進機構 (IPA) 産業サイバーセキュリティセンター サイバー技術研究室 登 大遊 独立行政法人 情報処理推進機構 (IPA) 産業サイバーセキュリティセンター サイバー技術研究室は、このたび、できるだけ多くの日本全国の地方自治体 (市町村・県等) の方々が、LGWAN を通じて、迅速に画面転送型テレワークを利用できるようにすることを目的に、J-LIS (地方公共団体情報システム機構) と共同で、新たに「自治体テレワークシステム for LGWAN」を開発・構築いたしました。 本システムは、すでに 8 万ユーザー以上の実績と極めて高い安定性 を有する NTT 東日本 - IPA 「シン・テレワークシステム」をもとに、LGWAN
２月末をもって、１２年間勤めたアクセンチュア株式会社を退社することにしました。お世話になった皆様方には本当に感謝しています。 これから述べることは、もちろん個人的見解です。もし、アクセンチュアの内部批判・告発を待ち望んている学生さんや転職希望者の方には期待はずれな記事になると思うので、他のサイトを当たってみてください。 アクセンチュアという会社は僕にとっては期待通り「会社員として最大限の自由を享受できるシステム」であり、素晴らしい環境でした。 僕はそういう意味で居心地がよかったのですが、そこから離れる意味というのは、アクセンチュアが先導してきたグローバル資本主義経済のシステムをつくるチームから一度離脱して、オルタナティブなシステムをつくる側に回ることにしたということです。 はじめにアクセンチュアがなぜ会社員にとって最も自由な環境なのかについて話しておきたいと思います。 一方でその環境がパラ
パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ
うつくし明朝体+オープンソースフォント商用可能
フリーフォントうつくし明朝体+は商用可の日本語書体 フリーフォントのうつくし明朝体+フォントは、無料ダウンロードでき商用可能な漢字も入った日本語書体。このフリーフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナをオリジナルで制作し、漢字をIPAex明朝で補完しています。 フォントのデザイン特徴について オールドスタイル明朝体は、基本的に縦書きの美しい流れを重視してデザインされています。印刷物やデジタルデバイスなど日常生活において明朝体の横書きが主流になっており、今後はより横書きの需要が高まっていくと感じています。うつくし明朝体+は柔らかさ・レトロな味わい・漢字とかなのバランスなど求められるオールドスタイル明朝体のエッセンスは残しつつ、横へのつながりを感じさせるモダンなデザインにしました。垂直水平のライ
Google Search Console（サーチコンソール）を強力なSEOツールとして使うための究極ガイド。 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
今、あなたが読み進めているこの記事は、GSCにおける、大学卒と言えるレベルの内容を記載している。ここでの内容をマスターすれば、あなたはGSCニンジャとなることができるだろう。 そして、それはあなたのSEOに非常に大きな違いを生むこととなるはずだ。 まずはこの記事の概略を説明したい。非常に長い記事となっているため、キリの良いところで区切って読みたいと感じるだろう。 この記事はセクションとサブセクションに分かれているが、この分け方は、GSCのメニューに基づいている。 *元記事では英語画面のキャプチャですが、日本語画面のキャプチャに差し替えています。 上記のセクションの内、始めの4つのセクションに注力している。つまり、パートAからパートDまでである。パートEとパートFも重要ではあるが、あまり説明を必要としないものだからだ。 パート A：検索での見え方 検索での見え方のセクションは、あなたのWeb
※本記事はアフィリエイトプログラムによる収益を得ています 「プレゼント・デイ■ プレゼント・タイム■」 1998年7月6日25時15分。白地に大写しにされた赤字のタイポグラフィ。歪な笑い声とともに一本のアニメが放映された。「serial experiments lain」。 リマスター版BD BOXが発売中 キャラクター原案は「灰羽連盟」などで知られ、先日「RErideD -刻越えのデリダ-」への参加も発表された安倍吉俊。監督は「キノの旅」「神霊狩／GHOST HOUND」の中村隆太郎。脚本は「THE ビッグオー」「デジモンテイマーズ」などアニメ脚本のみならず、Jホラーの先駆けとされるオリジナルビデオ作品「邪願霊」を手掛けた小中千昭。ノイズがかった緑の画面を挟んで始まる、透き通るような彩色のオープニング映像を知る人は多いだろう。放映20周年を経て、今なお語り継がれるカルトアニメだ。 【あら
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
最近読んだ３冊のスゴ本 - デマこい！
本屋の「ビジネス」とか「経営」という棚には、自己啓発的な本が多い。そういう本はあまり好きじゃなくて、意図的に避けていた。けれど、食わず嫌いはよくないねという話。めちゃくちゃ有名な本を３冊、最近、集中的に読んだ。たくさんの人に読まれてる本には、やはり読まれてるだけの理由がある。 ビジョナリー・カンパニー 2 - 飛躍の法則 作者: ジム・コリンズ,山岡洋一出版社/メーカー: 日経BP社発売日: 2001/12/18メディア: 単行本購入: 24人 クリック: 210回この商品を含むブログ (189件) を見る※人類の普遍的な法則に気づいちゃった系のスゴ本 新版 問題解決プロフェッショナル―思考と技術 作者: 齋藤嘉則出版社/メーカー: ダイヤモンド社発売日: 2010/04/16メディア: 単行本購入: 10人 クリック: 42回この商品を含むブログ (18件) を見る※いいから黙って今すぐ
Apple , iPhone , ソフトウェア , メンテナンス , 最新テック iPhoneのデータを簡単に丸ごとiTunesへ移行する方法 2012.10.27 12:00 新しいPCを買ったり、iTunesをインストールし直したりした時のために、iTunesライブラリを簡単に丸ごと移行する方法を紹介します。 最近、原文筆者のiTunesに問題が発生して、結局ライブラリの中身が全部消えてしまったそう。音楽もアプリもiPhoneにはすべて入っていましたが、iPhoneからiTunesに同期し直す方法は知りませんでした。そこで検索してみたところ、いとも簡単にすべてをリストアする方法がありました。ほんの少ししか作業する必要はありません。以下にその手順をご紹介しましょう。 ■音楽とビデオを『Sharepod』に移行する iTunesで購入した音楽は簡単にリストアすることができますが、リッピング
インフラエンジニア向けシステム系論文 - ゆううきブログ
この記事ははてなエンジニアアドベントカレンダー2014の23日目とシステム系論文紹介 Advent Calendar 2014の23日目を兼ねています。 今回は、インフラエンジニア向けにシステム系論文を読むということについて書きます。 ここでいうインフラエンジニアは、Webサービスを作る会社のサーバ・ネットワーク基盤を構築・運用するエンジニアを指しており、はてなではWebオペレーションエンジニアと呼んでいます。 人が足りなくて普通に困っているので採用にご興味のある方はぜひこちらまで。 SRE (Site Reliability Engineer) 職 - 株式会社はてな はてなでは、id:tarao さんを中心に有志で論文輪読会を定期的に開催しており、システム系論文にかぎらず、言語処理系、機械学習についての論文などが読まれています。 だいたい１人でインフラまわりの論文を読んでいて、インフラ
このページは高校物理を履修しなかったり、大学数学の基礎知識をまだ学んでいない人が主な対象です。 インターネット上で手軽に得られて分かりやすい教材を紹介します。 まずは、物理学実験から題材を選びましたが、 ここで取り上げてもらいたいモノがありましたら、 iphe-butsuri(at)edu.kobe-u.ac.jp ( atを＠に変換)までメール下さい。 レポートの書き方 質問として最も多い題材だと思います。 北里大学・野島高彦先生という方が化学実験を担当されていて非常に分かりやすいページを用意されています。 実験レポートの書き方(1)実験レポートって何でしょう? http://takahikonojima.hatenablog.jp/entry/2013/06/01/010000 実験レポートの書き方(2)それぞれの項目には何を書くのか? http://takahikonojima.ha
うんこ「10分後に出ます」世界の悩みを解決する画期的デバイス、日本の教授たちが開発『D free』 - 週刊アスキー
「私もうんこを漏らしたことがあります」 ベンチャー企業が事業内容を紹介する「モーニングピッチ」で勇気ある告白をしたのは、トリプル・ダブリュー・ジャパンの中西敦士代表だ。 事前に分かっていればそんなことにはならなかったという思いから、おなかに貼るだけで排泄を予知するウェアラブルデバイス「ディーフリー（D Free）」を開発している。 5月からクラウドファンディングのIndiegogoおよびMakuakeで予約開始予定。価格は現在199ドル（2万3000円程度）の見込みだが、市販価格は50～100ドルまで下げたいという。日本とアメリカで最初に販売予定だ。出荷予定は12月。 ディーフリーは超音波センサーで膀胱や前立腺、直腸をモニターして、膨らみや振る舞いをもとに排泄を予知する仕組み。スマホとつながり、アプリが「10分後に出ます」と教えてくれる。アプリは便通の記録帳にもなっているので、女性はとくに
CSS3のFlexboxを基本から理解して、使い方をマスターしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
2019年の今年は「令和元年」であるわけだが、年初はまだ「平成31年」だったので、ギリギリまだ平成ともいえる。ところで、ITの世界にもいろいろな都市伝説や根拠は薄いけれどもかっちり守られているしきたり/習慣があり、少なくとも今の世界では通用しないため本当は改善したほうがいいのだが業界的にずるずるといってしまっていることが色々と存在する。年末の今、平成を思い返したときに元IT企業に勤めていた人間として「この習慣は平成のうちに終わらせておかねばならなかっただろうに！」と悔やまれることを7つ挙げてみた。 ※ちなみに、諸君のまわりでこれらをすべてやめられている人がいたならば本当に神である、というのが残念ながら今の現状だ。 【7位】 2要素認証でない「2段階認証」 これは令和元年にセブンペイサービスの停止でだいぶ話題になったので、認識されている諸君も多いかもしれない。話題になったのは大手企業のサービ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ここ数年前から2015/5までのモダンフロントエンドを総まとめしてみた
「日本のゲームが持つ問題点」や「開発における日本とアメリカの明確な違い」を最前線にいる当事者がハッキリと語る
2014年版 Macを買ったら真っ先に入れている42個のアプリ
アーケードゲームを支えるデバッグ術 - SEGA TECH Blog
サルワカという個人メディアを250万PV/月にまで育てた方法｜CatNose
iPhoneという奇跡:江島健太郎 / Kenn's Clairvoyance - CNET Japan
「接触確認アプリ」を「なんか信用できない」と思う人に「26のイエスとノー」で答える
ネットワーク越しでパイプしたり、あらゆるデバイス間でデータ転送したい！ - Qiita
MSの今回の発表で何が起こるのか、の私的感想 - 亀岡的プログラマ日記
【境界が無くなる】デザイナーとエンジニアの仕事内容 デザイン会社 ビートラックス: ブログ
【月額980円で読み放題】KindleUnlimitedで読みたい技術書まとめ - ニートの言葉
WebサイトをiPhoneで見やすくする5つの方法
デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本
「Linuxのしくみ」をもっと早く読んでおけばよかったと後悔した - ばーろぐわにる
iPadを買ったらまず最初に検討すべき iPadアプリ40本+
スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流｜Go Ando / THE GUILD｜note
Webデザインを勉強する時に参考にしたいまとめサイト・記事25選
わたしが知らないスゴ本は、きっとあなたが読んでいる: 東大教師が新入生にすすめる100冊
今後のメディアを考えるうえで知っておきたいデータ10選 - メディアの輪郭
まだ手元のパソコンでイベント配信してるんですか？クラウド上でTeamsを利用してOBSで配信した方が楽ですよ。
僕がアクセンチュアを辞めた理由 - 元外資系コンサルタントがなぜ鎌倉で自給的生活をはじめたか？
本当は教えたくないイケてるアイコン素材集サイト「FLAT ICON DESIGN」がすごい
きみは「serial experiments lain」を知っているか 20周年を経ていまだ続く実験
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
iPhoneのデータを簡単に丸ごとiTunesへ移行する方法 : ライフハッカー［日本版］
このページは高校物理を履修しなかったり、大学数学の基礎知識をまだ学んでいない人が主な対象です
平成のうちにやめたかった『ITの7つの無意味な習慣』 - Qiita