ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
Excelのダメなグラフでウソをつく法｜Colorless Green Ideas
Excel のグラフで事実を誇張したい場合、3Dグラフを使うと便利だ。というわけで、普通の棒グラフでなく、3D棒グラフを作る。 合格者数の推移を3D棒グラフにしたもの [1] グラフを描く視点を変える この段階だと、まだ「圧倒的な」感じはしない。だが、グラフを描く視点を変えれば、「圧倒的な合格力」を見せつけることができる。グラフを描く視点を変えるには、グラフ上で右クリックをしてメニューを出し、「3-D 回転…」を選ぶ。 「3-D回転…」というメニューからグラフを描く視点を変えることができる。 そうすると、次のような画面が出てくる。この画面の数値をいじることで、グラフの描かれ方が変わる。 数値を変えることで、グラフを描く視点を変え、別の印象を与えることができる。 まずは、「軸の直交」というチェックを外す。そうすると、次のような形のグラフになる。 「軸の直交」というチェックを外したあとの3D棒
Big Sky :: Re: vimで方向キーがABCDを入力してしまう問題の解決
ここでの ^[ は \x1B つまりエスケープです。近代的な端末はこれらを解釈し、画面上の描画位置を期待した通りに移動してくれます。また近代的なプログラムであればこれらのキーシーケンスは一度に解釈されて正しくカーソルキーと判別されます。しかし大昔に作られた vi はこれらの先頭に付いている ESC に反応してインサートモードを抜ける動作になっていました。この結果、↑キーであれば ESC が押されてノーマルモードに戻り O が押されて1行上でインサートモードが開始され、A が押されて挿入される、という動作が行われます。 vi もその後進化し termcap というライブラリを使う様になりました。上記のキーシーケンスは一度に解釈されて正しくカーソルキーと判別される様になりました。しかし vi は互換性を重視するテキストエディタです。デフォルトでは互換モードで動作する為、きちんとこの動作を行う様
systemd時代に困らないためのlimits設定 | 外道父の匠
数年前に、こういう記事「ulimitが効かない不安を無くす設定」を書きました。しかし、ディストリビューションのバージョンが上がり、デーモン管理が systemd に変わったことで、インターネットのゴミとなりつつあります。 そのため今回は、その次世代バージョン的な内容ということで、systemd の場合はこうしておけば見えない敵と闘うこともなくなるはずです、というものになります。例によって、抑えきれていないパターンがあったら御免なさいです、押忍。 limits設定で目指す所 復習になりますが、limits の設定で困るのはだいたいこういうパターンでしょう。 作業中ユーザーのシェルのlimits設定が思い通りにならない コンソール／SSHログインしてデーモンを再起動したら、limits設定が戻っていた su/sudoを使ってデーモンを再起動したら同上 デーモンをシステムに自動再起動させたら同上
作業効率10倍！Windows歴15年の私がMacで使う最強アプリ10選 - 鯖メシ
「やばい、今度勤める会社は社員全員Macだって・・」「スタバで Macbook を開いてモテたいんだけど・・」など様々な理由で Mac を始める方がいます。 私は今の会社で Mac を使わざるを得ない状況になりました。 「もう Windows なら5分で終わってるやん〜」と半べそかきながら業務をこなしていたのを覚えています。今では厳選した Mac アプリでストレスなく仕事ができるようになりました。 その経験を活かし、ここでは次の構成で順に解説していきます。 基本の無料アプリ10選 アプリをインストールする前の準備体操 アプリのインストール方法 アプリを削除する方法 Pages, Numbers, Keynoteがない場合の対処法 「突然、Macになった！」と私と同じような境遇の方が1人でも多く救われることを願って書きました。是非、ご活用ください。 ※ タイトルの「Windows歴15年」と
閲覧履歴を残さない「プライベートブラウジング」使ってる？
当たり前のようで意外と知られていない「プライベートブラウジング」。会社でネット見る時たまに使いますが、みなさんコレ使ってます？ 認知度の低さにちょっと驚きました。 情報強者の多いはてなの人達なら使ってると思いますが、もし使ってないという方は、会社ではてなとかTwitterなどをする人は覚えておくと便利です。 プライベートブラウジングを使えば閲覧履歴やパスワードが残らないので、会社で仕事に関係ないサイトを見る時にたまに使います。 はてなとかTwitter見る時なんかは毎回パスワードを入力するのが面倒ですが、見られたくない履歴が発見されたり、勝手にログインされたりする心配がありません。 Google Chromeでの設定方法 Google Chromeでは右上の最小化ボタンのとなりにあるボタン（画像の丸印）をクリックして、シークレットモードを選択するとプライベートブラウジングが利用できます。
JAWS-UG アーキテクチャ支部でクローラー／Webスクレイピングの紹介をした - プログラマでありたい
先日のJAWS-UG アーキテクチャ支部 クラウドネイティブ分科会 CDP議論会 #7で、Lambdaを利用したクローラー／Webスクレイピングについての発表をしてきました。 発表の経緯 そもそも何故アーキテクチャ支部でクローラー／Webスクレイピングの話をしたのかです。クラウドネイティブ分科会では、ここ数回Lambdaの実践的な活用について議論しています。利用パターンとしては、システムの中核となる部分とそれ以外の部分があるよねという前提がでてきました。そして、それ以外の周辺分野から利用していくほうが実践導入は早そうなので、そこで使えるパターンを議論してきました。その中で、出てきたのが下記の5パターンです。 ・監視 ・通知 ・フィルター ・コンテンツ確認（Validation） ・チャットOps ※この辺りについてはアーキテクチャ支部のGitHubのIssueに記載されているので、興味ある
ディープラーニング（TensorFlow）を使用した株価予想 ～その2～ - Qiita
前回の続き。 ディープラーニングのフレームワークであるTensorFlowを使用して株価を予想するぞ～、というお話です。ちなみに前回は完全に失敗でした。 前回のコメントで、tawagoさんから「Googleが同じようなことしている」という情報をいただいたので、そちらをコピ・・・インスパイアしてみました。 前回との相違点 前回は、「数日分の日経平均を使用して、次の日の日経平均が上がるか、下がるか、変わらないか（3択）を予想する」ものでした。 Googleのデモでは、「数日分の世界中の株価指数（ダウ、日経平均、FTSE100、DAXなど）を使用して、次の日のS&Pが上がるか下がるか（2択）を予想する」という内容でした。 ということで、下記が前回からの主な変更点となります。 - 「上がるか」「下がるか」の2択 - 日経平均だけでなく、他国の株価指数も使用 - 隠れ層x2、ユニット数は50,25
アプリケーションと三種の異常 | DevelopersIO
はじめに アプリケーションに異常はつきものです。 今回は、いわゆる「異常系」をコーディングするときに使える一つの考え方を紹介します。 アプリケーションに起こる「異常」を3種類に大別し、それぞれの特性から対応を考えていきます。 Note これは、ただ単に私が普段使っている考え方で、原典となる書物等は存在しません。ご承知おきください。 本記事は「ポエム特集」カテゴリの記事です。 本記事のコードサンプルにはScalaとJavaを用いていますが、とても短い単純なサンプルしか含まれませんので、これらの言語に慣れていない方でも問題なく読めると思います。 目次 失敗って何だろう 異常について 1. 要求する異常 2. 予期する異常 3. 予期しない異常 まとめ 失敗って何だろう 「失敗」と聞いて、まず何を思い浮かべますか？ 料理中に塩と砂糖を間違えたこととか、過去に失言してしまったこととか、人それぞれ色
Scala で Gson を使ってみる - 倭マン's BLOG
ちょっと設定を記述するプロパティファイル的なものを使いたかったんだけど、Java のプロパティファイル使うのも XML 地獄に突入するのも嫌だったので、JSON を使って見ることに。 Java/Scala でどんなライブラリがよく使われているのか全然知らないんだけど、Google が開発してる Gson というライブラリがあったので使ってみました（バージョン 2.6.2）。 JSON のプリミティブ型に関しては、Scala で使う分には普通の Java プログラムと大差ない（と思う）のでまぁいいとして、JSON の配列を Scala のコレクションでどう扱うか（扱えるか）というのを見ていこうと思ってたんですが、どうにもうまく Scala のコレクションで動かないので、結局 Array （よって Java の配列）を使うのが無難だ、という結論。 Java のコレクションでもいいですが。 この
JavaScript初心者を一気に上級者へ導く海外の無料動画ベスト6を一挙公開！ - paiza times
どうも、まさとらん（@0310lan）です。 みなさんは、「JavaScript」をどのような方法で学習されているでしょうか？ お手軽な方法としては…、 ・書籍やブログ記事を読む ・勉強会・セミナーへ参加する ・友人や先輩に直接聞く ・学習向けのWebサービスを利用する ・etc... などが一般的でしょうか。 今回は、上記のリストに加えて、もう１つ有効な方法である「海外の無料動画」についてご紹介しようと思います！ 「どうせ、英語だから…」と、つい敬遠しがちですが、海外ユーザーが作るプログラミング学習動画は、国内に比べて圧倒的に「質」が高いのが特徴です。 なかでも、特に解説が丁寧で理解しやすい動画だけを厳選しましたので、ぜひチェックしてみてください！ ■「JavaScript」の基本を徹底的に学ぶ！ まずは、JavaScriptを「どのように書いたら良いのか？」を丁寧に教えてくれる動画のご
「CSSが難しい。。」「CSSが面倒。。」 と言ったエンジニアさんにもオススメのCSS設計！ 「APBCSS（Atomic Parts Base CSS）」が良い感じ！
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 「CSSが難しい。。」「CSSが面倒。。」 OOCSS、BEM、SMACSS… Layout、Component、module…. 「色々ありすぎてわかんねーよ！」「サクッと作れないよ。」「ルールが分かりづらい。。」 などなど、お困りのエンジニアさんにもオススメのCSSアーキテクチャが、 APBCSS となります！ APBCSS http://apbcss.com/ APBCSS は Atomic Parts Base CSSの略で「エーピービーシーエスエス」と呼びます。 その名の通り、Atomic Designが ベースとなるように設計されたCSSアーキテクチャの一つとなります。 Atomic Design http://bradfrost.com/blog/post/
行末の空白は EditorConfig で始末しましょう - Qiita
（この記事は Zenn に移行しました。今後のメンテナンスはありません。なお ATOM で文字エンコーディングの自動判別を行うなら auto-encoding パッケージがおすすめです） 最近は作業の8割くらいは ATOM でまかなえるようになって，だいぶ手に馴染んできた。で，相変わらず秀丸にあって ATOM にない機能をちょこちょこと補完してるんだけど，その中で「行末の空白を削除する」パッケージとかマクロ（他のエディタね）とかが目につきだした。みんな苦労してるんだねぃ。 でも，昔はともかく，今は EditorConfig に対応しているエディタなら余計なパッケージやマクロなど不要である。 EditorConfig たとえば統合環境の IntelliJ IDEA はネイティブに EditorConfig に対応してるし，プラグイン対応でなら Visual Studio や NetBeans
チーム開発に効く環境構築術 | 第1回 EditorConfigのススメ
次にそれぞれのプロパティの意味を解説します。 root trueに設定することで、上位階層の.editorconfigを探索しなくなります。 .editorconfigの保存先がプロジェクトのルートディレクトリの場合はtrueに設定します。 indent_style インデントの種類を指定します。 tabかspaceのみ指定可能です。 indent_size 1インデントの幅を数値で指定します。数値は半角スペースの文字数を表します。例えば、2と指定すれば、1インデントの幅は半角スペース2つ分になります。indent_sizeの値にtabを指定した場合は、tab_widthで設定した値が使用されます。 tab_width インデントがタブの場合の、1インデントの幅を正の整数で指定します。 ただし、indent_sizeが指定されている場合は、その値がデフォルト値となるため、tab_width
EditorConfigで文字コード設定を共有して喧嘩しなくなる話。（Frontrend Advent Calendar 2014 – 14日目） | Ginpen.com
Frontrend Advent Calendar 2014の14日目の記事です。 Frontrend Advent Calendar 2014 – Qiita ご存知ですか、EditorConfig。 便利すぎてほんのり涙出てくるくらいなんですが、いまいち周囲で聞かないので流行っていないのではないかと思います。是非とも流行らせてください。平和のために！！ フロントエンドにあんま関係ない代物だけど、改行コード絡みで恨みつらみを聞く機会が多い気がするのでご容赦くださいまし。 なにそれ 様々なエディターで利用できる、共通の書式設定ファイルです。”.editorconfig”というファイルをプロジェクトのルートに配置しておくだけで、エンコード等の書式をそのディレクトリー配下のファイル編集時に固定できます。 もちろん設定自体は各エディターでやってもらえば良いんだけど、やっぱりほら、好みとかもあるわ
JupyterでTensorFlowが使えるDockerイメージ - めもめも
Jupyterとは？ まず、Jupyterの紹介をすると、これは、Python（IPython）による対話的なデータ分析処理をWebブラウザ上の「ノートブック」で実施するツールです。下記のように、Markdownで記述した文章とコード、そして、その実行結果が記録されていきます。 作成したノートブックは、JSON形式でエクスポートしてGitHubで共有することができます。GitHubのWebサイトでは、自動的にノートブック形式にレンダリングして表示されるようになっています。現在は、Tex形式の数式がうまく表示されない問題があるようですが、下記のような感じになります。 ・ロジスティック回帰による二項分類器の作成 また、受け取ったノートブックは、自由にコードを修正して再実行することができますので、データ分析のコードとその説明をノートブックにまとめておけば、「実行できる教科書」が実現することになり
2016年版 フロントエンド開発フォーマット
実務でよく使うhtml,css,jsの小技をつらつらと紹介します。 ※2/11のスクーの授業中で使った資料です。 https://schoo.jp/class/1776 【オシャレCSS編】 1. transformを使って要素を変形させるワザ 2. transitionを使い、CSSだけで簡単なアニメーションを行うワザ 3. keyframesを使ってCSSだけで複雑なアニメーションを行うワザ 4. 矢印アイコンをcssだけで表現するワザ 5. アイコンをアニメーションさせるワザ 6. CSSプロパティ”filter”で画像を加工するワザ 【地味だけど使えるワザ編】 7. 今どきの、要素を上下中央寄せにするワザ 8.「flexbox」で要素を自由自在に整列させるワザ 9. Windowsでwebfontをちょっとマシに見せるワザ 10. ア
Mac OS Xを消去してから再インストールする方法ってあるの？Mac OS Xの復元方法があれば知りたい。教えて欲しい。 | 教えて君.net
Mac OS Xを消去してから再インストールする方法・復元する方法はある。電源を一度切り、「command (⌘) + R」を押しっぱなしでOS Xユーティリティを開こう。そこから復元なり再インストールが出来るぞ。 復元を使うと、ディスクユーティリティを使ってコンピュータを消去してからOS Xを再インストールすることが出来るぞ。 通常、ディスクを消去して OS Xを再インストールする必要はないのだ。トラブルシューティングを行う場合は、OS X インストーラによってインストールを実行できるようになっている。コンピュータを新しいオーナーに譲渡するためにディスクを消去する必要がある場合は、再インストール前にディスクユーティリティを使ってディスクを消去することが出来るぞ。消去して再インストールする前に、重要なファイルをバックアップしておこう。ノートブックコンピュータにインストールしている場合は、電
OOは静的構造を、関数型は動的振る舞いをモデル化するのに有用だという話 - たなかこういちの開発ノート
要約 関心対象について分析し理解しようとしたら、多かれ少なかれ「要素分解していく方法」を取るでしょう。「要素分解していく方法」とは構造を捉えることに関してのアプローチです。 構造を捉えるに当たって、OOは「要素分解していく方法」をよく支援します。構成要素はオブジェクト、構成要素間の関係はオブジェクトの関連、階層理解はencapsulationとして表すことができます。しかし、OOは動的振る舞いについては、implementationに“押し付けた”のみで、なんらの解法を提供していませんでした。 ところで、動的振る舞い＝「手続き」と漫然と捉えていましたが、「手続き」とは万能チューリングマシンに由来する処理のモデル化でした。「手続き」以外に、チューリング完全である処理のモデルが存在しました。それがλ計算であり、関数型言語の「関数」です。 処理を「手続き」＝状態の時系列的変遷と捉えている限り、モ
PythonとbottlenoseでAmazon Product Advertising APIを使う。 - 武器商人＠Pythonのブログ
概要 bottlenoseについて インストール方法 ItemLookupで商品情報をxml形式で取得する サンプルコード 実行結果(item要素のみ抜粋) xmlをパースする サンプルコード 実行結果 最後に お薦め書籍 概要 Product Advertising APIについては、Product Advertising APIから。 基本的に上記の通りのルールでプログラムを書けばいいのだが、面倒臭い。 APIのラッパー的なものが既に作られているのであればそちらを使ったほうが早い。 プログラムもPerl,Python,Ruby,PHPなどいろいろあるが、好きなものを選べば良いと思う。 Pythonのライブラリではbottlenoseが使い易そうだったので使ってみた。 ちなみに、AWSAccessKeyId、AWSSecretKey、AssosiateIdなどの取得の方法は、省略する。。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
