みなさまこんにちは、のびーことfnobiです。今年ももうアドベントカレンダーの季節なんですね。はやいはやい。 さて個人的にアドベントカレンダーでは、振り返りの意味も込めて その年お世話になった技術に関する記事を書く、というルールにしてますので、今回は NetlifyとFirebaseの話 をします！！ （ちなみにFirebaseの話は去年もしたかったのですが、時間が足りなかった＆他の人も書いてたのでパスしました） この記事の目的 いまフロントエンドエンジニアに使ってほしいサービスの私的TOP2・NetlifyとFirebaseについて、様々な観点から比較して、 「なんかどちらも便利そうって聞くけれど、どちらを使えばいいのかわかんないな？？」 という人をこの世からなくします！ Netlifyってなんぞや？ https://www.netlify.com/ githubと連携可能な静的Webホ

今回は、「CSSセレクタ」 について解説していきたい思います。 主に、ブログでCSSデザインを導入する場合を想定 して、基本編・応用編の２回に分けて解説を進めて行きます。 今回は、基本編として、CSSセレクタについて簡単に解説した後、よく使う「基本のセレクタ」を紹介していきます。 ※ ブログでCSSを使用する場合は、お使いのブログがCSSの使用に対応している必要があります。 目次 CSSセレクタとは？ カスタム対象のクラスやIDの確認方法 記事中で紹介するコードの表示確認方法【ブログ向け】 はてなブログの場合 CSSファイルから試す場合 よく使う「基本のセレクタ」 要素の指定 ID名の指定 クラス名の指定 要素名＋クラス名で指定 特定の複数クラスを持つ要素を指定 複数セレクタの指定 子孫セレクタの指定 子セレクタの指定 まとめ CSSセレクタとは？ 「CSS」を使うと、HTMLの特定の要素

