タグ

hrmzのブックマーク (2,076)

  • Pythonを書き始める前に見るべきTips - Qiita

    Pythonを使ってこの方さまざまな点につまずいたが、ここではそんなトラップを回避して快適なPython Lifeを送っていただくべく、書き始める前に知っておけばよかったというTipsをまとめておく。 Python2系と3系について Pythonには2系と3系があり、3系では後方互換性に影響のある変更が入れられている。つまり、Python3のコードはPython2では動かないことがある(逆もしかり)。 Python3ではPython2における様々な点が改善されており、今から使うなら最新版のPython3で行うのが基だ(下記でも、Python3で改善されるものは明記するようにした)。何より、Python2は2020年1月1日をもってサポートが終了した。よって今からPython2を使う理由はない。未だにPython2を使う者は、小学生にもディスられる。 しかし、世の中にはまだPython3に

    Pythonを書き始める前に見るべきTips - Qiita
  • 最近のWebサイトで使われてる、UI要素をデザインするテクニックのまとめ -Little UI Details by Steve Schoger

    ぱっと見ただけではなかなか気がつかないような、ディテールにこだわった素晴らしいデザインのアイデアとテクニックを使ったUI要素を紹介します。 最近のWebサイトで見かけるUI要素がたくさんあり、すぐに次のプロジェクトに役立つと思います。

    最近のWebサイトで使われてる、UI要素をデザインするテクニックのまとめ -Little UI Details by Steve Schoger
  • クレジットの記載無しで、すべて商用利用無料!写真・動画・イラスト・フォントがダウンロードできる -Stockio

    高解像度の写真、ベクターのパターン素材やイラスト素材、SVGのアイコン素材、動画、フォントなど、すべてが商用利用無料、クレジットの記載無しで利用できる無料素材の総合サイトがローンチされました。 素材はすべて1クリックでダウンロードでき、登録やメールアドレスなど面倒なことは一切不要です。

    クレジットの記載無しで、すべて商用利用無料!写真・動画・イラスト・フォントがダウンロードできる -Stockio
  • 無能にペナルティを課しても、無能は組織からなくならない。では、どうするか。

    いろいろな会社で仕事をしていると、「ケアレスミスをする人」「同じミスを繰り返す人」に結構な割合で遭遇する。 やれるのにやらない、わかっていてもできない、大事なことを忘れる、そのような行動を繰り返す彼らに付けられる名前は無慈悲そのものだ。 すなわち、「無能」である。 そして、世間は無能には極めて厳しい。 ハーバード大学公衆衛生学のアトゥール・ガワンデ氏は次のように表現する。 私たちは、そのような「無能」の失敗に対しては感情的になってしまいがちだ。 「無知」による失敗は許せる。何がベストなのかわかっていない場合は、懸命に頑張ってくれれば私たちは満足できる。 しかし、知識があるにもかかわらず、それが正しく活用されてないと聞くと、私たちは憤慨せずにはいられない。 氏の述べる通り、「知っているのにやらない」時や、「わかっていてミスをした」時には、組織はミスをした人物に非常に冷酷な仕打ちをする。 叱責

    無能にペナルティを課しても、無能は組織からなくならない。では、どうするか。
  • Webデザインのスタイルガイドの作り方

    Webサイトの制作はどんどん複雑化しており、1人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で

    Webデザインのスタイルガイドの作り方
  • どんどん便利になってるChromeの機能拡張!Web制作に便利な機能がまとめられた -CanvasFlip

    DOMの構造を調査する、要素のサイズを測る、要素のみのキャプチャを撮る、画像ファイルを抽出する、カラーやテキストを編集するなど、これらWeb制作に便利な機能がまとめて、しかも高性能で快適に利用できるChromeの機能拡張を紹介します。 それぞれ単体の機能拡張を使用している人は、一つにまとめられて簡単だと思います。 CanvasFlip CanvasFlipの機能 CanvasFlipのインストール CanvasFlipの使い方 CanvasFlipの機能 CanvasFlipは先日リリースされたばかりの新しい機能拡張で、私も先週から使用していますが、かなり便利です。パネルのUIも操作しやすく、ページに表示されるハイライトやメジャーも見やすいと思います。 ページの基情報。 指定した要素のプロパティを表示するインスペクタ。 インスペクタでスタイルを変更すると、すぐにページに反映されます。 メ

    どんどん便利になってるChromeの機能拡張!Web制作に便利な機能がまとめられた -CanvasFlip
  • マテリアルデザインをサクッと実装できるCSSフレームワーク6選【2017年版】

    グーグルが自社のデザインにマテリアルデザイン(Material Design)を導入したのは2014年のことです。以来、Gmail、Docs(Googleドキュメント)、Drive(Googleドライブ)など、マテリアルデザインは多くのグーグル製品に実装されました。マテリアルデザインはAndroidネイティブアプリケーションにも、モダンWebアプリケーションにも見受けられ、人気はますます高まっています。 最新のデザイントレンドを追いかけるWeb開発者なら、マテリアルデザインも選択肢に入るでしょう。そこで、マテリアルデザインのCSSフレームワークと機能を紹介します。プロジェクトに合うフレームワークを見つける助けになれば幸いです。すばらしいWebエクスペリエンスの実現のため、助けてくれるパートナーを見つけてください。 フレームワークの人気度や利用できる機能の詳細は変わる場合があります。フレーム

    マテリアルデザインをサクッと実装できるCSSフレームワーク6選【2017年版】
  • 会社員の私がIPO株投資で年2,000万円の利益を得た方法の全て | 投資の教科書

    IPO投資と言うと、あなたはどういうイメージをお持ちになるでしょうか? 株式投資について勉強し始めたばかりの方は、あまり聞きなれないかもしれません。また、IPO投資のことを知っている方は、「どうせ当たらない」と思われていることでしょう。 私は、9年前の2008年から格的にIPO株を柱とした株式投資を実践してきました。証券会社で働いていた時にIPOに関連する業務に就いていたため、 IPOによって企業の株価がどのように変わるか? 上場後にどのような動きをする傾向があるか? など自然と観察し研究するようになっていたのです。 結果、IPOによる株価の移り変わりのパターンをいくつか見つけることができました。その経験をもとにIPO投資を始めて、実践も重ねた結果、年々、成績が右肩上がりで伸びてきました。 昨年の2016年には、これだけで投資利益は2,000万円を超えました。信じられない方もいらっしゃる

    会社員の私がIPO株投資で年2,000万円の利益を得た方法の全て | 投資の教科書
    hrmz
    hrmz 2017/07/19
  • プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】

    なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ8つの基ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基ルール1 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで

    プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】
    hrmz
    hrmz 2017/07/11
  • PREP法とは? 文章構成力を上げる3つの方法。SDS法・穴埋め文章作成法も | 次々に読まれる文章とは?

    次々読まれる文章の「文章構成」の実践編として、今回は具体的な3つの「文章構成のテンプレート」を紹介していきます。 テンプレートは、当てはめるだけで目的に沿った文章の流れができる「文章構成の型」です。構成が決まっていると、安心して「内容(メッセージ)」に集中できますので、あなたの文章クオリティアップにつながります。 テンプレートを具体的に解説する前に、テンプレートを効果的に活用するために必要な前提を共有させてください。 文章を書けなくしている「思い込みの罠」「文章は始めから、順番通りに書かなければならない」という思い込みは、ありませんか? もし、その思い込みを少しでもお持ちなら、すぐに捨ててください。「書き始め」から順番に書かなければならないと思っていると、手が止まり、文章自体が書けなくなってしまいます。 まず、ここで大前提としてお伝えしたいのは、「文章はどこから書いてもいい」ということです

    PREP法とは? 文章構成力を上げる3つの方法。SDS法・穴埋め文章作成法も | 次々に読まれる文章とは?
    hrmz
    hrmz 2017/06/13
  • AIを利用したシステム開発を受託したベンダが絶対に知っておくべきポイントと具体的契約条項|知的財産・IT・人工知能・ベンチャービジネスの法律相談なら【STORIA法律事務所】

    この記事は「AI法務Q&A~AIの生成・保護・活用に関する法務Q&A~」のうちのQ&Aの1つです。 Q&Aの全体像については「AI法務Q&A~AIの生成・保護・活用に関する法務Q&A~」をご参照ください。 「AIを利用したシステム」の開発は、これまでのシステム開発と異なる点があり、特にベンダ側が知っておくべきポイントが何点かあります。 【AIシステム開発に際してベンダが知っておくべきポイント】 1 まずは「できないこと」をはっきりさせ、ユーザーの期待値のコントロールをする 2 成果物に関する権利の取り扱いが一番のポイント 3 生成した学習済モデルについて蒸留行為や派生モデル生成行為をすることがOKかNGか 4 モデル生成のためにユーザーから提供を受けるデータの取り扱いに注意する 5 システム障害が生じたときの責任分担が不明確になりがちなので要注意 この記事では、ユーザーとベンダがシステム開

    AIを利用したシステム開発を受託したベンダが絶対に知っておくべきポイントと具体的契約条項|知的財産・IT・人工知能・ベンチャービジネスの法律相談なら【STORIA法律事務所】
  • アフィリエイト初心者はロングテールの広がりがあるジャンルがおすすめ | アフィリエイト野郎!

    アフィリエイトは、続けることで誰でもある程度稼ぐことができます。続けるためには、すぐに成果が出ることが大切なので、初心者は初心者向けのジャンルで挑戦するのが良いと思います。 初心者がビッグワードやミドルワードを狙うのは無謀なので、アクセスの多くはロングテールキーワードになります。 検索数の絶対量が多くても、それがビッグやミドルに偏っている場合、初心者ではアクセスを集めるのが難しいかもしれません。 ロングテールSEOと言っても、ジャンルによってロングテールの広がりが異なるので注意が必要です。 初心者はテールが広いジャンルにしましょう。尻尾だから長いか?感覚的に長さというよりは広さという感じですね。 私が今までにやったジャンルでテールの広がりを感じたのは、「車買取、キャッシング、クレジットカード、債務整理、レンタルサーバー」です。テールが狭かったのが「生保、引越し、外壁塗装」です。 まだやって

  • cssで作るシェアボタンのデザインパターン36種類 - FOXISM

    cssで作るシェアボタンのデザインパターンをたくさん考えてみました。とりあえずシェア数の表示がない、単純なボタンとして36種類あります。(色違いなども若干含みます。) 記述するhtmlはどれも同じようなものですが、一部微妙に異なるものもあります。基的にはcssだけでデザインを決めています。アイコンフォントに関してもcssだけでほとんどやっていますが、そのコードは省略していますのでソースを見てください。 コピペでもだいたい使えると思いますが、それぞれ微調整が必要なものもあると思います。なのでコピペだけでなく自分のサイトに合わせて調整できるcss中級者以上向けですね。スマホ表示も考えてないし。(スマホで見ると崩れてるやんwと思う人はこの記事の対象外です。) というか、ローカルなhtmlで作っていたものをここにコピペしたらうまく動かないものやフォントが反映されていないものがありました。面倒なの

    cssで作るシェアボタンのデザインパターン36種類 - FOXISM
  • 日本語対応!CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

    2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います! ↑私が10年以上利用している会計ソフト! 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の

    日本語対応!CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
  • JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め~実践向け逆引き(windows,chrome向け)~ - Qiita

    JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め~実践向け逆引き(windows,chrome向け)~JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました! こんにちは!エイチーム引越し侍の加藤です! みなさんJavaScript書いてますか? console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が

    JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め~実践向け逆引き(windows,chrome向け)~ - Qiita
  • グルメ界の絶対王者「食べログ」から検索1位を奪取したSEOのすべて

    著者:お得情報研究家まめ お得情報研究家として、テレビ出演多数。大阪在住の男性です。結婚や子育てで、あまりにもお金がかかる割に、安月給で将来が不安に。実体験を元に、消費・投資・浪費に関わるお金の使い方や節約情報を配信しています。お得情報や割引クーポン、コスパのいい商品を探すのが得意。 まめのプロフィール X(Twitter):お得情報研究家まめ|ビリオンログ インスタグラム:お得情報研究家まめ|ビリオンログ

    グルメ界の絶対王者「食べログ」から検索1位を奪取したSEOのすべて
    hrmz
    hrmz 2017/03/17
  • Amazon、Google、IBM、Microsoftが公開する、AIを使うための「API」「ライブラリ」「実行環境」一覧

    AIには、複合的で意思を持つ「強いAI」と、何かを認識することに特化した「弱いAI」があります。ドラえもんのような「強いAI」はまだ生まれておらず、現在利用可能なものは「弱いAI」。その「弱いAI」のAPIを公開している代表企業として挙げられるのが、Amazon.com、Google、IBM、Microsoftといった企業です。

    Amazon、Google、IBM、Microsoftが公開する、AIを使うための「API」「ライブラリ」「実行環境」一覧
    hrmz
    hrmz 2017/03/09
  • 300万PV超えの人気Webメディアはどのように作られているか

    人気の秘密を探る この記事では人気のウェブメディアがどのような戦略・デザインでユーザーを集めているのかを分析します。対象は月間PV数が300万PV以上のメディア。それほどに読まれる仕掛けはどこにあるのでしょうか。

    300万PV超えの人気Webメディアはどのように作られているか
  • TwilioとGoogle Cloud Speech APIで電話の内容を文章に変換する | DevelopersIO

    Google Cloud Speech API (以下Speech API) を利用すると、人間が発声した音声をAPIを通してテキストに変換することができます。 Speech APIは日語にも対応しているため、国内でも電話で話した内容を自動的にテキストに変換するといったようなことが出来るようになります。 ということで、Twilio, Zappa, Speech APIを組み合わせて、サーバレスに電話の内容を文章化する仕組みをつくってみました。 構成 以下が今回作成した仕組みの構成図になります。 Twilioを用いて電話から音声を録音する方法については、こちらの記事を参考にしてください。 上記の記事に加えて、Twilioから録音された音声ファイルのURLをSNSを通して別のLambda Functionに投げ、そこから音声ファイルの取得とSpeech APIへの問い合わせを行っています。最

    TwilioとGoogle Cloud Speech APIで電話の内容を文章に変換する | DevelopersIO
  • ウェブサイトの配色を決めるときに覚えておきたい7つのポイントまとめ

    配色とは、他のデザイン要素と同じように、適度に使用することが大切です。最大で3つの色数に抑えることで、より良い結果を得ることができる傾向があります。デザインプロジェクトで色を適用することは、バランスを取ることと深く関係しています。使用する色数が増えれば増えるほど、バランスを取るのがより複雑になります。 色はデザインに心地よい品質を加えるのではなく、補強します。 Pierre Bonnard カラーパレットで決めた以外の色が必要がときは、色彩と色合いをうまく利用することで、異なるデザイントーンを実現できるでしょう。今回は、ウェブサイトの配色を決めるときに覚えておきたい7つのポイントを詳しくご紹介します。 60−30−10ルール このインテリアデザインルールは、いつの時代にも活用できるデザインテクニックで、配色を手軽にまとめるのに役立ちます。60%+ 30%+ 10%の比率は、バランスの良い色

    ウェブサイトの配色を決めるときに覚えておきたい7つのポイントまとめ