情報処理技術者試験なんて何の役にも立ちません
情報処理技術者試験の資格を取っても実質的に得るものはありません。「実質的に」というのは、技術者としてのスキル向上に貢献するということであり、「報奨金が貰える」とか「履歴書に書ける」などの技術と無関係なものを含まないということです。 なぜ、情報処理技術者試験が役に立たないのかと言えば、出題内容が表面的な知識問題に極端に偏っており、本質的な理解を問うていないからです。たとえば、オブジェクト指向の三要素に「カプセル化」「継承」「ポリモルフィズム」がありますが、これらを御題目のように唱えていても何の意味もありません。しかし、情報処理技術者試験ではこれらの用語さえ覚えておけば、しっかり点になります。 オブジェクト指向におけるカプセル化を説明したものはどれか。 同じ性質をもつ複数のオブジェクトを抽象化して，整理すること 基底クラスの性質を派生クラスに受け継がせることクラス間に共通する性質を抽出し，基底
Writing Mathematics for MathJax — MathJax 3.2 documentation
The Basics What is MathJax? MathJax Accessibility Features Writing Mathematics for MathJax Putting mathematics in a web page TeX and LaTeX input MathML input AsciiMath input Putting Math in Javascript Strings The MathJax Community Reporting Issues with MathJax Including MathJax in a Web Page Getting Started with Components Configuring and Loading MathJax The MathJax Components Typesetting and Conv
Web上でJavaScript版Jupyterのような高機能ノートブックを作成できる「Observable」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、話題のJupyter Notebookみたいな使い方ができるノートブックを面倒な環境設定不要で、手軽にブラウザ上から無料で作成できるサービスのご紹介です。 マークダウンで文章を書いたりJavaScriptによるコードを実行することが可能で、HTMLを使ったUI部品の挿入やデータの可視化・マッピングなども自由に作成できるのが特徴です。 誰でも簡単に使えるように工夫されており、学習用途や教材作り…ブログのような使い方もできる万能型のノートブックと言えるでしょう。 【 Observable 】 ■「Observable」の使い方 それでは、実際に「Observable」を使いながらどのようなサービスなのかを見ていきましょう！ サイトのトップページにアクセスしたら「Try the scratchpad」と書かれたボタンがあります。 このボタンを
Jupyter 知っておくと少し便利なTIPS集 - Qiita
今まで仕事で使ってきた、メジャーなものからマイナーなものまで含めたJupyter NotebooksのTIPS集です。 入力補完 とりあえずこれが無いと生きていけません。 Nbextensions（Jupyterの拡張機能）自体が未設定であれば、一旦そちらをインストールして、その後にHinterlandという機能にチェックを入れると有効化されます。 AnacondaのJupyter notebookでnbextensionsを使う ※Nbextensionsインストール後、Jupyterのファイルリスト的な画面で、タブで「Nbextensions」という選択肢が追加されます。 Azure Notebooksなどだと、最初からインストール不要で選択できるようになっています。 Google Colaboratoryなどでは、そういった設定ができるのかまだよくわかっていません。（ご存じの方コメン
Python, pandasでwebページの表（htmlのtable）をスクレイピング | note.nkmk.me
pandasを使うと、webページの表（tableタグ）のスクレイピングが簡単にできる。DataFrameとして取得したあとで、もろもろの処理を行ったり、csvファイルとして保存したりすることももちろん可能。 なお、webページの表をコピーして、クリップボードの内容をDataFrameとして取得する方法もある。以下の記事参照。 関連記事: pandasでクリップボードの中身をDataFrameとして取得するread_clipboard ここでは、具体例を含めて以下の内容を説明する。 pandas.read_html()でデータ取得 Yahoo!ファイナンスから時価総額ランキングを取得 WikipediaのPythonのページからバージョンの履歴を取得 DataFrameを後処理 なお、具体例については対象のWebサイトの更新によってサンプルコードが動かなくなっている可能性があるので注意。ま
Jupyter Notebook の Tips をまとめてみた | AI tech studio
こんにちは、AI Lab の馬場です。 このブログは CyberAgent Developers Advent Calendar 2016 の11日目の記事です。 昨日は sitotkfm さんの「ログを集める時に気をつけたいポイント」という記事でした。 この記事では、僕が仕事でデータ分析をやっていく上で大変お世話になっている Jupyter Notebook の Tips をまとめてみます。Jupyter Notebook では便利な機能がたくさんあるので、ちゃんと使うと無駄作業の削減になります。僕もこれまで分析途中で「あーこれができたらなあ」と検索しては時間をつぶしてきたので、ここでまとめて記憶にとどめておきたいと思います。 図表・可視化系 notebook 内に図を表示したい 単純に jupyter notebook を起動して、pyplot などでグラフを描画しようとしても、図は
現役ライターが比較＆おすすめするライティングエディタ6 選 | SARINO blog
中馬さりの（@chuuuuuman）です。 わたしは基本的に集中力にムラがあるタイプ。 なので、すきあらば執筆速度を早めどうにか効率的に原稿をあげようと努力をしています。 こんなに1記事に時間かかっちゃった、また締め切りまで少ししかない……そういう思いはできればしたくない！ でも執筆速度を早める努力にも色々ある。 わたしの感覚だとタイピングゲームでの練習などはあまり効果を実感できませんでした。 （というかタイピングゲームの煽られてる感って辛くありませんか？） それよりも、ライティングエディタを見直したほうが飛躍的に執筆速度が早くなったんです。 弘法だって嫌いな筆は選ばないし、好きな筆くらいあったはず！ 今回は私が実際に試してよかったなと思うライティングエディタを紹介します。 CrescentEve（クレセントイブ） まずは大好きなCrescentEve（クレセントイブ）です。 ブログや、サ
オンラインでさくっと簡単！HTML, CSS, JavaScript, C++, Java, Pythonなどのコードを見やすくする無料サービス
HTML, CSS, JavaScript, C++, Java, Pythonなどのコードをコピペするだけでさくっと簡単に、ブラウザ上で見やすく表示する無料のオンラインサービスを紹介します。 Sublime TextやDreamweaverなどのエディタに備わっているシンタックスハイライトが、オンラインで利用できるのはいいですね。 SlidesCodeHighlighter SlidesCodeHighlighter -GitHub 表示コードは「HTML5でWebページを作成する時のベースになるシンプルなコードで書かれたテンプレート」のHTMLです。 SlidesCodeHighlighterはオンラインのブラウザ上で、コードをコピペするだけでシンタックスハイライトを適用して見やすく表示してくれます。現在、対応しているコードは下記の通り。 C++ Java JavaScript XML
レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度
ウェブサイトの閲覧方法は、モバイルやタブレットの普及によって大きく変わってきており、あらゆる端末へ対応することがウェブデザイン制作では必須となってきています。このややこしい問題を解決する、もっとも一般的な方法のひとつが、レスポンシブWebデザインです。 レスポンシブWebデザインとは、デスクトップやタブレット、スマートフォンなどさまざまな画面サイズごとにデザインを調整でき、あらゆるデバイスに最適化したWebサイトを、1つのHTMLで実現できる制作手法を指します。 今回はレスポンシブWebデザインに対応した、無料ダウンロードできるHTMLテンプレート素材をまとめてご紹介します。どれも文字テキストや画像イメージを編集するだけで、すぐに高品質なウェブサイトを作成できます。またBoostrapなど人気フレームワークを利用した素材も多く、柔軟にカスタマイズできる点もポイントです。 サイト設計の手間を
スポイトツールInstant Eyedropper: Identify HTML-color code from any pixel of the screen with single-click and auto paste it to the clipboard
What is Instant Eyedropper Instant Eyedropper is a free color detection tool for webmasters that will identify and automatically paste to the clipboard the HTML color code of any pixel on the screen with just a single mouse click. Save your time Identification the color code of an object on the screen is usually an involved, multistep process: You press the Print Screen key to copy a screenshot to
iOS 10 Safari から video の inline 再生が可能になります - latest log
iOS 10 Safari から video のインライン再生が可能になります。 iOS 9 までは <video webkit-playsinline> を指定することでインライン再生が可能でした(WebView のみ) iOS 10 からは <video playsinline> を指定することでMobile Safari でもインライン再生が可能になります ご注意 注意すべき点が１つあり、webkit-playsinline ではなく playsinline を指定してください。 webkit-playsinlineだけを指定するとフルスクリーン再生になってしまいます。 webkit-playsinline と playsinline を指定しない → フルスクリーン再生になる webkit-playsinline を指定する → フルスクリーン再生になる iOS 10β3頃まではイ
超ハイクオリティな無料写真素材をダウンロードできるサイト９個まとめ
デザイン制作において、よくお世話になる写真素材は、いつでも使えるようにストックを増やしておきたいものです。「Webデザインに利用したい、高画質な無料写真素材を公開するサイトUnsplash」というエントリーを、つい先日ご紹介したのですが、最近のトレンドとして、高品質なイメージ写真を無料公開しているサイトが増えてきています。 海外デザインブログFunction.comで、ハイクオリティな無料写真素材のみを定期的に公開している、写真ブログサイトを９個まとめたエントリー「9 Unique Places to Find Quality Free Photos」が公開されていたので、今回はご紹介します。 詳細は以下から。 Gratis Photography Gratis Photographyでは、毎週定期的に、ハイクオリティ無料写真を公開しているサイトで、まだ数は少ないですが、どれも写真集を見て
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
Bootstrapの画面を手軽に作れるツールまとめ
業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4 – A yummy HTML5 blockouterer! Bootstrapのデザインをドラッグ&ドロップで作っていくのですが、見た目はデフォルメされています。その分、細かいところにこだわりすぎずにさくさくと作っていくことができます。 Pingendo – web authoring with comfort PingendoはBootstrap専用のオーサリングソフトウェアです。Mac OS
え！？まだHTMLコーディングでEmmet + LiveStyleを使ったことがないの？
Sublime Text3 公式サイト Sublime Text3は、Windows、Mac、Linuxで動作します。 http://www.sublimetext.com/3 Emmetって何ができるの？ 続いて、「Emmet」について説明しましょう。 「Emmet」とはテキストエディタの拡張機能として利用できる、HTMLやCSSのコーディングの入力をサポートするプラグインとなります。 SublimeTextなどのテキストエディタでは、「p」などと入力してtabキーなどを押すと「 」のように、簡単に展開してくれる機能があります。 簡単に言うと、Emmetはそれの高機能版だと思ってもらえればよいです。 EmmetのHTML、CSS展開例 例えば、Emmetを導入した環境下で下記のように入力します。 div.header>div.header__inner>ul.header__inner_
AngularJSの理解で欠かせないコントローラーとas記法、データバインディングの基本的な使い方
連載目次 前回の「いまさら聞けないAngularJSの基礎知識と5つの主な特徴、インストール、簡単な使い方」では、AngularJSの概要について紹介しました。今回は引き続き、AngularJSについて解説していきます。 なお、本記事を見て実際にサンプルを動かしたい場合は、以前の連載記事（第1回、第2回）を見て環境を作成しておきましょう。 AngularJSのコントローラー 前回のサンプルでは、取りあえずHTMLだけ使用してAngularJSを動かしてみましたが、実際のアプリではコントローラーと共に使用することが多いです。ここではコントローラーの基本について説明します。 AngularJSにおいてコントローラー（Controller）は、モデルとビューを操作するためのコンポーネントであり、ユーザーの操作に応じた動きやサーバー通信を行う場合などに使用します。このコントローラーの実態は、Ang
じっくり解説。SublimeText3にEmmetをインストールする - フロントエンドとかPCとかスマホとか
sublime text3 emmet というキーワードで検索されている事が多いようなので、じっくり解説です。 画面はmacのものですが、windowsでも同じような操作でインストールできます。 SublimeTextは、パッケージで機能追加 SublimeTextは、2も３も、パッケージと呼ばれるプラグインで必要な機能を追加していくことができます。 Emmetもパッケージとして配布されています。 パッケージは、パッケージコントロールで。 パッケージコントロールを導入すると、パッケージのインストールが簡単です。 パッケージコントロールの導入方法は、 Sublime Text 3 に Package Control をInstallするのが簡単になったよ - フロントエンドとかPCとかスマホとか を参照してください。 Emmetのインストール Mac：[Sublime Text] - [Pr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブスクレイピングと形態素解析 - Qiita
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Slant - 13 Best boilerplates for modern webapp front-end development as of 2024
