GoogleモバイルフレンドリーテストThe web is being accessed more and more on mobile devices. Designing your websites to be mobile friendly ensures that your pages perform well on all devices.
知識を構造化する20のルール(『エンジニアの知的生産術』内紹介)
『エンジニアの知的生産術』の書籍を読んでいます。 この書籍の第二章では、「記憶を鍛えるには」の知見が共有されています。 その中で、1999年にSupermemoの作者Piotr Wozniakさんにより公開された文章「知識を構造化する20のルール／Effective learning: Twenty rules of formulating knowledge」が紹介されていましたので、本ブログでサマリーを紹介します。 エンジニアの知的生産術 ──効率的に学び、整理し、アウトプットする ここに、知識を構造化するための20のルールについて記します。 最初の16のルールは記憶をシンプルに作成することを中心です。いくつかのルールは強く重なっています。 1. Do not learn if you do not understand(理解出来ないことを学ぼうとしない) 例えば、ドイツ語がわからない
「AIメーカー」で画像・音声・動画ファイル、YouTube、録音から文字起こしを行う議事録AIを作ってみた - Qiita
「AIメーカー」で画像・音声・動画ファイル、YouTube、録音から文字起こしを行う議事録AIを作ってみた機械学習DeepLearningAIGoogleSpeechAPIGoogleCloudVisionAPI みんな～！「AIメーカー」で文字起こし機能をリリースしたよー！ 以下の方法で簡単に文字起こしを試せるので、ぜひ使ってみて～！！ 📺YouTubeから文字起こし 🔗画像、音声、動画から文字起こし 🎙️録音で文字起こし AIをうまく使って少しでも面倒な作業から解放だぁ～！https://t.co/qo13Wo6Yli pic.twitter.com/gsRigVROnK — 2z＠みんなのAI「AIメーカー」開発中 (@2zn01) 2018年8月18日 こんにちは、2z（Twitter： @2zn01 ）です。 誰でも気軽にAIを使える＆作れる！みんなのAIプラットフォーム「
Googleドライブに置いた画像のURL取得方法 (オリジナルとサムネイル) - Qiita
内容 Google Apps Scriptを使って、Googleドライブに置いた画像ファイルの本体とサムネイルへのURLを取得します。 背景 LINE Messaging APIで画像を送る際には、画像本体とサムネイル(240x240以下)へのURLが必要です。「本体はともかくサムネイルが必須って…」と悩んで調べ始めました。 https://developers.line.me/ja/reference/messaging-api/#image-message いまさらですが、リファレンスを見返すと、画像本体サイズも1024x1024以下となっていますね。 ここでは 見なかったこと にします。 必要なサービス Google Apps Script DriveAppを使うにあたって、なにか許可が必要だったような、違ったような… スクリプトと解説 // Googleドライブ上で共有設定した画像
「お前らのフリーランスになるメリットは間違っている」というお話 〜 リク◯ート半端ないって！編 〜
お願い この記事はいいねが短期間でつきましたが、Qiita運営側に都合が悪い内容なのでサイトTOPのトレンドやタイムラインに表示されなくなりました。 （大手企業が収入源なのでQiitaも都合が悪い。でも、勝手に記事を削除してしまうとサービスとしての信用問題になってくるからしない。といったところでしょう。） 読んでためになると思ったらSNSでシェアにご協力ください。 前回までのおさらい 前回、「フリーランスは事業だ」って話をした。 「お前らのフリーランスになるメリットは間違っている」というお話 しかし、フリーランスやってて色々なエンジニア（フリーや1人親方の経営者も含めて）と会うが、 「事業」と意識した判断・動きをしていない人がとても多い。 フリーランスといいながら、脳みそが会社員。 経営者やってるといいながら、脳みそが会社員。 そんな人がITフリーランスにはとても多い。 フリーランス１、２
「いまさら」なんて言わないで！ちょっと気が利くカード型レイアウト、Semantic UIで
すっかり定番になりつつある、カード型のレイアウト。単なるカードを並べるではなく、ちょっと気の利いた動きやビジュアルにもこだわったデザインを、Semantic UIで。 2016年、Web開発者にとって重要なトレンドの1つが、「カードベース」のデザインであることは間違いありません。 カードは多くのソーシャルサイト（Dribbble, Twitter, Facebook, Pinterest, Trelloなど）のWebとアプリで大きな成功を収めており、特にモバイルで使用されています。コンパクトで情報をまとめやすく、柔軟性が高いため、開発者にとってレスポンシブレイアウトを構築する際に便利で、コンテンツを別のコンテクストに適応しやすくなります。 ブログ投稿のリスト、レシピ記事、製品概要、特徴のハイライト、自己完結するウィジェットの作成など幅広いシナリオにカードが使えます。カードとは何か、そしてな
SSRじゃなくても大丈夫！AngularでつくったWebサイトをGoogleに読み込ませる方法 - Qiita
GoogleはJavaScriptを読むことはできるが。 Googleの進化は早いもので、「JavaScriptフレームワークは検索に弱い」と言われたのは今は昔。JavaScriptをちゃんと読み込み、レンダリング後をインデックスしますので、今では検索結果に表示するためだけにServerSideRenderingやpre-renderingをする必要はなくなりました。 ただ、その一方で、Googleのクローラーで採用されているJavaScriptのバージョンは低いです。ES5を使ってる模様。ES6以降を使って書いているJavaScriptコードは、Googleのクローラーは認識しない可能性があります。 AngularはES5への互換をデフォルトでは外している AngularにはES5互換のためにスターターテンプレートにsrc/polyfills.tsが内包されています。これを使うと、ES5
JavaScriptのイベントをたくさん見られるサイトを作る
JavaScriptのイベント、ややこしいですよね。 名前が似ているものや、使い方にクセがあるものもあり、簡単なようで実装に手間どることが多いです。なので、よく使うイベントの概要をざっくりまとめ、それぞれの実行タイミングとイベントオブジェクトをコンソールで確認できるサイトを作りました。 忘れたときに調べればいいだけの話なので、わざわざサイトを作る必要はなかったのですが、イベントを眺めるのが好きな人に見ていただけたら嬉しいです。 JavaScriptのイベントをたくさん見られるサイト ひたすらaddEventListenerしていたら、イベントに愛着が湧いたので、イベントの実装でハマりそうなところをまとめています。 なぜイベントを使うのか マウスなどはイベントじゃないと値が取得できませんが、頑張ればイベントを使わずとも実装できるものもあります。たとえば、テキストボックスの変更を知りたいだけで
[LINE Bot] 位置情報から食べログ3.5以上の優良店を検索するbot作った - Qiita
作ったもの 位置情報から近くの食べログ3.5以上の店舗を検索してくれるLINE Bot作りました。 【重要】2018.09.16 LINE Botが凍結され利用できなくなりました。 新たに２代目を作りました。こちらはDMをいただいた方にも教えています。 ▼位置情報から検索（1km圏内で最大10件を近い順に表示） ▼住所や地域名にも対応（Google Map APIを利用） ▼お気に入り登録を実装しました (2018.07.29) 記事も書きました：[LINE bot] 食べログ3.5以上を検索できるbotに「お気に入り登録」を実装した この記事で説明すること（ソース公開します) PHPでLINE botを動かす方法 (line-bot-php-sdkを利用した実装） Flex Messageの実装 Action時のデータを保持して次のReplyで利用する方法 細かいところはあまり説明しませ
![[LINE Bot] 位置情報から食べログ3.5以上の優良店を検索するbot作った - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff89ca50bc1c9bdded1f7de8daf583c2dd2d41e9/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCTElORSUyMEJvdCU1RCUyMCVFNCVCRCU4RCVFNyVCRCVBRSVFNiU4MyU4NSVFNSVBMCVCMSVFMyU4MSU4QiVFMyU4MiU4OSVFOSVBMyU5RiVFMyU4MSVCOSVFMyU4MyVBRCVFMyU4MiVCMDMuNSVFNCVCQiVBNSVFNCVCOCU4QSVFMyU4MSVBRSVFNSU4NCVBQSVFOCU4OSVBRiVFNSVCQSU5NyVFMyU4MiU5MiVFNiVBNCU5QyVFNyVCNCVBMiVFMyU4MSU5OSVFMyU4MiU4QmJvdCVFNCVCRCU5QyVFMyU4MSVBMyVFMyU4MSU5RiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MTkwODY2NjI3MzlmYzlkNjlhNjNmMzQwNWM1ZGVhNDI%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwTkFSSV9DcmVhdG9yJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jOTQyOWIxZjE1OWYxZTRjMzA3YzU0MWI3YzRkZDA4Mw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D2da9c3a7ddbfaf0f1c927f776545dec6)
router プロパティ
router プロパティ router プロパティを使って Nuxt ルーター (vue-router )をカスタマイズできます。 base 型: String デフォルト: '/' アプリケーションのベースの URL です。例えば、単一ページアプリケーション全体が /app/ 下に配置される場合、base の値は '/app/' を指定します。 これは、より大きな Web サイト内から、Nuxt を別のコンテキストルートとして提供する必要がある場合に役立ちます。フロントプロキシウェブサーバーを設定する場合としない場合があることに注意してください。 router.base にリダイレクトしたい場合、Hook を使ってリダイレクトすることができます。ルートでない場合 router.base にリダイレクトさせるを参照してください 。 Nuxt v2.15 以降では、実行時にこのプロパティの値
nuxt.jsのviewでパスパラメータを使いたいけど、ドキュメント読んでもよくわからなかった - Qiita
GWにはいってから、nuxt.jsをいじりはじめたのだけれど、パスパラメータをviewで表示しようとしたらハマった。 （動的なルーティングを生成するところまでは、ドキュメント読めばわかるのだけれど） 結論 正規 @ospy さん、コメントありがとうございます 参照： https://router.vuejs.org/ja/essentials/dynamic-matching.html <template> <h2>{{ $route.params.id }}</h2> </template> <script> export default {}; </script> 最初にたどり着いた結論 スタンダードなやりかたではないので こちらでもできなくないぐらいに捉えてください どうやらこうらしい。 script上では params で参照できるけど、それ以外だと使えない
PHP - エンジニアで稼ぐために大切な１９のコト - Qiita
プログラミング学習サービスやら、ペットサロン予約サービス、風俗検索サービスなど色々とやっている「かずきち」です。 ◾️Qiita記事 WEBサービスで起業したい人に読んで欲しい２０のコト ウェブカツ生を雇わない？転職できない？著作権無断使用の炎上から１年を経て思うところをぶっちゃける。 テックキャンプをウェブカツ!! 顧問が徹底レビューしてぶった切ってみた ■運営サービス一部 http://crazy-wp.com/ フリーランスエンジニアを育成するオンライン最大級のプログラミングスクール「ウェブカツ」 http://webukatu.com/ ■プログラミングスクール「ウェブカツ」の出版本 「小学生からでもプログラミングを楽しく学べる漫画作りたいなー」と思い立ち、外注してウェブカツで漫画本を作りました。KADOKAWAさんより出版しています。 はたらくプログラミング 完全版 (コミックエ
ウェブカツ運営者が語る！WEBサービスで起業したい人に読んで欲しい２０のコト - Qiita
プログラミング学習サービスやら、ペットサロン予約サービス、風俗予約サービスなど色々とやっている「かずきち」です。 ◾️その他Qiita記事 エンジニアで稼ぐために大切な２０のコト ウェブカツ生を雇わない？転職できない？著作権無断使用の炎上から１年を経て思うところをぶっちゃける。 テックキャンプをウェブカツ!! 顧問が徹底レビューしてぶった切ってみた ■運営サービス一部 http://crazy-wp.com/ フリーランスエンジニアを育成するオンライン最大級のプログラミングスクール「ウェブカツ」 http://webukatu.com/ ■プログラミングスクール「ウェブカツ」の出版本 「小学生からでもプログラミングを楽しく学べる漫画作りたいなー」と思い立ち、外注してウェブカツで漫画本を作りました。KADOKAWAさんより出版しています。 はたらくプログラミング 完全版 (コミックエッセイ)
あと払いペイディ｜法人のお客様｜株式会社Paidy
クレジットカードのいらないあと払い決済「ペイディ」なら、ユーザーのニーズに合わせた決済でカゴ落ちを防ぎ、売上アップが見込めます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
離島で3日間リモートワークしてみました - Qiita
車 拓哉 - Google 検索
GitHub - lkmadushan/vue-tuicalendar: Vue.js wrapper for TOAST UI Calendar
Optical Character Recognition (OCR) Tutorial (2nd gen) | Cloud Functions Documentation | Google Cloud
https://github.com/nuxt/hackernews/blob/master/pages/index.vue
mya-ake.com
