初心者の頃分からなかったWeb用語：フレームワーク … CSSからHTML5、WordPressまで
Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどんなものなのか、いまいち分かりませんでした。今回は、色んな例でフレームワークというものを紹介してみました。なので、フレームワークって何だろうっていう人向けの記事です！ Web制作関連のブログを読んでいると、ときどきフレームワークっていう言葉がでてきます。例えば CSSのフレームワークとか、HTML5 + CSS3 のフレームワークとか …。 今でこそ、このフレームワークって何だかわかりますが、初心者の頃は、このフレームワークっていう言葉が何だか難しそうで、意味の分からないものでした（私だけ？）。何となく雰囲気で、使ってみると便利なのかなーという感じはしましたけど、そもそもフレームワークという言葉自体の意味が分かっていなかった頃は、使ってみよう！というところまで行きませんでした。
Homebrew-caskでMacのGUIアプリケーション管理 - TASK NOTES
Homebrew-caskを使ってMacのGUIアプリケーションを簡単にインストールする方法です。サイトからダウンロードしてインストールする手間が省けるので非常に便利。Homebrewの万能感がすごいですね。 Homebrew-caskのインストール Homebrew-caskをインストールします。インストールすることでbrew caskという外部コマンドが使えるようになります。 $ brew install caskroom/cask/brew-cask これは次のようにbrew tapしてインストールするのと同じです。 $ brew tap caskroom/cask $ brew install brew-cask アプリを探す brew cask search <app-name>でインストール可能なアプリを検索できます。引数なしで実行すると全件取得されます。 $ brew cas
OS X 10.11 El Capitanにアップデートするさいの注意点まとめ。
最低システム要件と新機能 プレスリリースやPublic Beta版などによれば、OS X 10.11 El Capitanの最低システム要件はOS X 10.8 Mountain Lionと同様で、2007年製以降の一部のMacと、2009年製以降の全てのMacが対応するようですが、 iMac (Mid 2007 以降) MacBook (Late 2008 Aluminum、または Early 2009 以降) MacBook Air (Late 2008以降) MacBook Pro (Mid/Late 2007 以降) Mac mini (Early 2009 以降) Mac Pro (Early 2008 以降) Xserve (Early 2009) 【提供について】 OS X El Capitanは米国時間の9月30日（水）からMac App Store℠で無料アップデートとし
HomebrewはEl Capitanへアップグレードする前に入れておく - Qiita
（毎度のことですが）私はまだ El Capitan をインストールしてません（2015/10/22に El Capitan v10.11.1 Update が出ましたしヒトバシラーの時期も過ぎた気配なので、そろそろ入れても安心かも）。 Homebrew 周辺に関するメモ書きです。 El Capitan を入れる前に OS X 10.11 El Capitanにアップデートするさいの注意点まとめ。 も一読されることをお勧めします。 SIP/rootlessの影響 米国時間 2015/9/30 から提供され始めた OS X 10.11/El Capitan では、新しいセキュリティである System Integrity Protection （SIP、別名 rootless）が動作しています。 SIP/rootless に関しては、末尾に解説記事などの参考リンクを列挙しておきます。簡単に言え
MacOSX El Capitanでcocoapodsインストールが出来ない時の対処法 - Qiita
新しいcocoapodsをインストールしようとしたらエラーが出たのでメモ エラーの内容 sudo gem install cocoapodsを行うと次のようなエラーが出てインストール出来ません。 ERROR: While executing gem ... (Errno::EPERM) Operation not permitted - /usr/bin/xcodeproj 原因 El Capitanからrootlessという概念が登場しました。 簡単に説明をすると、root権限を持つユーザーでも /usr /sbin /System などへのアクセスが制限されるというものです。 ここに何か作ろうとするとOperation not permittedと怒られます。 これが原因で/usr配下にcocoapodsがインストール出来ないと思われます。 対処法は2つ rootlessを無理やり取っ
rbenv-updateを使ってRubyのバージョンを上げたついでにRailsをインストールした（CentOS） - Qiita
rbenv plugin の rbenv-update を使用してRubyのバージョンを上げました。環境はMacにあるVagrantのCentOSです。 きっかけ 以前rbenvでrubyのバージョンを上げた流れを投稿した記事へ、rbenv-updateを使うとrbenvのupdateは楽ですよとコメントをいただいたので使ってみました。 rbenvのバージョンなどはrbenvを再インストールしてRubyのバージョンを上げた（CentOS）に書いてあるバージョンと同じです。 rbenv-updateをインストールする rbenvのpluguinをインストールします。 手順は https://github.com/rkh/rbenv-update ある通り3つのコマンドを順番に実行します。 [ -z "$RBENV_ROOT" ] && export RBENV_ROOT="$HOME/.rb
Bootstrapを使ってWEBサイトを作ってみようぜ 第6回 「ヘッダー部分を作る」 | 9ineBB
第1回 「CSSフレームワークって何？」 第2回 「グリッドシステムって何？ グリッドシステムを学ぶ」 第3回 「セットアップして利用開始できる環境を作ろう」 第4回 「制作事例をみてイメージを膨らまそう」 第5回 「全体的な構図の作成とナビゲーションバーの設置」 第6回 「ヘッダー部分を作る」 第7回 「コンテンツ部分とサイドバーを作る」 第8回 「オーソドックスなシンプルなフッターを作る」 前回は、ナビゲーションバーをBootstrapで作成しました。 今回 第6回では、WEBサイトのヘッダー部分を作成します(目に見える方) 今回作成するのは Headerの部分で、HTMLの<head>タグのことではないですよ。HTML5の<header>を使って今回は表します Headerをどんな感じに作るか 左端から右端まであるヘッダーにしたいと思います イメージはこんな感じ http://dif
[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック
背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 デモを幅480pxで表示 コンセプト 「background-size」をビューポート全体をカバーするために使う 「background-size」はレスポンシブ対応にする時に非常に有効なプロパティです。値に「cover」を使うことで、背景画像を相対的に自動で調整します。 ※IE8以下はサポートしていませんが、後述のスクリプトを使用するとbackground-sizeが機能するようになります。 「Media Queries」をスマフォ対策として使う スマフォなどの小さいサイズのスクリーン用にMedia Queriesを使って、小さいサイズの画像ファイルを使うことができます。もっともこれはオプシ
グーグル新アルゴリズム向けのスマホ対応で押さえておくべきポイント | ベイジの社長ブログ
Googleから、モバイルフレンドリー（いわゆるスマートフォン対応、以下スマホ対応）であるかどうかを2015年4月21日以降の検索ランキングに反映する、という公式発表がありました。早急にスマホ対応をしないと流入が大幅に減るのでは、と脅威を感じているWeb担当者や制作者も少なくないでしょう。 そこでこのエントリーでは、現在スマホ対応ができていないWebサイトが、今回のアルゴリズム変更をどう判断すべきかのポイントを整理してみました。 企業サイトにおけるモバイル訪問比率の現状 弊社で実施している数多くのWebサイトに対するログ解析やヒアリング内容から、サイトタイプ別のモバイル流入比率はだいたい以下のようになっていると考えられます。 比率の少ないWebサイトでも20～30%に達し、モバイルと親和性の高いWebサイトでは80%前後まで至ることもある。ただし実際にはビジネスモデルやターゲット特性、掲載
ウェブアプリケーションを開発しながら、手軽に脆弱性検査する方法
以前、OWASP ZAP に追加された attack mode の概要 というエントリを書きましたが、このATTACK modeを使った簡単なセキュリティ検査の手順をメモしておきます。この機能を使えば、ウェブアプリケーションの開発中にZAPが勝手に脆弱性スキャンしてくれます。 ※ この機能が追加される バージョン 2.4 はまだリリースされていないのですが、こちら から ZAP Weekly をダウンロードすれば試すことができます。 概要基本的には、ウェブアプリケーション開発時にウェブブラウザのプロキシとして ZAP を指定おくだけです。この時、ZAP 側で コンテキストというものを設定して、ATTACK mode にしておけば、アクセスしたURLに対して勝手に脆弱性をスキャンしてくれます。 ATTACK mode についてOWASP ZAP に追加された attack mode の概要
.gitignoreの存在を我々は見過ごしてはならない。 - Qiita
.gitignoreとは？ .gitignoreはGitのリポジトリのルート（.gitフォルダと同じ位置）にあるときに使えます。 Railsの場合 Railsアプリとかだと、logディレクトリはバージョン管理したくないから とか書いてある。 同じように、バージョン管理の必要性がなかったり、していると不都合がおきる、 - sqlite3のDBファイル - キャッシュが入るtmpフォルダ - プロセス監視のpidファイル 等はignoreしておくべきです。（デフォルトで.gitignoreに書かれていますが） .gitignore自体はignoreにするべき？ それを ignore するなんて とんでもない！ .gitignoreはプロジェクト全体で共有しておくと、環境が変わっても（パソコンが変わっても）ignoreされるファイルやフォルダは 一緒な"はず" なので、ignoreはしなくて大丈
[PHP]ComposerのCLIで利用できるコマンドの説明
こんにちは、@9ensanです。 PHPの依存管理ツールの「Composer」を使おうと思うとコマンドを覚えておいた方がいいと思うのでちょっと調べてみました。 以下解説になります。 全てのコマンドに有効なオプション –verbose(-v)：詳細メッセージを表示させる。 –help(-h)：ヘルプを表示する。 –quiet(-q)：メッセージを表示しない。 –no-interaction(-n)：対話型のメッセージを表示しない。 –working-dir(-d)：作業フォルダを指定する –profile：メモリ使用量と実行時間を表示する。 –ansi：ANSIカラーでメッセージを出力する。 –no-ansi：ANSIカラーを使用せずにメッセージを出力する。 –version(-V)：バージョンを表示する init composer.jsonを作成するコマンド、手で書くよりは少し簡単に作成で
![[PHP]ComposerのCLIで利用できるコマンドの説明](https://cdn-ak-scissors.b.st-hatena.com/image/square/323b8f4708982e1c6fea3370581202d24825fd75/height=288;version=1;width=512/http%3A%2F%2F9ensan.com%2Fblog%2Fwp-content%2Fuploads%2F2013%2F01%2Fphp-composer-cli-01-150x150.png)
Laravel5でシンプルなCRUDアプリを開発する
こんにちは〜たきゃはしです〜最近もホントにとにかくビール最高！って感じです！ 今回はついにリリースされたLaravel5（以降はL5と略記する）を早速使ってみました！ ◯ この記事の概要 L5の基本機能を扱いつつシンプルなブログアプリを作ってみようと思います。 こんな感じになります この記事の目的はブログアプリの開発を通してL5でCRUDを作れるようになることです。構成をなるべくシンプルにしたかったこともあり沢山の機能は取り扱ったわけではありませんが「PHPやMySQLは分かるけどFWはよくわからないな〜」とか「Laravel5 気になってるんだよな〜」という人には特におすすめですよ！ さっそくインストールからはじめたいと思います。 ◯ インストール
初めての新規サービス開発を通して学んでいること - クックパッド開発者ブログ
こんにちは。投稿推進部の清水(@pachirel)です。 2009年にクックパッドに入社してから、インフラ周り、クックパッドの人事周り（採用・評価）や広告周りのシステム開発を担当していました。 2014年4月頃から、2〜3名の小さなチームで新規サービスのプロトタイピングをいくつか行っています。 企画の詳細は省きますが、私がこの10ヶ月ほどで学んだことをまとめました。アジャイル開発やLean startupの考えに共感しているので、そこから得た内容に私の体験を付け加えたものになっています。 今回はプログラミングに関する技術的な内容は含まれていません。 なぜ作るか スタートアップが失敗する原因で一番多いのは「人が必要としていないものを作ってしまった」というものです。 The Top 20 Reasons Startups Fail 社内の新規サービス開発でも同じ傾向があるのではないでしょうか。
Probook 4230sでVirtualboxを使おうとするとVT-xなんたらのエラーの時の対処法 - Qiita
Virtualboxを使うためにはCPUのVT(Virtualization Technology)というかっこいい名前の設定をオンにしないといけないのですが標準でオフになってるPCが多いのでBiosで設定する必要があります。 Probookの問題点 Probookの似たような型番のBiosだと Virtualization Technology のON/OFF設定がDeviceの比較的みつかりやすいところにあるのですが、それとは別にSecurity設定の VT-d を View から Changeに変えてやらないといけません。ホントわかりにくところにあるんです、これ！ しかも、その設定をして普通に起動しても使えないままで電源を完全に落として少し放置しないと使えないんですよ、これが。俺の時間を返せ！ PCごとに設定場所がちょっとずつ違って情報が少ないのでこういうのにハマるとヘタするとPC買
最近のJavaScriptのテンプレ - Qiita
最近下のように書いてる。変遷としては、若干サーバーサイドJavaScriptを意識しつつ徐々に離れていった感じ。 即時関数を2重にして、トップには何も書かない 外側の即時関数の中には、'use strict'を書く 非strictモードのコードが含まれているとどっちのモードになるかわからないため。負の遺産が含まれ(ry だいたいjQuery使うので、外側の即時関数の書き方はjQuery boilerplateのを参考にしている(jQuery使わない場合は、第二引数を抜かす) 内側の即時関数に実際の宣言を書く app.jsか何か設定用のスクリプトでアプリケーション用名前空間としてグローバルオブジェクトを宣言しておく(window.App = {};など) 即時関数内で宣言されたプロパティやメソッド、関数などを返り値にして、グローバルオブジェクトに展開する /** * functions.js
jQuery高速化！処理速度を10倍上げるテクニック20選
Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputを簡単に書けるようにしてくれるライブラリのjQueryですが、使い方をちょっと変えるだけで、パフォーマンスに大きく差がでます。ハイスペックPCでは分かりづらいかもしれませんが、スペックの低いPCやモバイルではWebページの表示速度が遅くすぐに閉じられるかもしれません。 Webページがたった1秒高速化するだけでECサイトなんか、売上が10％向上した事例もあります。そこで、jQuery高速化のポイントや方法をここにまとめておきます。 jQueryの最新バージョンを使う 図1 jQueryのバージョンによる速度 https://jsperf.com/speed-comparison-of-jquery-vers
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大阪電気通信大学 兼宗研究室 [大阪電気通信大学 兼宗研究室]
Web制作者はおさえておきたい！CSSの基本テクニックから実務に役立つ便利ツールまでのまとめ
欧美亚洲色欲色一欲WWW - 欧美大片欧美激情免费看 - 欧美特黄特色三级视频在线观看
