本のバーコードを読み取ってNotionで読書録を作成するアプリを作ってみた - Qiita
はじめに はじめまして。インディーゲームを作っております、nyorokoと申します。 ゲームづくりの他に読書が好きで、「読書録を簡単に作成・管理することはできないか？」という問題意識があり、タイトルの通りのアプリを作ってみました。 2022/5/23 思ったよりも反響があったため、加筆した第二弾を公開しました！ 完成したもの 以前Notion APIを用いて、 本のバーコードを読み取る →ISBNを取得する →ISBNから本の情報を取得する →Notionのデータベースに追加する という一連の動作を行うアプリを開発しました💪🏾(´･_･`💪🏾) pic.twitter.com/GqPBPV7sin — nyoroko (@nyoroko_nyoro) February 21, 2022 Notionとは？ Notion公式サイト Notionとは、タスク管理やメモ等を一元的に行うこ
Google、SEOに適したLazyloadの仕様を公開
[レベル: 上級] SEO と相性がいい Lazyload の実装を解説するドキュメントを Google はデベロッパー向けサイトで公開しました。 3つのアドバイス ドキュメントには3つの指針が書かれています。 1. viewport 内で見えるようにする viewport 内にあるコンテンツは、必ず Google にも見えるようにしておきます（viewport は簡単に言えば、スクリーンに表示される領域）。 つまり、重要なコンテンツが viewport に入ったときは確実に読み込ませます。 IntersectionObserver API と polyfill を実装するように Google は指示しています。 2. 無限スクロールでは paginated loading を使う 無限スクロールを採用している場合は、paginated loading を実装します。 paginated
Google Fonts + 日本語を使用して、Webサイトやブログがどのように表示されるか試すことができるツール -Fonty | コリス
2018年9月にGoogle Fontsは日本語が正式にサポートされ、既に利用されている人、検討されている人も多いと思います。当ブログでも早期アクセスから使用しています。 日本語の正式サポートに伴い、Google Fontsを使用したさまざまなツールも日本語が利用できるようになりました。 自分のWebサイトやブログに、Google Fonts + 日本語を使用するとどのように表示されるか試すことができるオンラインツールを紹介します。 参考: Google Fonts + 日本語 Google Fonts + 日本語でどのように表示されるかテスト Google Fonts + 日本語の使い方 Google Fonts + 日本語でどのように表示されるかテスト Google Fonts + 日本語を使用するとどのように表示されるか試すことができるオンラインツールはこちら、Fontyです。 登録
SoundFlowerとwriter.appを使った、自動文字起こし術決定版｜平野太一
文字起こしは、記事をつくる上で大事な工程のひとつ。 でも取材が終わった瞬間に、取材に行く前にやっていた“すぐにやらなければいけない仕事”をやったり、他の人から頼まれたタスクをやっているうちに、文字起こしがどんどん後回しになって億劫に。それなら、早いうちにクラウドワークスに出した方が効率がいいなと思って、ここ最近はそうしていました。 ・・・ そんなとき、こんなツイートを目にして、文字起こしを自動化できるかもしれない…！と思い、さっそく試してみました。 紹介されていたのは、「SoundFlower」と「Google Docs」の2つのツール。 ■ SoundFlower : https://github.com/mattingalls/Soundflower/releases ■ Google Docs : https://docs.google.com/ SoundFlowerの導入について
初心者の為のGoogleアナリティクスを図解で説明した完全マニュアル｜魂を揺さぶるヨ！
こんにちは、ユレオです。 数多くのブログがある中、当ブログ「魂を揺さぶるヨ！」を閲覧いただきありがとうございます。 本日この記事を読むために訪れた方はブログを始められたばかりの方か、ブログを始めてみたがGoogleアナリティクスをあまり利用されておらず、使い方を確かめたい方ではないでしょうか。 Googleアナリティクスを始めるには覚えることが多いですが、すべての機能を覚えないといけないわけではありません。 必要最低限の「これだけ覚えておけば便利に使える」という機能があり、それらを覚えた後に必要であればもっと深く勉強するというのが効率的かと思います。 そういった方のために、本日は「初心者の為のGoogleアナリティクスを図解で説明した完全マニュアル」として詳しく説明していきたいと思います。
【スパム 対策】勝手に貼られた被リンク チェックとリンクを否認する方法
以前からもありましたが、最近コピーサイトや粗悪なサイトからのリンクが増えているようです。 今回は初心者向けにサーチコンソールの被リンクのチェック方法とリンクを無効にするバックリンクの否認の手順を紹介したいと思います。 被リンクとは 被リンクとは文字通り「被」リンク、他のサイトやページからリンクを貼られている状態のことです。 被リンクは、Googleがサイトの評価をする要素の1つと言われており、SEO対策の重要な要因と言われてきました。（*1) 最近の結果は違いますが、「18歳未満」と検索するとYahooやGoogleが上位表示されている時期がありました。（かなり古い話ですが・・・） その理由は、大量のアダルトサイトから「18歳未満はこちら」というリンクをYahooへのリンクにしていたため、18歳未満＝Yahooと、検索エンジン側で認識してしまったからです。この事例からは被リンクの影響度が強
Search Console（サーチコンソール）で1記事1記事の検索順位を調べる方法【絶対保存版】
では、早速どんな設定をしたらあなたの記事の特定のページが今どんなキーワードで何位くらいにいるのかが分かるのでしょうか？実際にサーチコンソールの画面を使いながら解説をしていきたいと思います。 まず、今回の方法はGoogle Search Consoleにブログサイトを登録していることが条件です ただし、気を付けてほしいことがあります。あらかじめ、Google サーチコンソールにあなたのブログサイトの登録をしておく必要があります。 今回の記事を読んで『じゃあ僕もやってみよう！』という事で、今日からサーチコンソールにサイトの登録をしてもすぐにはデータは取れません。という事で、まだサーチコンソールにサイトの登録をしていない場合は、以下の記事を参考に登録作業をやってみてください。 ▼Search Consoleをこれから使い始める場合はコチラ↓ 『Search Console（サーチコンソール）への
数字が美しい書体選びの秘訣とは？すぐに使える Google フォント20個まとめ付
「数字」にフォーカスを当て、書体の選びかたやデザインの秘訣ガイドラインを学びながら、実際に使えるフリーフォント素材20個をまとめてご紹介します。 数字デザインを選ぶときの原則事項 著者 Samantha Zhang の働く Graphiq では、データ表やチャート、インフォグラフィクスなど、細かい数字をいつもたくさん扱っています。データの視覚化では、 ほとんどのデータで Helvetica（ヘルベチカ）書体を利用していますが、フォントを選ぶときのガイドラインがいくつあります。 1. ライニングと等幅ライニング数字を選ぼう。 まずよい数字フォントを選ぶコツとして、ライニングまたは等幅ライニング数字かどうか確認しましょう。 ライニング数字（英: Lining Figures）とは、ベースライン（英: Base Line）とキャップ・ハイト（英: Cap Height）の高さが揃っていることを指
モバイルページの高速化！ AMPの利点と対応HTMLの作り方 - ICS MEDIA
AMP（Accelerated Mobile Pages＝アンプ）とは、2016年2月にGoogleが導入した、モバイル端末（スマートフォン・タブレット）でのウェブページの表示を高速化するためのプロジェクトです。AMP対応のウェブページは従来に比べ平均4倍程の速度で表示できるため、さまざまなメリットがあります。 本記事ではAMP導入のメリットと作り方を紹介します。AMP対応することによってアクセス数が増大した話もありますので、記事のシリーズで紹介します。 導入の利点① ページ表示が超高速になる モバイルブラウザで、AMPページにアクセスしたときにものすごいスピードでウェブページが表示されます。読み込み待ちのイライラがなくなるため、ユーザーストレスの軽減につながります。 導入の利点② 検索結果でAMP（稲妻マーク）が表示される モバイルでのGoogle検索で、AMP対応のウェブページは稲妻マ
Google スプレッドシートで株価情報とか取得しちゃいましょう。 - 5億円稼いだらニートになるんだ。
初めに Googleスプレッドシート知ってるかな？ オンラインで使えるエクセルみたいなもんなんだけど。 エクセルは知らない人は、ググれ。 さすがにそこまではフォローせんわ。 僕はさぼてん君派です。っていう人いたらなかなかマニアック。 私は株データとか管理するのにGoogleスプレッドシートを使ってるんですけど、なぜかというと、こうやってブログに公開しやすいから。 rilakkuma.hatenadiary.jp ちなみに今こんなん作ってます。 証券コードを入れれば会社名とかデータが出ちゃうって寸法ですわ。 おーこりゃ便利って思う？ 単純に管理とかデータ見つけるならそれ用のアプリ使った方がいいんじゃないかなって私は思います。 Googleスプレッドシートを使う前に 使うにはまずグーグルアカウント登録しないとダメです。 作り方？ いろんなホームページとかで解説されてるからググろうぜ。 ここはや
儲かる記事が一目瞭然！！Google Analyticsで【記事別収益】を見る方法 - とまじぃさんち
2016 - 05 - 06 儲かる記事が一目瞭然！！Google Analyticsで【記事別収益】を見る方法 インターネット インターネット-GoogleAdsense シェアする Twitter Google Pocket Line スポンサーリンク GWもほぼ終了。 みなさんのGWのAdsenseはいかがでしたか？ 平日特化型の当ブログは完全に閑古鳥が泣いておりまして、5日間で400円切ってます（泣） その分Amazonさんが1000円弱行ってくれてますので、「休日はAmazon系記事」に注力しようかな～（日和見 AdsenseとAnalytics 広告界の雄 「Google Adsense 」そしてアクセス解析界の巨塔 「Google Analytics」 。 ブログで少しでもお小遣いを稼ぎたい方々は、大部分の人が導入していることと思います。 Google Adsense は
エムハンドブログ｜大阪のホームページ制作会社｜創業21年のエムハンド
【無料ウェビナー開催】求人媒体から脱却する採用ブランディング 内容 「らしさ」を引き出す採用ブランディングを手掛けているFloom様と、求職者が「覚える」採用サイト制作を得意としているエムハンドで共催し、それぞれの得意分野を交えて「採用ブランディング」の具体的なアプローチにフォーカスしたウェビナーを実施いたします。各社が培ってきたノウハウを活かし、総合的に採用活動を改善する方法をご紹介いたしますので、是非ご参加ください。 トークテーマ 採用ブランディングに必…
Google Docsのスプレッドシートで多言語対訳表が簡単に作れるよ - 太陽がまぶしかったから
対訳表を作るのが面倒 システム設計をする時に、データベース名や変数名や表示名などを決めるのが面倒だ。一般的には英字文字列で作るのだけど、ローマ字で「kokyaku」とか付けるのはダサいし、いちいち辞書を引いていくのは億劫。 多言語対応のために表示名をフランス語にするみたいな要件もでてくるが、これらの作業の下準備を実現する手段として、Google Docsのスプレッドシート（表計算ソフト）の翻訳関数を利用する方法が考えられる。 =IF($A2<>"", GOOGLETRANSLATE($A2,"ja","en"),"") 指定セルの内容を翻訳するには「GOOGLETRANSLATE(値,ソース言語,ターゲット言語)」関数を入力する。例えばセルの計算式に上記式を入力すると「A2セルの内容がある場合にA2セルの値を日本語から英語に翻訳する」という意味になる。 スプレッドシートで多言語対訳表を作る
Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か？ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE
【WordPress高速化】レスポンシブデザインのサイトに必須!!画像切り替えプラグインHammy – 旧・中川勉社会保険労務士事務所FPウェブシュフ
Hammyは、スマホ閲覧時に表示する画像を、PC閲覧時よりもサイズの小さなものに置換するプラグイン。WordPressサイトのモバイル閲覧時における表示高速化に大きく貢献します。 注意：2017.7.13現在、2年以上もの長期にわたってプラグインの更新が停止しているので、作者がもはや熱心には管理していない可能性があります。 序章:Googleさんから、モバイルのみ「画像を最適化しろ」と警告された。 ドヤ顔でWordPress高速化～Google PageSpeed Insights 90点達成対策まとめを書いたくせに、しばらくPageSpeed Insightsを見てませんでした。 先日、久しぶりに自サイトの記事の表示速度を測りました。すると衝撃的事実が判明。 なんと「モバイル」で画像最適化の警告を受けました。 修正が必要: 画像を最適化する 画像に適切なフォーマットと圧縮を選ぶことで、デ
Chrome デベロッパーツールでのJavaScriptデバッグ方法 | Web Tips
公開日：2014年6月24日 最終更新日：2014年7月13日 Chrome デベロッパーツールでは、強力なJavaScriptデバッグ機能をもっています。 ブレークポイント設定やステップ実行で、効率的にバグの原因を見つけることができます。 【コンテンツ】 パネル外観 ブレークポイントを設定する サイドバーにある各ペインの説明 【記事執筆時の環境】 Windows 7 Professional 32bit SP1 Google Chrome 35 パネル外観 JavaScriptのデバッグは、Sourcesパネルで行います。 右サイドバーには一番上に実行を制御するボタンがあり、その下にデバッグ情報がいくつかのペインに分かれて表示しています。 各制御ボタンの説明は以下になります。 ：Pause script execution(F8) 実行を停止します。 ：Resume script exe
WordPressに自作のGoogleキーワードサジェストツールを設置したったww – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログ
以前にGoogleサジェストキーワード一覧を取得してくれるツール5つという記事を書いた@web_shufuです。最近、お気に入りのツールにつながらないことが多いので、Googleキーワードサジェストツールを自作してやりましたよ。 まずはGoogleキーワードサジェストツール用固定ページを作成 Googleキーワードサジェストツール用に固定ページを1ページ割り当てます。タイトルは「Googleキーワードサジェストツール」スラッグはsuggestとでもしておきましょう。 本文は空にしたままで結構です。 公開状態を「非公開」にして「更新」青ボタンを押してください。 次にページテンプレートを作って、サジェストツール用コードをゴリゴリ書く まず、テキストエディタで白紙のページを作り、page-suggest.phpと名づけます。（Twenty twelveテーマを使っているなら/wp-content
【2014年完全版】準備1分、毎日たったの3ステップ！簡単！Googleアナリティクス基礎指標
「これだけ！」系の記事はこれだけある Googleアナリティクスくらい汎用性が高く、どのホームページ担当者にもかかわるツールですと、「これだけ見ておこう！」「知るべき～点」「必須のメニュー3選」といった定番の記事がたくさんあります。 参考リンク：まずはココだけ抑える！Googleアナリティクスの見方5選 参考リンク：初心者向け： Google Analytics のこれだけはおさえておきたい、使える10の指標 参考リンク：これだけ見ておけばとりあえず大丈夫！僕が設定しているGoogleAnalyticsのカスタムレポート5つ みなさんは、いくつ読まれましたか？ どの記事もとてもわかりやすくて参考になりますが、それでもなかなか取っ付きづらいのがGoogleアナリティクスな訳です。 先日、メンテナンスは入っていましたが、Googleアナリティクスの2014年の新機能実装もそろそろ落ち着いてきた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Chrome」からWindows/Mac/Linuxへリモート接続！ Googleが公式提供する無償ツール【レビュー】 - 窓の杜
エムハンドブログ｜ホームページ制作会社のエムハンド【大阪】