文中の文字を強調したいときどういった手法を使いますか？ 「文字を太文字に変える」 「文字の色を変える」 「アンダーラインを加える」 これだけでは、少しバリエーションが少ないようにおもいませんか？ そこで、今回は、cssで蛍光ペンのラインマーカーをテキストに配置する方法をご紹介します。 蛍光ペンといえば、誰しも教科書の重要な部分にマーカーを引いた思い出があるはずです。そんな、親しみやすく馴染みのある手法を使わない手はないですよね？ それでは、早速設置方法を見てみましょう！
【css】蛍光ペンで引いたようなラインマーカーをテキスト上に設置する方法
文中の文字を強調したいときどういった手法を使いますか？ 「文字を太文字に変える」 「文字の色を変える」 「アンダーラインを加える」 これだけでは、少しバリエーションが少ないようにおもいませんか？ そこで、今回は、cssで蛍光ペンのラインマーカーをテキストに配置する方法をご紹介します。 蛍光ペンといえば、誰しも教科書の重要な部分にマーカーを引いた思い出があるはずです。そんな、親しみやすく馴染みのある手法を使わない手はないですよね？ それでは、早速設置方法を見てみましょう！
Android Jetpack コンポーネントのNavigationのプロダクトへの導入手順と実装Tipsの紹介 - ZOZO TECH BLOG
はじめに こんにちは！ ZOZOテクノロジーズ開発部の鈴木(@zukkey59)です！ 普段は、「ファッションコーディネートアプリ WEAR」のAndroidアプリを担当しています。 私のWEARに配属されて初めての大きな仕事は、新規登録・ログイン機能へAndroid Jetpack コンポーネントのNavigationを導入することでした。 導入によってある程度知見がためることができました。 今回はNavigationをこれから導入したい！と検討している方、もしくは興味がある方に向けて、自身の知識の整理もかねて紹介したいと思います。 既に、Navigationの記事はQiitaやMediumに数多くあるので被っている内容もありますが、今回は導入からテストまでの一連の流れとその中で気づいた注意すべきところなどを一通り紹介させていただきます。 要件や仕様として、WEARで使用しなかったNav
CSSでfirst-letterを使って最初の一文字を指定する方法【初心者向け】
CSSでfirst-letterを使って最初の一文字を指定する方法【初心者向け】 初心者向けにCSSのfirst-letterを使って最初の一文字目のスタイルを指定する方法について解説しています。実際にコードを書きながら例をもとに説明しているので、自分でも書きながら理解していきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
MeCabをPythonから使う注意点とか
日本語の文章をコンピュータで色々いじるときに， 必ずと言っていいほどよく使うのが形態素解析器． スペースなどの明示的な区切りの無い日本語を単語に分割してくれるツールです． 中でもMeCabが非常に有名で，さまざまなところで使われています． MeCabはいろいろな言語から呼び出すことができます． 自然言語処理の分野ではPythonが人気のようですね．僕も使っています． しかし，MeCabをPythonから使う場合，注意する点がいくつかあります． そこにハマっている後輩を見かけたので，文章として残しておくことにします． Python2系が対象です(3系はよくわからない)． 注意するのは以下の二点です． MeCabに渡す文字列はencode，戻ってきた文字列はdecodeする MeCabに渡した文字列は必ず変数に入れておく EncodeとDecode Python2系の文字列には，バイト列として
【初心者向け】CSS｢marginが効かない｣｢heightが効かない｣｢widthが効かない｣!? - ｢display｣を設定してみる | block、inline、inline-block、tabel-cellなどなど : いつのまにかwebデザイン的な仕事で家賃
｢marginが効かない｣｢heightが効かない｣｢widthが効かない｣などCSSでお困りのあなた！ たぶん、初心者が書いたスタイルが反映されない原因の50％は、タイプミスだと思います。 いやスペルも書き方も完璧だ！(威勢いいな)という人は… ｢display:block;｣ あるいは… ｢display:inline;｣ これを、どうしてもあなたが書いたスタイルが効かない対象に設定してみてください！ すると…あーら不思議。突然効くようになったりします。 すぐに試したい場合は、ブラウザの開発環境を開いて(｢F12｣をクリックか、Windowsなら右クリックで｢要素を調査｣みたいな項目を選択)、そこでリアルタイムに設定してテストしてみるのが一番早いです。 上の動画ですが、英語です。 良い感じの日本語動画が探せなかったので…すみません。 では動画をレッツ再生！ まず、2:05あたりで、sp
文字を親要素の中央に配置する - Qiita
親要素に position:relative; （こう書くとその要素が子要素の位置の基準になる） そして子要素に position: absolute; top: 0; bottom: 0; left: 0; right: 0; Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
Javascriptでランダムな文字列を生成する方法 - Qiita
JavaScriptでランダム文字列を生成する方法はいくつか有ります。 結論 以下はJavascriptで8文字のランダム文字列を生成するコードです。 ほとんどの場合、これで十分です。 // 生成する文字列の長さ var l = 8; // 生成する文字列に含める文字セット var c = "abcdefghijklmnopqrstuvwxyz0123456789"; var cl = c.length; var r = ""; for(var i=0; i<l; i++){ r += c[Math.floor(Math.random()*cl)]; }
Python: KMeans 法を実装してみる - CUBE SUGAR CONTAINER
KMeans 法は、機械学習における教師なし学習のクラスタリングという問題を解くためのアルゴリズム。 教師なし学習というのは、事前に教師データというヒントが与えられないことを指している。 その上で、クラスタリングというのは未知のデータに対していくつかのまとまりを作る問題をいう。 今回取り扱う KMeans 法は、比較的単純なアルゴリズムにも関わらず広く使われているものらしい。 実際に書いてみても、基本的な実装であればたしかにとてもシンプルだった。 ただし、データの初期化をするところで一点考慮すべき内容があることにも気づいたので、それについても書く。 KMeans 法の具体的なアルゴリズムについてはサンプルコードと共に後述する。 今回使った環境は次の通り。 $ sw_vers ProductName: Mac OS X ProductVersion: 10.12.3 BuildVersion
PythonでSlackに投稿する - Qiita
機械学習の学習が終わったあと、結果を通知して欲しくて、調べたんでメモ。 Incoming Webhookを使う。 詳しくは、マニュアルで。 SlackでIncoming Webhookの登録をする Slackのアプリで、「Add an app or custom integration」を押す。 ブラウザが立ち上がるんで、右上にある「Build your own」を押す。 「Make a custom integration」を押す。 「Incoming Webhook」を押す。 投稿先のチャンネルを選んで作成すると、URLが出てくるんでコピーしとく。 Pythonを書く 実質、ワンライナー。 requestsを、pipとかで入れとく。 import requests import json requests.post('上でコピったURL', data = json.dumps({ 't
pythonでslack APIを試してみる - kazu22002の技術覚書
slackを使っているが、もっと情報を集めるツールとしてみたい。 メールで送信をしようとしたが、知識不足でドメイン周りでエラーがひたすら出た。（gmailです） まぁ、内部環境だからまともなドメインなんて取得してないですし。。。 と、そこでslackに投稿して処理の完了メッセージをやりたいな。と。 Slack APIを使ってみる。 とりあえず投稿するところまで。 APIです。 API Methods | Slack slackを利用していれば、簡単にできると思います。 手順としては、 Tokenの取得 チャンネルIDの取得 ポスト送信プログラム テスト Tokenの取得 ログインをした状態で以下のページで、参照 Slack Web API | Slack 下のほうでAuthenticationからTeamの「Create token」ボタンからtoken作成 Tokenができたら、あとで使
Webクリエイターの為の情報サイト | Web Programming Portal
みなさまどうもこんにちは。 続きまして『document.querySelector()』というのを紹介したいと思います。呼び方は「どきゅめんと」は省略されて「くえりーせれくたー」と呼ばれるのが一般的です。 これまで当サイトでは『document.getElementById()』や『document.getElementsByTagName()』などを紹介してきましたが『document.querySelector()』はCSSセレクタでHTML要素を指定することが可能です。 この『document.querySelector()』は比較的最近ブラウザに実装された関数(メソッド)になります。ちょうどHTML5が登場したあたりぐらいでしょうか。なのでIE7、IE6とかだと動かないです。IE8は一応動かすことができるのですが、たまにバグが出たりするので使う時はちゃんとそのソースコードが動いて
ページ内ジャンプ HTML <a>
リンクしたい場所にアンカー（目印）を置いて、<a href="#アンカー名">でリンクするとページ内ジャンプが出来る。 アンカー（目印）を作る <a name="アンカー名">文字</a> ページ内の好きな場所や特定の文字にアンカー名をつける。 例） <a name="a1" >内容</a> <要素 id="アンカー名"> 要素それぞれにid属性を使って、アンカー名をつけることもできる。 例） <h2 id="a2">内容</h2> 例） <div id="a3">内容</div> アンカー名は好きな名前をつけることが出来る。 同ページ内では、同じアンカー名は使えない。アンカー名は半角英数字でつける。 ページ内のアンカーへリンクする <a href="#アンカー名">文字・画像</a> <a name="アンカー名">や<要素 id="アンカー名">でアンカー名をつけた場所にリンクします。
リストから空の要素を削除する – 晴ノート ver.2
Pythonで、リストから空の要素を削除したい。つまり、 list = ['a', 'b', '', 'c', '', 'd'] を list = ['a', 'b', 'c', 'd'] としたかった。で、検索したら、 no workaround: python リストから空の要素を削除 Pythonにおける空要素を含むリストについて – Screaming Loud が引っかかって、それは確かにできるだろうけど、なんかスマートじゃないよな、Pythonってラムダ式とか使えないのか、と思ったら使えた。 list = ['a', 'b', '', 'c', '', 'd'] newList = filter(lambda s:s != '', list) # newList = ['a', 'b', 'c', 'd'] なんのことはなかった。
横並びリストを自動で折り返しさせる - CSSテクニック - acky info
positionを使ったCSSテクニック テキストリンクをpositionでずらしてクリック感をつける フォームのradiobutton、checkbox、selectのずれを調整する positionプロパティのrelative、absoluteの簡単な使い方 フォームに関するCSSテクニック :focusを使って入力中のフォームに背景色をつける 検索ボックスのデザインをCSSで整える フォームの送信ボタンにロールオーバーをつける フォームのradiobutton、checkbox、selectのずれを調整する フォームのIME-MODEを指定する 疑似クラスを使ったCSSテクニック liやtr、tdの背景色を交互に付ける :focusを使って入力中のフォームに背景色をつける テキストリンクをpositionでずらしてクリック感をつける 検索ボックスのデザインをCSSで整える フォームの
LINE風の吹き出し会話が簡単にできるCSSを作ってみた（はてなブログ） - 夜中に前へ
こんばんは、夜中たわしです。 今回は主にはてなブロガー向けの記事です。 前回の記事のためにLINE風の表現ができるCSSを作ったんですが、それのやり方が知りたいという熱い声（1件）があったので、公開することにしました。 他のサービスでも使用可能ですが、はてなブログ向けの導入方法として紹介します。 紹介するCSSでできること できないこと 制作背景・前置き 注意事項 CSSにコードを追加（その1） CSSにコードを追加（その2） 会話形式CSSを導入している場合 使用方法 おわりに 紹介するCSSでできること これから紹介するCSSでできる表現はこんな感じです なるほど しいたけ しいたけ そのしいたけの人は一体？ わかりません なんか料理が出てきた このようにLINEのグループ会話、に近い表現ができます。 補足：このしいたけは私が撮影したものです 一応、画像じゃないですよ。テキスト部分など
誰でもコピペで簡単に吹き出しで会話形式のブログが書けるCSS - 急がば 急いでまわれ！
2017.5月更新 こんにちは！いつの間にか14回目のカスタム記事！今回はブログでよく見かける『会話形式』の記事を簡単に実現させるCSSを作りました！ぜひご覧あれ！ 知らなきゃ損！いつでもAmazonで90%オフの商品を探す方法！ はじめに 完成系 まずはCSSをコピペしよう！ ブログでの使い方 簡単解説（飛ばして良し！） まとめ 【追記】この記事のCSSをもとにさらに手を加えてくれた素敵な記事があるので紹介します！ありがたい。 こんな記事も書いてるよん。 はじめに 参考記事としてこちらの記事を参考にいたしました。 akiueo (id:akiueos)さんのCSSも素晴らしいデザインですが、レスポンシブに未対応というのと、会話のアイコン画像が正方形の画像を使用しないと丸く表示されないので、この2点を改良して今回制作しました。 上記の記事内に「どなたか改良版をお願いします。」と書かれている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pass data between destinations | Android Developers
Get started with the Navigation component | Android Developers
Pythonのクラスタ分析 (K-means 法)で住所をグルーピングしてグーグルマップに出力 – ponvire
脱jQuery .addClass() .hasClass() .removeClass() .toggleClass() | q-Az
