フレームワークはもはや流行りとか言うよりもひとつふたつは使っていて当たりまえ…みたいな雰囲気を感じる今日この頃ですが、受託制作で普通のWebサイトを作っていると普段の仕事では早々使う機会がないんじゃないかと思います。（僕だけですかね…？） Webサービスやゲームのように非同期で通信する要素があるわけでもなく、DBもなくページ内の物量も普通…そんな普通のコーポレートサイトやLPなんかを作るのにフレームワークはややオーバースペックに感じます。 ついでにクライアントから「ちょっとならHTML触れるから自分で更新します」と言われた日には開発環境の導入自体のハードルが高く、そもそもhtmlじゃないフレームワークの導入なんて出来ません。 今回はそんな風に「別に使わなくても仕事は出来るしなぁ」と腰が重かった自分が、自身のポートフォリオサイトをNuxtに作り変えてみた感想を書いていきます。 Nuxt.js

この記事の概要 プログラミング学習を続けてきて、ちょっと疲れた人向け プログラミングに対するモチベーションが下がった時、息抜きに見ると良い映画リストの紹介記事を和訳したもの 元記事：https://medium.com/the-andela-way/10-movies-to-get-you-coding-again-3d463b1bd9af いずれもAmazon Primeビデオにラインナップされている（ダイレクトマーケティング） 作品ラインナップ １）SILICON VALLEY（ドラマシリーズ） ２）MR.ROBOT（ドラマシリーズ） ３）バトル・オブ・シリコンバレー（映画） ４）ソーシャル・ネットワーク（映画） ５）アイアンマン（映画） ６）スティーブ・ジョブス(2013)（映画） ７）ファウンダー ハンバーガー帝国のヒミツ（映画） ８）イミテーション・ゲーム/エニグマと天才数学者の

ウェブページを表示するためのアプリケーションであるウェブブラウザは、今や多くの人が毎日のように利用する生活に欠かせないツールとなっています。そのブラウザがどのような仕組みで成り立っているのかについての解説がGitHubで公開されています。 GitHub - vasanthk/how-web-works: What happens behind the scenes when we type www.google.com in a browser? https://github.com/vasanthk/how-web-works この解説では例として「アドレスバーにgoogle.comと入力してからGoogleのホームページが表示されるまで」の流れが取り上げられています。 ・目次 ◆google.comの「g」を入力した時 ◆エンターキーを押した時 ◆URLを解読 ◆HSTSリストを確認

フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる

エンジニアHub > 記事一覧 > Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する！《VSCode実践入門》 Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する！《VSCode実践入門》 VSCodeは初版が2015年リリースの新しいエディタですが、インテリセンス、ユーザースニペット、Emmet、マルチカーソル、拡張機能というコーディングにうれしい機能が充実しています。VSCodeを検討中あるいは使いはじめたばかりの若手エンジニアが、いち早く初心者を脱出するための使いこなし方を解説します。 はじめまして、KC（けーしぃ、@kcpoipoi）と申します。技術書典6にサークル参加してたら「キミ、Web執筆に興味ない？？」とお声がけいただきました。Web執筆は初めてなので至らない点があるかもしれませんが、何卒よろしく

新しい技術が出てきたとき、大多数の若い人よりも圧倒的にスピーディーに使いこなすおっさんは珍しくない。 新技術を習得する能力は、年齢よりも、「スキルを獲得するために必要なスキル」、すなわち「メタスキル」に大きく依存するからだ。 たとえば、ある開発ツールを導入すべきかどうか若い人に相談されたので、「まず、ドキュメントを読もう」と言ったら、「ドキュメントを読んでもよくわからなくて。。」と言う。ググったらすぐに公式サイトの至れり尽くせりのドキュメントが出てきたので、「これ読めばいいじゃん」と言ったら、こんなに大量の英語のドキュメントを読むのは無理だと言う。 あるいは、AIを導入するという話になったとき、「AIがよく分からないので教えて欲しい」と言ってきた若い人に、良質の入門書を勧めたら、数式が分からないので読めないのだという。数式の読み方を教えてみたら、数式以前に、そこで使われている数学概念自体を

「プログラミング言語であるPythonを使ってできることって一体何があるの？」このように思われている方も数多くいるでしょう。 Pythonを使ってできることを理解してからの方が学習のモチベーションが続くはずなので、これからPythonを学習しようと考えている方は是非最後まで記事をご覧ください。

米Adobe Systemsは、Photoshopで加工した顔写真を見分けられるAIを開発しました。加工した部分を特定して、もとに戻すことも可能です。 加工された顔 開発はカリフォルニア大学バークレー校の研究者と共同で行いました。同社は過去の研究ではツギハギや複製などによる画像加工を対象にしていましたが、今回は顔のパーツを調整するPhotoshopの「Face Aware Liquify」機能を使って加工した写真を特定できるツールにフォーカス。この機能が人気があるためとしています。 検知された加工部分 研究ではConvolutional Neural Network（CNN：畳み込みニューラルネットワーク）に、多数の加工写真と元の写真をディープラーニングで学習させました。その結果、開発されたツールは99％の精度で加工された写真を特定できたといいます。一方人間では53％の精度でした。 またこ

