Vue.js(SPA)でhead要素のtitleとdescriptionはページ別に設定しよう【SEO対策】 - かとのぼのマイコード・マイライフ
Vue.js(SPA)でサイトを作るときは、head要素をページごとにちゃんと設定しないと、グーグルの検索画面になかなか載らないため、対策が必要です。 SPAでサイトを作るとhead要素がページごと変化しない問題 Vue.jsでhead要素titleとdescriptionの変更する方法 規模が小さいサイトなら、各ページmounted SPAでサイトを作るとhead要素がページごと変化しない問題 SPA（シングル・ページ・アプリケーション）は、その名前の通り、一つのHTMLのページで、まるで色々なページに切り替わっているように見せる技術です。ページの遷移も早く、作りやすいです。 しかし、実際はページが切り替わっていないため、別のページに移動しても、何も設定をしないとhead要素は変わらないままです。 これがとても問題で、ページごとにhead要素が変わるように対策をしないとグーグルの検索にな
大規模フロントエンドの技術的負債と向き合うためにやったこと
2019年7月6日、株式会社サイバーエージェントが主催するイベント「Battle Conference U30」が開催されました。30歳以下のエンジニアによる30歳以下のエンジニアのための技術カンファレンスである本イベントには、さまざまな領域で活躍する若手が登壇。企業の枠を超えて、自身の技術・事業・キャリアに関する知見を発表しました。「大規模フロントエンドの技術的負債と向き合う。」に登壇したのは、サイボウズ株式会社・外松俊尚氏。登壇資料はこちら 「技術的負債」といかに向き合うか 外松俊尚氏：はい。それでは「大規模フロントエンドの技術的負債と向き合う」というタイトルで、サイボウズ株式会社の外松が発表いたします。よろしくお願いします。 (会場拍手） 私は今、新卒3年目になるエンジニアです。今はkintoneというプロダクトの開発をしています。最近だとフロントエンドエキスパートチームという横断的
誰でもできるオリジナルwebサービスを着実にリリースする手順と考え方 - Qiita
夏休みに小さいオリジナルのwebサービスを作ったので、構想からリリースまでに使ったツールなどオリジナルwebサービスをリリースするまでの手順と考え方ご紹介したいと思います 技術的なことにはほぼ言及していません。これから初めてオリジナルのwebサービスを作ろうと思っている方にこんな感じでやってるのねって思ってもらえればうれしいです。 いままで作ったサービスはこちらにまとめています（ページからリンクしているそれぞれのサービスのまとめページはgif貼りすぎてめちゃくちゃ重いので開かないの推奨です;;） 作ったもの 名前 しるQ 「自分に気づこう」 https://siruq.site コンセプト しるQは毎日変わる問いに答えることで本当の自分を発見するサービスです。140文字にまとめてシェアして他の参加者の価値観と比べてみましょう！ 作成期間 22時間くらい なぜ作ったか 最近自己認知とかコーチ
Androidアプリの審査が長くなった件 - Qiita
8/26 追記 改めて気になることがあったので、サポートチームへ問い合わせをしてみました。 一度目に問い合わせた方と別の方に対応していただいたのですが、「審査は土日祝も含めグローバルチームが対応する」という回答を頂きました。 リリース前の審査はすべてのアプリの公開、更新に対して行うのは確定なようですが、審査にかかる時間については、本記事の情報は参考程度に留めておいてください。 先日Androidアプリをリリースしようといつもどおりの作業を行ったのですが、5時間たっても公開されない状況が続いていたため、なにかあったのかと思いコンソールを見てみると、初めて見るメッセージが表示されていました。 「Androidアプリに審査…？公開後に機械的にやってるんじゃないの…？」 と思ったのですが、Twitterなどで調べてみると、Androidアプリの審査があってアプリが公開できていないという話をされてる
第5回 OSSを職とし、今後のWebの基盤を作る | gihyo.jp
今回のゲストは数々のオープンソースソフトウェア（OSS）で知られる奥一穂さん。通信プロトコルの最先端は今どうなっているのか、お話を伺いました。 Fastly 奥 一穂さんHTTP/2サーバであるH2Oなど通信プロトコルを専門とする職業OSSプログラマー。 IETFでの標準化にも参画する。サイボウズ・ラボ、DeNAを経て、現在はFastlyに勤務。 Twitter：@kazuho URL：http://blog.kazuhooku.com/ LOGO、HyperCardから、H2Oへ 竹馬：自分の周囲で「一緒に働いたことがある人だと誰がすごかった？」というテーマで話すと奥一穂さんの名前が挙がることが多く、一度お話を聞いてみたいと思っていました。まずはこれまでの経歴を伺えますか。 奥：最初にコンピュータを触ったところから始めると、小学生のとき親の都合でオーストラリアの学校に通っていて、授業で触
イーロン・マスクの脳直結デバイスは、数々の課題を技術でねじ伏せた
イーロン・マスク氏が2016年に創設したBMI（Brain Machine Interface）のスタートアップである米ニューラリンク（Neuralink）は、2019年7月17日に新開発のデバイスや今後の研究方針などを発表した。神経科学者としてBMIの研究を手掛けた経験を持つハコスコ代表取締役の藤井直敬氏は、ニューラリンクの取り組みを「極めて真っ当なアプローチ」と高く評価する。藤井氏にそのポイントを3回にわたって解説してもらう。（日経 xTECH編集部） BMIは、脳と人工デバイスを接続するための生体インターフェースである。BMIと聞くと、映画「マトリックス」などのSFを思い出す人が多いだろうが、BMIの研究そのものは実は半世紀近く前から行われている。一般の人からすると、最近になってニューラリンクが突然始めたように見える技術も、実は数十年の神経科学の研究成果の上に成り立っている。それらの
UXデザイナーから学ぶ、無効状態のボタンをグレーアウトにしない理由
一時的に操作ができない無効状態のボタンを表示する場合、どのようにデザインすると、ユーザーの混乱を少なくすることができるか、UXの観点から解説した記事を紹介します。 無効状態のボタンをグレーアウトにしてしまうと、他のボタンにグレーを使用できなくなったり、操作できない不具合かもとユーザーは思うかもしれません。 Why You Shouldn’t Gray Out Disabled Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 無効状態のボタンをグレーアウトにしない理由 無効状態のボタンをグレーアウトにしない理由 ページ上でアクティブになっていないボタンがある場合、あなたはどのように実装していますか？ ボタンを本来の場所から一度削除した後に表示すると、ユーザーは突然現れたボタンに驚くかも
PHPアプリ開発をPhpStormでスムーズに始められるよう、設定ファイルとドキュメントを用意する - BASEプロダクトチームブログ
BASE株式会社 Product Dev Division ソフトウェアエンジニアの田中(@tenkoma)です。主にPHPアプリ開発を担当しています。 BASEでは、PHPアプリ開発で使うエディタに制限はありませんが、希望する人はPhpStormを使えます。 PhpStormは設定を全くしなくてもかなり快適に使えると思いますが、多少設定するとより快適になります。 この記事では主に、開発環境とIDEを連携させアプリケーション開発をスムーズに始めるため、以下の設定について紹介します。 Xdebugと連携してリモートデバッグを可能にする PHPUnitと連携してテストをIDEから実行可能にする PHP_CodeSnifferを使ってコーディングスタイルを適用する EditorConfigを追加してコーディングスタイルを開発者で共有可能にする Xdebugと連携してリモートデバッグを可能にする
デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント｜Tomoyuki Arasuna
webやアプリのUIデザイン上達のコツとして、模写（コピー）がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践！となった時に多くの学びを活かせたと記憶しています。 そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところを観察すればよいのでしょうか？」という質問を受けました。確かに、実践経験が少ない人にとっては、真似てはみたもののそこから何を学べばよいか分からない、というのは当たり前かもしれません。 模写というと変わったレイアウトや表現ばかりにとらわれがちなのですが、本当に身に付けたいのは「使えるwebサイト」を作る上でのデザイン力の基礎部分です。その基礎とは何か？を知ると学習の効率も上がります。そんなわけで今回は
カメラ苦手な人向け 「カメラで大事故を起こさないポイント」が凄まじく参考になると大好評
カメラが苦手な人へのアドバイス「これだけ気を付ければ大事故は起きないんじゃないかなまとめ」が好評です。カメラが苦手なご主人のために作られたもので、人物撮影のポイントが、分かりやすくかわいくまとめられています。 まずは構図。構図にはいろいろパターンがありますが、取りあえず一番よく見かける“三分割法”を紹介。画面を縦と横に3分割して、交点のどれかに被写体を置いて撮影します。これを守れば“大事故”は防げるでしょう。 次にアップの撮影です。とにかくやってはいけないのは“首切り”。切るのであれば、首から下ではなく頭の上の方を切りましょう。 まず三分割法を覚えて／“首切り”はやめよう（画像提供：きはるさん） 他撮り事故案件No.1と思われる現象が「光について」のトラブル。オシャレな飲食店でよく起きる悲劇です。照明が暗い場所で、光源が真上にある場合、顔に影が落ち、相当な美女でないと耐えられない写真になり
Udemyで夏の大キャンペーン開催！ はてなブロガーも受講した、Python・機械学習・人工知能など最先端スキルを学べる講座を5つピックアップ - はてなニュース
お盆休みが明けてもう8月下旬。秋に向けて自分が学んでみたいことや身に付けておきたい技術などを見つけ始めるにはよいタイミングです。そこで、オンライン学習プラットフォーム・Udemy（ユーデミー）のオンライン講座をチェックしてみてはいかがでしょうか。 Udemy(ユーデミー)公式サイト Udemyの講座は一度購入すれば受講に期限はなく、PCでもスマートフォンでもデバイスを問わず見られるので、ちょっとした隙間の時間を有効に活用可能。必要な時に必要な講座を選べます。はてなブログを使って、受講内容のまとめや振り返り、学んだことのメモを書いている方も多くいらっしゃいます。今回はUdemyの数ある講座の中から、はてなブログユーザーさんの声も交え、おすすめの講座を5つピックアップしました。 Udemyでは8月30日（金）午後3時59分まで、対象の講座が1,200円から受講できる大セールが実施されています！
いらすとやのせいか、ある会社ではカット仕事が激減しカットしか描けない人達を雇っていられなくなって、廃業懸念
たま、👻hantutama @hantutama いらすとやさんが、使い勝手の良い絵柄のカットを超大量に無料で公開したせいか、 あるイラスト描きの先輩が運営する会社では、カット仕事が激減し、カットしか描けない人達を雇っていられなくなって、会社自体も畳もうかってこぼしてた。コワイなぁ。。 twitter.com/iimannamii/sta… 2019-08-21 06:04:00 mann @iimannamii 80代、老舗のとんかつ屋さん「あたしなんかもう年金を頂いている身でね、お客さんには財布を気にせず腹一杯食べて欲しいんで、多少赤字でもね、創業から値段を変えてないんですわ」 40代で中学生2人育ててる同じ町のとんかつ屋さん「意味がわからない 引退して欲しい」 2019-08-17 13:01:24 mann @iimannamii 80代、老舗のとんかつ屋さん「あたしなんかもう年
NHK、契約増加ねらい「現場スタッフ」に圧力強化へ…消費者トラブルの懸念も - 弁護士ドットコムニュース
NHKは10月から、契約・集金を担当する「地域スタッフ」の新規契約数などについて、達成率の管理を厳しくする。地域スタッフからは「強引に契約を迫るなどのトラブルが増える」などの懸念が出ている。 地域スタッフらでつくる労働組合「全受労（全日本放送受信料労働組合）」はこれに反対。不当労働行為に当たるとして8月21日、東京都労働委員会に救済を申し立てた。 実質的な団体交渉が持たれず、NHKが多数派組合との相談だけで決めたとして、組合間差別や不誠実団交などに当たると主張している。 会見した勝木書記長（左）と鷲見賢一郎弁護士［2019年8月21日、編集部撮影、厚生労働省記者クラブ］ ●下限を引き上げ NHKは契約取次（「新規契約」や住所変更による「転入取次」など）を主に「外部法人」か、個人委託の「地域スタッフ」に任せている。 申立書によると、これまで地域スタッフの業績評価はエリアの目標達成率をベースに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
