タグ

2019年8月2日のブックマーク (12件)

  • 【 grep 】コマンド――特定の文字を含む行を抽出する

    grepコマンドとは? 「grep」は、ファイルの中で「文字列(パターン)」が含まれている行を表示するコマンドです。検索対象には、複数のファイルやディレクトリを指定できます。 ファイルを指定しなかった場合は、標準入力から読み込みます。パイプ(|)と組み合わせて、他のコマンドの出力結果から必要な箇所だけを絞り込んで表示する際によく使われます。 [参考記事]パイプとリダイレクトでコマンドを組み合わせて実行しよう(連載:“応用力”をつけるためのLinux再入門 第6回)

    【 grep 】コマンド――特定の文字を含む行を抽出する
  • 国産のSVGアイコンサイトが登場!日本人クリエイターが作成した商用無料で利用できるアイコン素材 -Icon Box

    海外の素材だとちょっと不安という人でも大丈夫、日人クリエイターが作成した商用無料で利用できるアイコン素材を紹介します。 アイコンは現在400種類以上あり、高品質で汎用性の高いものが揃っています。SVGも完備されているので、非常に使い勝手がよいと思います。 Icon Box アイコンの利用にあたっては個人でも商用でも無料で、「アイコンの編集もご自由にどうぞ」とのことです。アイコン自体の再配布は禁止です。 詳しくは、ライセンスページをご覧ください。 アイコンのフォーマットは、下記の通り。 透過PNG SVG サイズは、16px, 32px, 64px, 128px, 256pxが用意されています。 ダウンロードも簡単で、登録など面倒なことは一切不要です。各アイコンページの「PNGボタン」「SVGボタン」からダウンロードできます。

    国産のSVGアイコンサイトが登場!日本人クリエイターが作成した商用無料で利用できるアイコン素材 -Icon Box
  • ディレクターにもうれしい。Adobe XD用の日本語ワイヤーフレームUIキット「Wires jp」提供開始! – Adobe Creative Station

    ディレクターにもうれしい。Adobe XD用の日語ワイヤーフレームUIキット「Wires jp」提供開始! ​Adobe XDには、ワイヤーフレーム制作用の無料UIキットとしてWiresが用意されています。海外製で英語表記であるため、いまひとつ使いづらいと感じていた方もいらっしゃるのではないでしょうか? ​​そこで、Wiresを日向けに再構築したUIキットWires jpを用意しました。 ​​ ​​Webサイトのワイヤーフレームを作成する時に必要な構成要素の中で、使用頻度が高いものはおおよそ決まってきます。オリジナルのWiresを参照しつつ、日での作業を念頭に、ワイヤーフレーム作成時に使用頻度が高いと考えられる要素を厳選して構築したのがWires jpです。ラベル等のテキストも日のサイトのものらしさを意識しました。 ​​WiresにはWeb用とモバイル用の2つのファイルがありますが

    ディレクターにもうれしい。Adobe XD用の日本語ワイヤーフレームUIキット「Wires jp」提供開始! – Adobe Creative Station
  • 日本が誇る国内フォトグラファーの素晴らしいギャラリーサイト24選

    フォトグラファーのギャラリーって、見ていて飽きないですよね。 1枚の写真に込められたメッセージを、その場にいないのに写真から感じとれるのは、当に凄い事だと思います。 好きな写真の感じ方は人それぞれの好みによっても違いますが、トップクラスフォトグラファーの写真を見る事は、感動できますし、自らのアップスキルアップにもつながるのではないかと思います。 そこで、国内で活躍されているフォトグラファーが撮影した作品を見る事のできるサイトを集めてみました。(順位不同) (補足:写真集などの発行情報を効率よく入手する方法) kiyo murakami オフィシャルサイト 蜷川実花 ギャラリー、FBページ、写真集 ケント白石 FBページ 伊藤 真司 ギャラリー Natsumi Hayashi ギャラリー、FBページ、写真集 鈴木心 オフィシャル、写真集 城直季 オフィシャル、 SHINYA INABE

  • Adobe XD CC体験版ダウンロード | UI/UXデザイン、プロトタイプ、共同作業ツール

    Creative Cloud メンバーシップによるメンバー限定の割引をご利用いただけます HP や Dropbox など、メンバー限定の様々なセールや限定ブランドのオファーから選択して、クリエイティブワークフローを合理化することができます。

  • Adobe XDなしにはもう生きられない!これからのWebデザイナーのワークフローが変わるかも!? | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは! 野尻湖オフィス デザイナーのずんこです。 最近追加された新機能を確認してみたら、Adobe XDが大幅アップデートされ、さらに誰でも使える無料プランまで提供されていて、改めてすごく進化していることに気づきました。 今でこそ社内のディレクターもデザイナーもXDを使用していますが、XDがこんなにメジャーになる前に社内にXDを普及させようと書いた記事があります。 これ以降XDを使ってなかったそこのあなた。この進化ぶりには目をみはるはずです! そしておそらく最近のアップデートのありがたみを一番享受できるのがデザイナーなのではないかと私は思うのです。 なので再び、XDを布教する活動を行おうと思います。デザイナーの皆さん、準備はいいですか? 軽い、早い、簡単そして安心 まず、Adobe XDはAdobe Creative Cloudを契約していれば、今すぐにでも導入できます。 XDを愛用

    Adobe XDなしにはもう生きられない!これからのWebデザイナーのワークフローが変わるかも!? | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Adobe XDでWebデザインをしよう!画面作成からページ推移までの手順を紹介

    2018年3月15日 Webデザイン, XD デザインやプロトタイプを作成できるAdobe XD。みなさん使っていますか?先日アップデートもされ、Photoshopとの連携がより簡単になったり、Sketchファイルも扱えるようになるなど、進化が進んでいますね。これまではWebサイトのデザインにはPhotoshopが多く使われてきましたが、これからはXDが主力となっていきそうな予感。ということでAdobe XDを使ったWebデザインの手順を紹介します! ↑私が10年以上利用している会計ソフト! 今回作成するもの このように簡単なホームページと問い合わせフォーム用のモーダルウィンドウの画面を作ります。プロトタイプ機能で画面推移のアニメーションも加えてみましょう! 1. 画面の作成準備 Adobe XDを立ち上げ、Web用の画面を1280×800のサイズで新規作成します。「portfolio」と

    Adobe XDでWebデザインをしよう!画面作成からページ推移までの手順を紹介
  • オフィスでの仮眠におすすめの昼寝グッズ19選。便利なアイテムをご紹介

    By: amazon.co.jp 昼寝や仮眠をする場合、家庭のベッドなどのように快適な環境で寝られるとは限りません。会社にあるデスクやソファ、または車内のシートといった、睡眠が目的ではない場所で寝るケースもあります。 そのため、オフィスや車内などで寝る場合には「軟質ウレタンフォーム」などの低反発素材や、中に「アクリルビーズ」といったビーズ素材が入った枕の使用がおすすめ。シチュエーションに合わせて変形できて寝心地もよく、快適な睡眠が期待できます。 サイズや重さをチェック オフィスで使用する昼寝グッズを選ぶときに重要になるのがサイズ感。睡眠の質に関わる要素ではありますが、あまりに大きいモノは置き場所に困るうえ、周囲にも影響を及ぼすので、コンパクトに収納できる昼寝グッズのほうがおすすめです。 なお、持ち運ぶ機会が多い方は、体の重量はもちろん、ケースなどが付属しているかどうかも併せて確認しておき

    オフィスでの仮眠におすすめの昼寝グッズ19選。便利なアイテムをご紹介
  • Amazon.co.jp: :

  • 私のフロントエンドエンジニアとしてのキャリアプランについて|sumi|note

    つまり、会社から昇給通知を待つのではなく、「私このくらい業務に貢献したから年収〇〇万円にしますね」みたいな感じです。 申請してすぐにその給与になるわけではなく、社内でレビューしてもらうのですが、その時にキャリアプランの提示が必須なので真面目に書きました。 せっかく書いたのでnoteでも公開したいと思います。 (ちなみに私は業界未経験からのエンジニア歴7ヶ月です) 自分の取り巻く環境も変わり、今思い描いているキャリアとは少しちがうので有料とさせて頂きます。この頃の気持ちに嘘はありませんので、記事を削除する気にはなれず…。(2020/02加筆)わたしの目標

    私のフロントエンドエンジニアとしてのキャリアプランについて|sumi|note
  • CSSを非同期ロードする最も簡単な方法 - Qiita

    CSS読み込みの<link rel="stylesheet">は同期なので、レンダリングブロックします。 どういうことかというと、CSSファイルの読み込み・パースが終わるまで画面描写が止まってしまいます。 これに対策する方法としてpreloadというものが策定されましたが、対応状況が微妙です。 2019年7月時点でもブラウザシェアが8割しかなく、Firefoxは当面対応するつもりがないようです。 とはいえ残り2割のためにloadCSSを突っ込んだりとか始めると末転倒感に溢れます。 全ブラウザ対応のためには、なんにしろ結局JavaScriptをこりこり書くしかない状況でした。 が、なんかすっごい簡単な対処法があったので紹介してみます。 以下はScott Jehlによる記事、The Simplest Way to Load CSS Asynchronouslyの日語訳です。 ちなみにSco

    CSSを非同期ロードする最も簡単な方法 - Qiita
  • スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説

    スマホでボタンをどこに配置するとユーザーは操作がしやすいのか? 上部と下部、水平に並べたボタン、垂直に並べたボタン、3つ以上のボタンなど、ボタン配置について包括的な分析を行い、ボタンをどのように配置するのが最適なのか解説した記事を紹介します。 The Optimal Placement for Mobile Call to Action Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに グーテンベルクの原則 上部と下部のボタン 水平に並んだボタン 垂直に並んだボタン 水平と垂直のハイブリッド スティッキーボタン まとめ はじめに ボタンをどこに配置するかによって、ユーザーがタスクを完了する時間に影響を与えることを知っていますか? タスクを素早く完了することで、より満足のいくエ

    スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説