これさえあればシステム構成図がだいたい描けるアイコンセットを公開します！ | フューチャー技術ブログ
🚧新しいVersionが公開されています🚧 こちらの記事もどうぞ確認ください。 これさえあればサービス構成図がだいたい描けるアイコンセットを公開します！ こんにちは。@chanomaruです。 みなさん、スライドを作ってますか？ 最近はビジネスパーソンだけでなく、学生さんもプレゼンテーションをする機会が多くなってきていますよね。 エンジニアがよく作るスライドの一つにシステム構成図があります。 わたしもシステムがどのような構造になっているかを説明する際によく作成しています。 システム構成図では各技術要素をアイコンで表現することが多いです。 しかし「ロードバランサー」や「キュー」など、よく使うわりにアイコンを探しにくいモチーフも多いですよね？ ・・・ということで、社内で利用されている 「これさえあればシステム構成図がだいたい描けるアイコンセット」を公開します！ アイコンセット含まれているア
Google Search Console（サーチコンソール）を強力なSEOツールとして使うための究極ガイド。 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
今、あなたが読み進めているこの記事は、GSCにおける、大学卒と言えるレベルの内容を記載している。ここでの内容をマスターすれば、あなたはGSCニンジャとなることができるだろう。 そして、それはあなたのSEOに非常に大きな違いを生むこととなるはずだ。 まずはこの記事の概略を説明したい。非常に長い記事となっているため、キリの良いところで区切って読みたいと感じるだろう。 この記事はセクションとサブセクションに分かれているが、この分け方は、GSCのメニューに基づいている。 *元記事では英語画面のキャプチャですが、日本語画面のキャプチャに差し替えています。 上記のセクションの内、始めの4つのセクションに注力している。つまり、パートAからパートDまでである。パートEとパートFも重要ではあるが、あまり説明を必要としないものだからだ。 パート A：検索での見え方 検索での見え方のセクションは、あなたのWeb
深夜アニメの製作資金は約3億円…儲ける仕組みや製作委員会の構造とは 今こそ知っておきたいアニメビジネスの特徴を取材 | gamebiz
一般社団法人日本動画協会が主催し、(株)ヒューマンメディア、(株)キャラクター・データバンクが運営している、「アニメビジネス・パートナーズフォーラム（ABPF）」第6期の展開がスタートした。 第6期ABPFは5月18日～8月31日の毎週水曜日16時00分～18時00分に、アニメビジネス最前線のセミナーシリーズ（合計15回）を開催。各回ではセミナー・プレゼンテーションとともに講師・参加者間での名刺交換会を実施、また、ABPF事務局でも参加者のマッチングをサポートしている。 本稿では、一般社団法人 CiP協議会の亀山泰夫氏が登壇した、「アニメ製作委員会の構造とキッズアニメのしくみ」の講演を取材。 ■キッズ向けと深夜枠…その製作資金はいかほどに 今回登壇した亀山氏は、1986年から2003年まで広告代理店ADK（アサツーディ・ケイ）にて、コンテンツ企画セッションのプロデューサーを担当していた。在
すべてのReact.js初心者が知っておくべき9つのポイント - Qiita
9 things every React.js beginner should knowを意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 私は約6ヶ月間React.jsを使用してきました。それほど長い歴史ではありませんが、あなたがひげの長老として扱われるようなJavaScriptフレームワークの目まぐるしい世界の大きな枠組みの中で、私は最近、React初学者のTipsで少数の人々を支援してきましたので、ここでより多くの人々にその内容を共有するのが良いアイデアであると思いました。これらは全て私が始めた時に知っておきたかったことか、もしくはReactを習得するために本当に役立ったもののいずれかです。 あなたが絶対的な基本を知っていると想定して話を進めますが、もしコンポーネント、propsやstateなどの言葉に馴染みがなければ、公式の入門やチュートリアルページを読むと
You Might Not Need jQuery
jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha
10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。
2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
jQueryでレスポンシブ対応のタブとアコーディオンを切り替えるUIをシンプルに実装する方法｜BLACKFLAG
レスポンシブWebデザインでのサイト構築において、 PCのような大きな解像度の画面向けの場合ではタブ切り替えで実装しているUIを スマートフォン向けの小さめの解像度の画面ではアコーディオン方式のUIに 切り替える動作を見かけることがあります。 それぞれの画面解像度によって最適なUIに切り替える手段になりますが そんなレスポンシブ対応のタブとアコーディオン切り替えUIを jQueryを使ってできるだけシンプルに作ってみたのでご紹介してみます。 「jQueryでレスポンシブ対応のタブとアコーディオンを切り替えるUIをシンプルに実装する方法」サンプルを別枠で表示 サンプルではウィンドウサイズが768px以上ならばタブ切り替え、 768px以下だったらアコーディオン動作に切り替わります。 タブ切り替えではボタンクリックでコンテンツ要素がフェードで切り替わり アコーディオンではボタンクリックで付随す
PHP7で変わること - hnwの日記
次の土曜日5/30のPHPカンファレンス関西2015で基調講演（10:30-11:15）をさせて頂くことになりました。タイトルは「PHP7で変わること——言語仕様とエンジンの改善ポイント」です。チケットは既に売り切れているそうですが、参加者の方は早起きして来て頂けると幸いです。 このところQiitaに「PHP7調査」というシリーズを連投していたのも発表を意識してのことです。PHP7の新機能を一つずつ実際に試してみて、その結果を簡単にまとめていました。 今回は発表前の区切りとして、私の書いたPHP7関連の記事・プレゼン資料を一覧形式でまとめなおしてみます。PHPカンファレンス関西2015ではこれらの内容を踏まえつつ、気になる点を重点的にお伝えしたいと考えています。 内部実装のリファクタリング PHP7の目玉と言える、速度改善に関わる内容がほとんどです。 PHP7はなぜ速いのか - Slide
Mac OS Xの環境構築を自動化する(2016年度初旬編) | DevelopersIO
はじめに 中山です。自己紹介ブログ以外では一発目のエントリです。よろしくお願いします。 唐突ですが、みなさんMacの環境構築はどのように行っていますか。温かみのある手作業で行っていますか。または、何らかのツールを利用して自動的に設定が行えるような仕組みで構築していますか。 私はこの作業にAnsibleを利用しています。Ansibleを利用したMacの環境構築というと、去年話題になっていましたね。こちらのエントリが火付け役だったと記憶しています。その後も、エンジニア界隈で定期的に話題になるネタのようです。 私は結構前からこの方法で環境構築を行ってきたということもあって、そこそこ知見が溜まってきました。また、時期的に(新入社員の季節！私もです)会社からPCを支給され初期構築に四苦八苦されている方々が多いのではないでしょうか。 そこで本エントリではAnsibleを利用したMacの環境構築2016
【進化するアニメ】アニメキャラもついにお化粧する時代が来た！ 手書きで１枚１枚アイシャドーやチーク施し…『甲鉄城のカバネリ』
アニメキャラの女の子を、さらにかわいくメイクアップする－。このような試みが、放送中のフジテレビ系アニメ「甲鉄城のカバネリ」（木曜深夜０時５５分）で行われている。動画に「線」や「ぼかし」などを加え、キャラクターの表情をより魅力的にする工夫のことで、テレビアニメでも始めての試みだという。制作会社の「ＷＩＴ ＳＴＵＤＩＯ」（東京都）を訪ね、「お化粧」の狙いを聞いた。 手書きで１枚１枚“お化粧”「甲鉄城のカバネリ」は、生ける屍（しかばね）である「カバネ」と、人間とが生き残りをかけて戦うストーリー。主人公の少年、生駒（いこま）は、謎の少女・無名（むめい）とともに、カバネを倒すために戦うことになる。キャラクターデザインは、アニメ「超時空要塞マクロス」のキャラクターデザインで知られるイラストレーター、美樹本晴彦さんが手掛ける。 「その美樹本さんのイラストを、ぜひアニメで再現したいと思いました。美樹本さん
インターネットの副業の方法21〜誰とも会わずに稼ぐ - LITERALLY
この記事では「インターネットで稼ぐ現実的な方法」を淡々と列挙していく。 決して、怪しげな情報商材の購入や、怪しげなメルマガへの登録を促したりはしない（「副業 インターネット」とググってヒットする多くのサイトは、たいてい参考にならず、いいカモにされるだけだ）。 また、時間対効果に見合わない方法も紹介しない。うまくいけば、時給換算5,000円や10,000円を越えるようなアイデアを紹介していく。 以下に当てはまるような方に是非読んでもらいたい。 家に引きこもり、誰とも会わずに収益を得たい人 会社に勤める傍ら副業で稼ぎを得て、リスクを最小限に転職や退職をしたい人 家にいる時間が長い主婦・主夫で、空いている時間で稼ぎを得たい人 それでは早速、インターネットでできる副業アイデアを挙げていく。 インターネット副業の方法21 1.映像・音楽制作→YouTubeにアップ ご存知の通り、再生前に流れる広告映
めちゃ便利！ExcelからGoogleアナリティクスのデータを直接取得！楽に集計・分析が出来る無料プラグイン「Analytics Edge」（準備＆データ取得編） | Googleアナリティクスを一から学べる情報サイト｜アナリティクスガイド
すべての記事めちゃ便利！ExcelからGoogleアナリティクスのデータを直接取得！楽に集計・分析が出来る無料プラグイン「Analytics Edge」（準備＆データ取得編） めちゃ便利！ExcelからGoogleアナリティクスのデータを直接取得！楽に集計・分析が出来る無料プラグイン「Analytics Edge」（準備＆データ取得編） Googleアナリティクスのデータを使ってレポートを作成する。 Googleアナリティクスを使っている方であれば、多くの方が行っている作業ではないでしょうか。 しかし、毎回Google アナリティクスにログインしてデータをダウンロードしてレポートを作成するのでは手間ではありませんか。 今回ご紹介するのは「Analytics Edge」というExcelのプラグインサービスになります。 こちらを利用すればタイトルの通りExcelから直接Google アナリティ
トップ | ブックオフ公式オンラインストア
【トレジャーハンティング】 キーワードを集めて最大200円引きクーポンGET！ 2023/12/26(火)00:00まで
フリーエンジニアのIT案件ならレバテックフリーランス
コワーキングスペース、シェアオフィスは月額料金が高そうだから利用を見送っているという方はいませんか？ 都内には月額2万円以下で利用できるコワーキングスペースが結構たくさんあって、しかも24時間利用できるところも増えています。 数ある都内のコワーキングスペースの中から、月額2万円以下、かつ24時間利用可能なところに絞ってご紹介したいと思います。 自宅では仕事に集中しにくい、他のフリーランスや起業家と交流して人脈を広げたい方は、コワーキングスペースを利用してみてはいかがでしょう。 自分に合う案件を提案してもらう 渋谷周辺 渋谷はコワーキングスペースが豊富です。 コワーキングスペースによって料金に差がありますが、リーズナブルな月額料金で利用できるところもたくさんあります。 co-ba shibuya http://tsukuruba.com/co-ba/shibuya/ フリー席プランは24時間
javascriptを使ったSEO対策まとめ - Qiita
一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。 とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。 いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き換えよう っていうのが主です。(pjaxと呼ばれている手法です） クリックやスクロールでDOMを生成するコンテンツはインデックスされない ページロード時点ではhtml内に生成されていないが、あるイベントが起きた時にDOM要素を生成するパターン。 Qiitaで言うとTOPページ下部にある「もっと見る」とかがそうですね。 Googlebotはjavascriptを実行することはできるのですが、clic
[CSS]Media Queriesで使う単位はpx, em, remのどれが適しているか検証 -px指定は注意が必要
レスポンシブ用のMedia Queriesを使う時に「@media (min-width: 400px) {}」のように「px」を単位に使用している人も多いと思います。しかし、px指定には注意が必要です。 Webページでよく使用される条件で検証を行い、Media Queriesでなぜpxを使ってはいけないのか、そして何が適しているのかが分かる検証記事を紹介します。 PX, EM or REM Media Queries? 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 はじめに pxとemとremの検証方法 検証1. html要素でfont-sizeを指定 検証2. ブラウザでズームが可能 検証3. ブラウザでフォント設定が変更可能 検証の結果 はじめに あなたはMedia Queriesで使う単位にpx, em, remのどれが一番
![[CSS]Media Queriesで使う単位はpx, em, remのどれが適しているか検証 -px指定は注意が必要](https://cdn-ak-scissors.b.st-hatena.com/image/square/ebb660a3174b5d3836e1ab0370b94c0ac1d1e64a/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016032901.png)
フロントエンド速度改善でやったこと(Expiresヘッダ、faviconのgzip圧縮、JSの読み込み遅延化) - $shibayu36->blog;
フロントエンド速度改善をしようとして参考にしたもの - $shibayu36->blog; という記事を以前に書いたのだけど、結局何をやったか書いて欲しいと社内で言われたので、今回のフロントエンドの速度改善でやったことについて書いてみる。そこまで大したことはやってないので参考程度にどうぞ。 前提 ページのレンダリングが遅いと思い始めたので改善をすることになったのだが、改善をし始めたところChromeのアップデートがあり爆速になってしまった(FirefoxやSafari等はもともと速かった)ので、では明らかにやったほうが良いことだけやりますかという話になった。そのためあんまりbefore/afterもちゃんと取っていないので、今回はやったことの紹介くらいに留める。 やったこと 計測や調査をしてみたところ、以下のようなことはやってしまったほうが良いということになった。 静的ファイルに適切にEx
サイト制作の参考にしたい！Wordpressでつくられたウェブサイト50選
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ
春からはじめるモダンJavaScript / ES2015 - Qiita
春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。 では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史 まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。 なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点となるバージョンであり、またES5から飛躍的に仕様が増えたバージョンであるからです。 簡単に(雑な)歴史を紹介します。 ブレンダン・アイクによってNetScapeに実装/搭載された古の時代〜IE6 (1996~2005) ES3: 一時はシェア7割を誇ったレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