鎌倉は寒いです。みなさんはいかがですか。ソーシャルゲーム事業部のゲーム技研チームの谷脇です。 この記事はTech KAYAC Advent Calendar 2019 Migration Trackの10日目の記事です。9日目はデーモン管理をdaemontoolsからsystemdに移行させるでした。 ゲーム内お知らせとは みなさんは、スマートフォンのゲームをされますか。ええ、そこのあなたはよくされる。しかし、そちらの方はあんまりされない。なるほどなるほど。 では分かる人にはおさらいとして、あまりピンとこない方にはそんなことがあるのか〜となってもらうために説明させていただきます。 我々カヤックでゲームを運営している人々が「お知らせ」を指した場合、ゲーム内のある機能を示しています。他のゲームではニュースなどとも呼ばれています。 カヤックで作っているゲーム「ぼくらの甲子園！ポケット」(以下ぼく

今回は Netlify + GitHub 環境で簡単にサイトを公開する方法 について解説したいと思います！ 「 Netlify 」は静的コンテンツのホスティングサービスです。 GitHub や GitLab、Bitbucket のリポジトリに置いてある静的コンテンツを比較的簡単な設定で Web 上に公開することができます。 サイトを更新する場合も、GitHub に更新内容をプッシュするだけでサイトが更新 され、非常に便利です。 その他、公開用ブランチやディレクトリの選択が自由 だったり、無料枠の範囲で独自ドメインを設定できる など、簡単設定かつ高機能、懐にも優しいサービス内容となっています。 目次 目次 簡単な流れ 公開用の GitHub リポジトリの作成 リポジトリ作成 & クローン 公開用のブランチを作成 公開用ファイルを追加 コミット & プッシュ Netlify で公開設定 Net

静的コンテンツのホスティングサービス「 Netlify 」では、無料枠の範囲で独自ドメインの利用が可能です。 今回は Netlify に独自ドメインを設定する方法 について解説したいと思います。 目次 目次 はじめに 簡単な流れ カスタムドメインの設定 Netlify での設定 DNS 設定 サイトチェック まとめ はじめに 本記事では、以下の記事で公開したページをベースに解説を進めていきます。 Netlify + GitHub 環境で簡単にサイトを公開する方法 まだ Netlify を利用していない、または、独自ドメイン設定用のサイトがない場合は、上記のページを参考にサイトを公開してください。 簡単な流れ 本記事では、以下のような流れで解説を進めていきます。 Netlify でドメイン追加設定 DNS プロバイダで CNAME レコードを追加 サイトチェック まとめ それでは、早速、Ne

今回やること Atomのパッケージにhatena-blog-entry-postという、Atomからはてなブログにエントリーすることができるものが公開された。今回はこのパッケージを使って投稿してみる。 投稿の仕方 パッケージをダウンロード Atomの設定画面からInstall packagesに行き"hatena-blog-entry-post"と検索する。INSTALLをクリックする。 各種設定 無事インストールできたら、はてなブログに投稿するために以下の項目を設定。 - Hatena ID - Blog ID - API Key これらははてなブログの設定画面で確認することができます。 Atomで記事作成 Atomでctrl-nをおして新しいファイルを作成しctrl-sで適当な名前をつけて拡張子を.mdとしマークダウンファイルとします。 はてなブログに投稿 記事が完成したらctrl-a

FinderライクなUIがよきよき。Mac用RSSリーダー｢NetNewsWire｣が復活2019.09.03 14:0011,818 かみやまたくみ ダークモードありなのもグー。 先日、NetNewsWireというRSSリーダーがアップデートされ、バージョン5.0になりました。NetNewsWireはmacOS用のフリーウェアで、スクリーンショットを見てみると、FinderライクなUIで直感的に使いやすそう。 ・フォルダわけしてのウェブサイトの管理 ・キーボードショートカット ・★付け などなど、情報を消化し整理していくのに必要な機能は網羅されている印象です。残念ながらまだiOSアプリがなく、デスクトップとモバイルでの共有ができませんが、現在開発中とのこと。デザインがいいから、iOSアプリがきたタイミングでFeedlyから乗り換えてもいいなぁ。 米Gizmodoいわく｢もっともパワフルな

【書評】たった20記事のミニサイトで月10万アクセスを集める方法 最終更新日: 2022/05/08 公開日: 2018/04/01 「素人でもできる! たった20記事のミニサイトで月10万アクセスを集める方法（中島茂夫/著）」のブックレビューです。 2016年後半よりブロガー、アフィリエイターの間で未だブームが続いている「ミニサイト」。きっかけとなったのは和田亜希子氏の著書「ミニサイトをつくって儲ける法」です。 以来後続となる本がなかなか出てきませんでしたが、実に1年半ぶりに中島茂夫氏によってミニサイトに関する著書が出版されましたので早速購読してみました。 結論から言いますと、先の和田さんが著されたミニサイト本とはまったく視点の異なるものでした。 僕自身の「ミニサイト」に対する認識は「簡易な情報サイトの一種で完成形が想定されるもの」であり、どちらかと言うと和田さん寄りです。 ミニサイトと

100記事以上書いてきたので公開してみる。 去年からブログで本を紹介してきたが、いつの間にかその数が百を越えていた。ずいぶん前に「あと百冊書いたらノウハウを公開しようかな」*1と言っていたので、今日は書評の書き方を教えようと思う。 書評に必要な態度 友人にその本を紹介するように書くこと。よく見かけるのが引用文やあらすじをだらだらと書き写して最後に自分の考えを一言二言添えるだけ、というスタイル。友人にむかってあなたは同じことを行うだろうか。 「この本やばいよ」 「え？どこが」 「だから〜、ぺらぺらぺらぺら……」 十分後 「っていうわけなんだよー」 これでは本の面白さが伝わるわけがない。友人に紹介するなら、あらすじと気に入ったフレーズと述べるに留まる方が良い。「それだけでいいの？」と思うかもしれないが、それだけでいい。 ただ、もう少し付け足したいと思う時は次の要素を加えるといい。 書評を書くと

iPad Pro 10.5インチを購入してからApple PencilとSmart Keyboardを買い足し、これ一台で文章を入力したり画像関係の作業をできるようにしたりしました。その実験の中で、MWebというアプリを使ったらiPadでブログ更新環境の主要部分をまかなえるようになりました。 ライターとしての仕事の大部分もiPadでできるようになりましたし、荷物を削りたい長期外出などではパソコンを持って行かずとも仕事ができるようになったかもしれません。 MWebはマークダウンエディタです。マークダウンとは何かというのは調べてほしいのですが、簡単に言うと、H2のタグを＃＃（半角で）で表すことができるなど、簡単なHTMLの省略入力にも役立つものなんですね。  入力中には上記の図のように、HTMLの主要タグのボタンがあります。 上の図で「アプリ開発も1人でさまざまなスキルが求められるように」と

ブログを書くときにMWebというMac専用の有料エディタを使うようになりました。せっかく有料版を購入したので、詳しい使い方などを書いてみようと思います。 エディタ難民 私はWordPress上の管理画面からいきなり編集はせず、別のツールで編集してからWordPressで投稿するようにしてます。 編集ツールはマークダウンが使えるものを使っているのですが、これまでいろんなツールを試してきました。 Evernote → Qiita → Sublime Text → MwebLite → hackmdなどなど…。 MWebには無料版のMWeb Liteがあるのですが、そっちについては今年からちょいちょい使っていました。 機能的には有料版と無料版とでさほど変わらないのですが、保存できるファイルが10ファイルまでという制限がります。 私の場合、記事を書いて、公開しないままにしてしまうことが結構よくある

Site will be available soon. Thank you for your patience!

「文章を書くのが好き！」とは言えども、例えばそれが仕事や報酬のために書くものとなると、途端に苦しくなってしまう人は少なくない。 当ブログ『Webライターとして生きる』では、どうしたら無理なく楽しく執筆活動を続けられるのかを探るため、文章技法からSEOに至るまでさまざまな視点から考察を行ってきた。 以下の記事が、Webライター・ブロガー・アフィリエイターをはじめ、文章を書く仕事に携わる方々のお役に立てれば僕としてこれほどに嬉しいことはない。（五条ダン） 文章執筆技法に関するノウハウ 【おすすめ！】レトリックを身につけよう！（楽しいピクニック編） 縛りプレイ執筆法（筆力向上訓練） 「あなた」と呼びかける文体はすべて「わたし」へと置き換えられる コラム：文才と私たちのネコの話 【アフィリエイター向け】薬事法違反を回避するレトリック（修辞技法）の実例と分析 物書きのための自己管理術 ライターのため

To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.

legal-memo.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

OIEです。 今回は、稼ぐ特化型ブログの作り方と題して書いていきます。 重要なポイントは、基本的な事を理解し実行する。徹底的に基本的な流れを繰り返す事が、成功への最短の近道だと思ってほしいですね。 余計な情報に惑わされず、特化型ブログの作り方を今一度おさらいしましょう！ 現在進行系の”ナウ”な実践記まとめています↓ 特化型ブログ実践記まとめ 特化型ブログとは？ 特化型ブログとは、 1つのジャンルに特化した、専門的なブログ こういったニュアンスですね。 企業では、オウンドメディアと呼ばれています。自社の商品・サービスを紹介する特化型ブログですね。 特化する内容は・・ ドラマでも、自分物でも、新商品でも、家電・・・テーマ性があれば、何でも良いかなとは思いますが、効率的な特化型ブログの作り方を紹介しますね。 効率的な特化型ブログの作り方 特化型ブログでもオウンドメディアでも大事なポイントは ペル

以前、2つのAmazon画像加工ツールを紹介しました。『Azlink』と『ポンデリンク』です。 ・【AZlink】Amazonの画像をアイキャッチにするときに使ってるツールを紹介するよ！ ・【ポンデリンク】Amazonの画像をアイキャッチにするときに使ってるツールを紹介するよ！Part2 ところがどっこい、この2つのサイトがどうも最近使えないのです（2017年7月12日現在）。 助けて！AZlinkとポンデリンクが使えない！ AZlinkの場合 Azlinkで商品を検索するとこんな画面が出てきちゃうよ！ でも、長くAZlinkを使ってる人は「あぁ、またか…」って思ってるでしょう。そうなんです。これ、度々なるんです。そんでしばらくすると復旧する。 今回も多分、いずれ近いうちに復旧するとは思いますけど、やっぱりこれが一番便利なので困っちんぐなんです。 ポンデリンクの場合 ポンデリンクの場合、商

ここに JPGまたはPNGデータをドラッグ&ドロップ または ファイルを選択 5MBまでのJPG形式またはPNG形式のファイルのみアップロードできます。