「意味」をロジックで解析することはできない 山口周氏：ここで非常に悩ましいのが、「役に立つ・立たない」っていうのは、ロジカルに解析できるということ。こういう機能をここまで伸ばせば役に立つ、というのがわかります。 まさに、先ほどの携帯電話と同じです。画素数をここからここまで増やそうとか、通信速度をここからここまで増やそうとか、そういったことをやるときには、「役に立つ」を数値化して目標を決めればマネージが可能です。サイエンスとロジックでマネージができます。でも、意味をロジックで解析できるかっていうと、できるわけがないですよね。 ですから、組織能力として「どうやって意味を作っていくのか」っていうのは、すごく大きな競争力になる。意味の競争ですね。役に立つ・利便性の競争から、意味の競争優位っていうものにシフトしていったときに、じゃあその意味の競争優位を作れる人材あるいは組織というものを、どう育ててい

[2022-12-31：古い情報を更新し、新しいリンク先を追加しました] こんにちは。takanoです。 いつも検索について詳しくない人と話すときに説明に苦労するのが、検索エンジンがどのようにウェブサイトを認識し検索結果に表示しているかの流れです。 Google 検索の公式ガイド もあるのですが、そもそも見ていない人も多いようです。 なので今日は、公式ヘルプの紹介もしながら、なるべくシンプルに Google 検索の仕組みをまとめてみたいと思います。 サイト運営者として、自サイトが検索結果に表示されるまでの仕組みを知ることは重要なので、おおまかな流れが理解できたら、ぜひ文中の参考リンクも確認してみてください。 はじめに クロール クロールにおけるトラブルの例 サイトにアクセスできない場合 アクセスできるけどクロールしづらい場合 クロールのキューという概念 パース / レンダリング パースとレ

公式サイトだけではなく、信頼性が高かったり、他のサイトでは得られない情報があったりするサイトも参考として載せています。 作成には相応の注意を払っていますが、リンクやリンク先の内容の正確性については保証できません。利用者ご自身で判断してください。 目が行き届いていない部分もあるかもしれません。リンク切れや、ここにない有用なサイトの情報、その他お気づきの点などありましたら、ツイッター等でお知らせいただけると幸いです。 日々更新し有用な情報を発信しているサイト運営者の方々に感謝いたします。 （2023年1月29日更新）

インデックス率の改善、メタタグの最適化、CTR向上のための施策。SEOにおけるテクニカルな領域は非常に広範囲です。もちろん、全ての領域を最適な状態にすることが望ましいですが、そのためには領域ごとの優先度をつけることが効果的でしょう。 自身のサイトが今取り組むべき領域はどこか。現状把握に役に立つ記事を紹介します。 技術的な進歩と実装方法の理解を深めるために、テクニカルSEOに求められる内容に優先順位をつけよう。そして、あなたが次に取り組むべき内容を理解しよう。 何をもってして、「最高のWebサイト」と定義することができるだろうか？ 健全で、SEOのポテンシャルを十分に発揮している機能的なサイトがベースとしているものはなんだろうか？ マーケットとキーワードの調査、E-A-T、検索意図に合致したコンテンツ、バックリンク、などなど。 しかし、こうしたサイトに共通していることは、テクニカルSEOの要

From Inspiration to Creation: Ignite Your Design Journey with Color Designer Welcome to the most comprehensive color tools platform. Unleash your creativity using color wheel, devise harmonious palettes with the color scheme builder, and create depth with the gradient options. It's a designer's playground. Enjoy exploring!

みたいなのあったら聞かせて 本でも映画でも趣味でも便利グッズでも。 できたらポジティブな方向で

不動産を買うときに何が良くて何が悪いかよくわからないと思います。 特に中古物件では、不動産業者でも見極めは難しいです。 今年、既存住宅状況診断士（ホームインスペクター）を取得していますので、ポイントを書かせて頂きます。 違反建築 確認済証 検査済証 シロアリ 傾き 擁壁 二段積み擁壁 玉石積み擁壁・大谷石擁壁 設備関係 火災報知設備 貯水槽 浄化槽 オートロック 屋上の防水状況 まとめ 違反建築 https://mofmof-investor.com/leopalace21-problem-2598.htmlより引用 違反建築は、現在の新築でほとんど見ないようになりましたが、中古住宅は2割が違反建築と言われています。 工事には公共的な検査というものがあり、確認済証と検査済証という物が発行されます。 確認済証 工事を開始する際に役所に図面が違反建築でないと確認されたときに発行される物です。

Googleは米国時間5月7日、年次開発者会議「Google I/O 2019」で、ウェブページのローディングやナビゲーションに新風を吹き込む「Portals」と呼ばれる新たなテクノロジーを発表した。 GoogleによるとPortalsは<portal>という新たなHTMLタグを使って動作するという。このタグの動作は、従来からある<iframe>タグとよく似ている。ウェブ開発者は<portal>タグを指定することで、自らのページ内にリモートコンテンツを埋め込めるようになる。 <portal>タグと<iframe>タグの違いは何かと言えば、Googleの新たなPortalsテクノロジーが<iframe>タグの制約を取り去ったものだというところにある。 Portalsを使用することでユーザーは、埋め込んだコンテンツへのナビゲーションが可能になるとGoogleは述べている。<iframe>タグで

Googleが、企業向けAR機能搭載のメガネ型コンピュータ「Google Glass Enterprise Edition」の新モデルを発表した。プロセッサなどのスペックが強化され、価格は1500ドルから999ドルに値下げされた。チームはXを卒業し、Google VRチームに統合される。 米Googleは5月20日（現地時間）、AR機能搭載のメガネ型コンピュータ「Google Glass」の新モデルを発表した。「Glass Enterprise Edition 2」は先代からデザインやスペックが大幅に改善され、価格は1500ドルから999ドルに下がった。 Google Glassは2012年に一般向けとして登場したが、一般向けモデルは2015年に販売終了になった。企業向けEnterprise Editionは2014年から開発している。 新モデルの主なスペックは、プロセッサがQualcom