ウェブDeBLOG|トライデントコンピュータ専門学校 Webデザイン学科

トライデントコンピュータ専門学校 Webデザイン学科の最新情報を紹介しています。学生へのインタビュー記事から学生作品の解説、Webデザイン・マークアップ・プログラミングの授業風景、プロジェクト発表会、名古屋のWeb制作会社情報、イベント参加レポートやWeb制作の技術解説などWeb制作に関連する記事を掲載しています。トライデントコンピュータ専門学校は、いま話題の名古屋駅からユニモール地下街を歩いて3分です。 

2017.05.31 [水] 佐藤洋介さん[サイバーエージェント](業界研究2017)

最終更新:2017.06.23学校生活業界研究授業

まだ、5月だというのに32℃を超えたこの日、業界研究授業で株式会社サーバーエージェントの佐藤洋介さんにお越しいただきました。

cyberagent2017-41.jpg

サイバーエージェントは、有名人のブログで有名なAmebaや、先日の「亀田興毅に勝ったら1000万円チャレンジ」で話題となったAbemaTVや、音楽配信サービスAWAなどを展開する、インターネットメディア企業です。
佐藤さんは、アプリのUIやクリエイティブ全般 を統括する責任者です。

cyberagent2017-3.jpg

今回は、Webデザイン学科1年生・2年生の学生に、サイバーエージェント、サービスのこと、デザイナーの仕事、チーム制作でのコミュニケーションについてお話いただきました。

2017.05.29 [月] 名古屋のWeb制作会社まとめ記事からのクリック数を計測してみました。

講師のカワグチです。

このブログは、年始の「 2016年のウェブDeBlogをアクセス解析で振り返る。」でも紹介したように、「ポートフォリオ」などで検索して読みに来られる方の割合が圧倒的に多いのですが、次いで多いのが「Web制作会社 名古屋」などで検索して「【名古屋近辺のWeb制作会社74社】これからWeb業界を目指す人のためにまとめてみた。」のページに訪れる方です。

access201705-1.jpg

記事を掲載して、1年が経ちますので、どのくらいのアクセスがあって、どこがクリックされたのかを調べてみました。

アクセス数

記事を公開した、2016年5月2日から2017年5月28日までのアクセス数をGoogle Analyticsで調べてみました。

URLページビュー数ページ別訪問数閲覧開始数平均滞在時間直帰率
/blog-entry-542.html11,4447,5327,41600:03:2880.08%
/blog-entry-542.html?sp=22918115400:06:0676.62%
合計11,6737,7137,57000:03:5278.35%

FC2ブログでは、PCからとスマホからのアクセスでは、URLが変わりますので、両方とも調べました。
ページ別訪問数と閲覧開始数を比べてみると、ほぼ差がないことからほとんどの閲覧が、検索結果から記事に流入したことがわかります。いわゆるランディングページになります。
会社の数が70数社と多いことから、滞在時間も他の記事に比べて長く、一生懸命探している人もいるのかなと、予測できます。

ユーザータイプURL新規セッションページセッション平均滞在時間直帰率
新規/blog-entry-542.html5,6391.4300:01:2681.47%
/blog-entry-542.html?sp=1161.4100:00:5080.17%
リピーター/blog-entry-542.html1,7951.9000:04:1975.71%
/blog-entry-542.html?sp=381.7400:06:1265.79%

新規とリピーターの割合では、新規が多いのですが、滞在時間がめちゃくちゃ少ないです。表示に時間がかり、我慢しきれないのでしょうか。改善の余地がありますね。
リピーターは、粘り強く閲覧していただいているようで、表示が遅くてホント申し訳ないです。。。

URLからも、圧倒的にPCから閲覧される方が多いので、やはり仕事で何かを探している方が多く閲覧されているのかもしれません。

2017.05.29 [月] 学生ポートフォリオサイト2017

もうすぐ6月ですね。
就職活動も本格化してきて「ポートフォリオ」で検索して、学生ポートフォリオサイト2016の記事にたどり着く人も増えてきています。

portforio2017-0.jpg

Webデザイン学科の2年生も、ようやくポートフォリオが公開できるようになりましたので、2017年度ポートフォリオを紹介します。
まだまだ、改善点はありますが、ぜひご覧ください。

2017.05.05 [金] ターミナルを学校のProxy環境で使う時の設定

最終更新:2017.05.11Webサイト制作Tips

以前、サーバーを構築した際に、ターミナルを使ってインストール、設定をしたのですが、最近ではSyntaxHighlighterの記事でも書いたように、ライブラリの配布や制作環境の構築にも、ターミナルを利用する事が増えてきました。
「黒い画面、怖い」とばかりは言ってられませんので、使っていきたいのですが、Proxyサーバーが設置されている学校や企業では、設定が必要です。

cmatrix201705.gif

実際に教室のMacから利用が可能になる設定を調べてみました。

Proxyとは

まず、Proxy(プロキシもしくはプロクシ)サーバーとは何でしょうか。
通常、PCからWebサイトを閲覧する場合、Webページの置かれたWebサーバーにアクセスして、要求します。

proxy2017-001.jpg

Proxyサーバーを利用すると、ユーザのPCはProxyサーバーにアクセスして要求をします。
その要求を、Proxyサーバーが経由して目的のWebサーバーに要求を送ります。
Webサーバーは要求されたWebページを、Proxyサーバーに経由して、そこからユーザーのPCへ渡します。

proxy2017-002.jpg

ユーザのPCとWebサーバーの間にProxyサーバーが入って代理・中継していることになります。

Proxyサーバーの役割

Webページなどのキャッシュ
Proxyサーバーは、アクセスしたWebページなどの情報を一定の期間保存する機能を持っている場合があり、ユーザーがWebページを表示しようとした時、それがキャッシュされたページであれば、Proxyサーバーに保存されたページの情報をユーザーへ渡すことができます。
Webサーバから、再度データを取得する場合より、俊敏な対応になります。
コンテンツのフィルタリング
ユーザーがアクセスしようとしたWebページの情報を記録するので、任意のWebページをフィルタリングすることができます。
ユーザー(学生)のインターネット利用を制限する場合や、子どもが有害コンテンツに触れないようにする時などの利用が考えられます。
セキュリティ
一般的に、Webサイトにアクセスをすると、IPアドレスや接続環境情報などがWebサーバーに送信されます。
Proxyサーバーの中には、利用者の情報をWebサーバーに記録させないものもあり、このProxyサーバーを利用してアクセスした場合は、情報がWebサーバーに記録させることを防ぎます。
また、それらの情報を利用して、攻撃しようとした場合でも、ユーザーが直接攻撃を受ける危険性を減らすことができます。
グローバルIPを割り振る必要がない
インターネット上ではグローバルIPアドレスが必要です。
学校などの複数台あるネットワーク環境のパソコンにすべて割り振ることはできない時に、ProxyサーバーにグローバルIPアドレスを設定することで、インターネットに接続する際には、Proxyサーバーを経由にすることで、プライベートIPアドレスだけでもデータのやり取りができるようになります。

また、外部に公開されているProxyサーバーもあり、ここを使ってIPアドレスを隠匿することで、悪用されたりする事件もあり、ネット上では、昔から「串」と呼ばれ、Proxyを経由することを「串を刺す」と言われたりもします。

2017.05.03 [水] Webサイトでみる映画人気ランキング【2017年4月最終週末】

最終更新:2017.05.03サイト紹介

前半のGWとなった4月最終の週末は、カップルや家族連れで楽しめる作品がランクインしました。
全国週末興行成績:2017年4月29日~2017年4月30日(全国動員集計)興行通信社提供
「SING シング」(7週上映)と「モアナと伝説の海」(8週上映)など海外アニメが春休みから継続して人気です。

[1]美女と野獣

beautyandbeast201704.jpg

プリンセス役のエマ・ワトソンがとにかくかわいいと評判の名作ディズニーアニメ「美女と野獣」の実写映画が1位にランクインしました。最近では、ラ・ラ・ランドなどミュージカル映画が注目されていますね。
Webサイトは、ディズニーの公式サイト内のコンテンツとして紹介されていますので、見た目はディズニー映画と変わらないのですが、それぞれの映画で企画はあるようです。
「美女と野獣」では、あなたがオススメする曲は?楽曲総選挙という企画をしていました。

検索フォーム
プロフィール

担当:Webデザイン学科

名古屋駅から歩いて6分、トライデントコンピュータ専門学校のWebデザイン学科を紹介します。

トライデントロゴ

質問などはLINEでどうぞ。

Instagram
Webデザイン学科実績
<プレゼン>
WCAN 2016 Springに参加してきました。
WCAN 2015 Winterに参加しました。
建設業入職者増加プロジェクトの発表会に参加
WCAN 2015 Summerに参加してきました。
WCAN 2013 Winterに参加
WCAN(秋)に参加しました。
無事、発表が終わりました【WordFes Nagoya 2013】
WCAN 2013 Summerに参加してきました。
WCAN 2011 Winter LT&LOGO
学生がライトニングトークで話しました。
<展示会>
1年生進級展2018「線の群生」終了しました。
1年生進級展「WWW(Welcome to Web World)」を開催しました。
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
<コンテスト>
信州アプリコンテスト0 [ゼロ] 2019 KDDI賞受賞!
第5回 ソレコン☆ポスコン特別賞受賞
「第1回 専門学校 HTML5作品アワード」技術賞を受賞しました!
NCF2017でグランプリを受賞しました!
信州アプリコンテスト0 [ゼロ] KDDI賞受賞!
NCF2014(スマホアプリ開発テーマ2) 準グランプリ獲得!
最優秀賞!HTML5スマートアプリ&クリエイティブコンテスト
NCF2013グランプリ受賞!!!
<Webサイト制作>
ミス・ユニバース・ジャパン岐阜大会公式Webサイトを作成しました。
建設業入職者増加プロジェクト発表会
Webサイト制作発表会2014
99eagle Webサイトリニューアル公開
99eagle Webサイト公開
「Bloom*Block」Webサイト公開
セントレア「日本の四季 キルト展」Webサイト公開
かっぱ商店街サイト制作
ココストア共同企画「アサココ!」公開
<技能五輪全国大会>
第56回技能五輪全国大会(ウェブデザイン職種)敢闘賞受賞!
第53回技能五輪全国大会(ウェブデザイン職種)その3
第52回技能五輪全国大会が開催されました。
銀メダル・銅メダル獲得【第51回技能五輪全国大会】
第49回技能五輪全国大会結果発表 敢闘賞受賞
第48回技能五輪全国大会結果発表(銀賞・敢闘賞受賞)
第47回技能五輪閉会式 & 結果発表
第46回技能五輪
<若年者ものづくり競技大会>
第14回若年者ものづくり競技大会
第11回若年者ものづくり競技大会 2日目&結果
第9回若年者ものづくり競技大会2日目(競技日)
第8回若年者ものづくり競技大会2日目
第7回若年者ものづくり大会
第6回若年者ものづくり大会2日目
第5回若年者ものづくり大会
第4回若年者ものづくり競技大会閉会式
月別アーカイブ
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科業界研究WCAN技能五輪ウェブデザイン職種ウェブデザイン若年者ものづくり競技大会Webサイト2013映画ECCコンピュータ専門学校ポートフォリオ名古屋学生ブログWebデザインWinter20091年生進級展Webサイト制作JavaScript技能五輪全国大会2011WordPressかっぱ商店街入学式礒田優オープンキャンパスアクアリングNagoyaライトニングトークa-blogcms卒業制作展アクセス解析卒展WordpressWeb矢野りん2014テンプレート作成瀬川大勝Autumn若年者ものづくり大会CGイラスト学科Summer体験入学合同企業展CSS卒業制作ホームページ・ビルダー石黒雄介Web制作会社面白法人カヤックmini2012閉館日html52010第48回技能五輪全国大会GIOIIJ名古屋駅Flash東京研修ウェブデザイン技能競技大会in2015ウェブデザイン技能競技会Japan佐藤歩あいちカレーラーメンコンテスト学生インタビューココストアHCDAdobe大阪HTML5杉本拓也トライデント祭り林田実樹学生夏季閉館日情報デザイン成田篤紀上村水月サイバーエージェント夏休みBananaAd専門学校愛知県Webクリエイター能力認定試験セントレアWebワークショップjQueryGoogleCSS3北濱大輔NEXTフォトアルバム制作合宿情報デザインフォーラムCOMMUNICATIONプロジェクトラーメン99eagleCentOSgifアニメ企業訪問グリッドレイアウトGridLayout2018Springウェブデザイン技能検定ブログパーツ水野裕太Webデザインギャラリーdisplay:gridマール田中睦翔プレゼンテーション人間中心設計WebデザイナーWEBサイト制作者のためのHCDの理解in名古屋Adventトライデント合同企業展空気人形input要素textarea要素option要素5T(ファイヴティー)output要素中日ドラゴンズselect要素愛知県選手団カリキュラムたこ焼きCSSNiteCMSAnalytics名商連トライデントイラストマップCalendar笈瀬本通りlegend要素fieldset要素form要素label要素SEOUXフロントエンドエンジニア飯田淳介Yahoo!Japan初期設定アップルップルワークショップマークアップエンジニアAWARDウェブDeBLOG謹賀新年熊谷佳紀スマートフォン結果発表WordFesモンキーワークスカメラ写真戸田芳裕NTTドコモ東海スマホアプリ幕張メッセForum知多みるく長屋めぐみ和み1年生作品展サーティファイiPhoneparticlecanvasうぇーぶまぼろしナゴヤドームモリサワアプリコンテストディプロスWordCamp久保怜也アサココ!Plugin鈴木優太アンティー・ファクトリー真鍋大度導入授業塚本碧F-siteLikeBox産学協同出張講座豊田市美術館岩手県堀尾真衣2017FICCDTPWORLDメ~テレ名古屋市科学館コミュニケーションデザインワークショップ阿部淳也卒業式茂森仙直就職活動会社訪問鷹野雅弘ビジュアルエディタ企業課題静岡2008Webリテラシー情報デザイン基礎StoreAppleグループ制作ポートフォリオサイトエイチーム名古屋開府400年祭信州アプリコンテスト[ゼロ]作品集株式会社LIG水野怜美学習ドラマレイアウト沖縄ウェブアクセシビリティjbstyleMarkup進級展ES6ES2015Runstantポスターデザイン・コンペディションGAINAX道頓堀商店サイト制作中部国際空港日本の四季プロ野球知多半島名駅経済新聞グラフィクデザイン放課後のプレアデスナゴヤ武将都市笈瀬本通商店街名古屋市中村区キルターズフェスティバル2011名古屋クリエイターフットサルキルト展CODEスタジオジブリ・レイアウト展松坂屋美術館SUBARUトライデントカレッジTwitter卒業制作・研究発表会2011ぬいぐるみのラパンKtaistyleCustomSmilies英国王のスピーチみの治商店三蔵求人プチ・フレーズ大沢たかお絵文字円JOY!mapフナ犬名チャリUntitled!!!!!!!!新世界愛知商業高校FLAVER3.0ネスカフェゴールドブレンド卒業・修了制作展GA愛知県立芸術大学ポートピア名古屋Xタロヲ商店街細川太郎1→10designWEBサイト制作者のためのHCD(人間中心設計)の理解チタハン10金シャチ商店街アクセシビリティ田中稚妃呂名古屋グランパス名古屋メディアボンドAndrioidペルソナ中部国際空港株式会社石井研二ブラザー工業株式会社カメラワーク株式会社アクアリングITCIRCUSGoogleAnalyticsシナリオ横浜デジタルアーツiPhone4広島弁サーバーIA名古屋サイト改善研究会笈瀬本通JISウェブリテラシー協会Slimbox2WEBサイト制作者のためのHCDの理解技能五輪予選unoplus中級編8341-3:2010柴乃櫂人プロトコル分析増田悟Lazy大西健太UltimateCODEポスターデザイン・コンペティションYORKE.Loadfor伊藤頼子小林信次ビジュアルデベロップメントFLVデュエル・マスターズワークスコーポレーション「ヤノベケンジ-ウルトラ」展BlogUTZOOMGENOウィルスセキュリティ日本ファルコム□□□switch山村浩二デコクレLabuatTokyoアートアニメーション武豊町TAFF'09広告批評FINALFANTASYCOMPLETECHILDRENADVENTVIIゲーム音楽ActionScriptヱヴァンゲリヲン新劇場版:破西田幸司国家検定食品サンプル旭食品サンプル製作所ウサビッチカナバングラフィックス富岡聡学科インターネットスキル認定普及協会ライブペイントCALENDARUNIQLO荒俣宏ファルコム音楽フリー宣言カスタマイズセミナーウェブデザイン部門黒い太陽ウルトラ展ヤノベケンジWCAN×CSSNite西村真里子WebDirectionEast'08デザインのへそHelveticaSagmeister2008WinterXRAY鳥取VideopuppetryASIASIGGRAPHStefanW+KTokyo(+CRUZ)HPデザインデザインコンテスト01CONTESTWEB丹下紘希QubibiArtlessNam鳥取砂丘デザインCS4サムライTEXTURE中村勇吾Designデッサンプレゼン演習ActionScript基礎HTML+CSS基礎造形基礎佐藤可士和Sakaeデザイナーのためのプログラミング入門PHP愛知県美術館アンドリュー・ワイエスMAXFLASHNightCollegeFLEX電信柱エレミの恋コマ撮りアニメペルソナ/シナリオ法情報デザイン教育勉強会ヨウイチイラストコンテストおかだよういち浅野智横浜デジタルアーツ専門学校3校合同発表会クリ博就職フェスタペルソナ&シナリオ法THE長谷川恭久#infoedu教育勉強会ロゴ公募FITC小野裕子コピーライティングスーパーエレメンツablogcms山崎デザイン事務所日本電子専門学校鎌倉IA2010キックオフセミナー夢プロジェクト2009・成果報告会ウェブリテラシー協会第一回セミナーSalsa浜松餃子武豊アニメーションフェスティバルTAFFWCAN46福みつWasThere横浜中華街箱根合宿森川眞行会社見学新横浜ラーメン博物館慶華飯店ThenAndNIKECREAMごはんとFlashモーション演習animationescalatorアニメーションCG・イラストコンテスト第4回アックゼロヨン・アワードナゴヤデザインウィーク2009UNIQLOCKギレン総帥LPOMozorama後期アイディグラフィックス学生参加CMS特集ソバットシアター今井佳子グラフィックデザイン入賞ガンダムカンファレンス是枝裕和監督人喰いの大鷲トリコwonderflKyotodotFesHCDプロセスFlash-Gamesゆるキャラマークアップ演習マクロマリオネット映画のオープニング閉会式ブランディングAutuminITホワイトボックスPHP勉強会大富豪スコアシート東京ゲームショウ2009世界のCMフェスティバルYahoo!カラーストリートビューJAPANインターネットクリエイティブアワード名古屋おもてなし武将隊SHOWInstagram料理インスタグラム醐りょう芸大美大Webプログラミング初級講座appendChild()HTMLCollectionNodeListいな世驛麺通りタカガールサイト日清食品グループ水曜日のカンパネラプラネタリアンResurgenceジムナストコロン学生作品集再進学学園祭情報系Monacaマイクロソフトお母さんの二度見展尾鷲高校ノートPC貸与衣台高校梅澤朝樹株式会社エイチーム夏休みの課題スクラップブックTOCAWARDS出身高校D3.js山川綾那鈴木雄太WCAN2017Springv4.0.1SyntaxHighlighterECMAScriptProxy学校スタジオディテイルズ服部友厚佐藤洋介ターミナルDay:Independence職業実践専門課程出席率レスポンシブWebデザインウェブアートデザイナーうぇ~~~~~~~ぶ学位専門士懇親会合宿合同制作合同制作合宿ワイヤーフレーム仕事14グロースハッカーグロースハックPlatform高校採用担当者の心に響くUIバイドゥ平野健太郎ポートフォリオアイデア帳Web制作のおしごとWebディレクターJSBinJSFiddleCodePenプログラムクイズAO入試PlunkerCodeplyクイズ駅麺通り涼麺jsdo.it河地芳明沼田啓助2016原一浩坂本邦夫Webプログラマー津田直明制作実績カークスヴィルIA/UXプラクティス平野秀幸坂本貴史Tableof髙橋茜音STUDIOLIGCBC祐司PhotoshopCS6髙橋株式会社スタメン松本渚株式会社アンティー・ファクトリーTBSわたし、定時に帰ります。FigmaツールUIデザイン牧野史門線の群生2020新卒新入生オリエンテーション企業見学株式会社MTG日本総合ビジネス専門学校茜音2019株式会社LIGHTzclassesスポーツアナリティクスエペフェンシング令和2年2019年NewHappyあけましておめでとう新年markereat仙直茂森コンテストソレコン☆ポスコン冬休みライフスタイル足立丈也、平子卓哉、増田隼也信州アプリコンテストゼロ落合祐介杉浦麻紀桝田草一株式会社サイバーエージェント北川パーヤンWebデザインスペシャルデーWorld)toWWW(Welcome期末テスト脆弱性なんと読む?JIHYEHEOホ・ジヘ韓国友章堀川関口浩之堀川友章安藤志維Contentsフォントおじさんミス・ユニバース・ジャパン岐阜大会志維安藤WebアプリNCF2017藤井英一イークリエイトcyma斉藤洸貴EC事業第56回技能五輪全国大会srcsetNextDoor前川元成あけおめ平成31年メーカー・ブランドコーヒー用品sourcepicture出前授業青山高校新城高校冨田伴成東京ゲームショウ2018VRカルタ沖縄県第56回GOOculusKaizenアクティビティシナリオ就職木下健太郎東京佐藤ねじみんなのICTThree.jsプレゼンinspiredRhizomatiks田代豊たにぐちまことFacebookたこ焼きパーティ結果長野IllustratorSVG第50回JQueryWeb制作合宿Muse画像をチェックボタンにする張山大祐byPerfumeNCF2013NTTドコモ東海支社美術大学芸術大学高橋雅人list-style-typedisplayKDDIHTML5スマートアプリ&クリエイティブコンテストモテ声ボーダーlist-itemカレーラーメン麺やOKWebデザイン演習あいちトリエンナーレ2013そこにいない。展PARTY第51回技能五輪全国大会嵐が如く麺屋ココイチフジ家55さかなや晴れやかFacebookページベースキャンプ名古屋5月11日マーサ・グレアムGoogleロゴゴールデンウィークGATEライアン・ウッドワードプラネタリウム神戸神戸国際展示場鈴木DRAGONドラゴンゲートJAPANWORLDCUPMagnum北岡弘至伊達千代3バルサマン愛知淑徳大学みつけもの恵那市岩村プロジェクションマッピング東京ゲームショウゲーム大賞アマチュア部門BloosumBloom*BlockTeamイマジンカップNHN尾花大輔第7回若年者ものづくり競技大会YearGAMETOKYO東京ゲームショウ2012StationFuture静岡県ロゴマークメールマガジンOhanaツインメッセ静岡敢闘賞docomoドコモ2011年度迎春ジョルテ最優秀賞インターンシップWF1でBLOGスマートフォンサイトUI図鑑CSS3&jQueryで作る名古屋駅麺通り新入生2015年度森田霞HighlighterSyntaxCrayonNCF2014新年のご挨拶datalist要素keygen要素optgroup要素type属性button要素HTML親孝行麺の匠オリエンタル第52回技能五輪全国大会木村哲朗夏麺フェアCGスペシャリスト味仙松田洋樹3DCG東京コスモFlexboxFlexibleBox源賢司UXデザインDmm.com岡田陽一クリスマス熊﨑彩ScrollMagicScrollmagic八木智章竹中民男Velocity.jsWebアクセシビリティ第53回ワクワク建設タウン建設経営者倶楽部アクセシビリティからはじめる、WebサイトのUXデザイ紅茶専門店Liyn-anアイテムカンパニー石原愛実宇野剛志ランチ中村健太道家陽介テーブルtable八鬼山熊野古道マカベン名古屋マークアップ勉強会concrete5栗山聡一F81教室トライデント合同企業説明会10日でおぼえるLinuxサーバー入門教室卒業研究制作展GWDgoogle備忘録parseFloat()parseInt()Designer串本本州最南端西岡克真加藤ひとみAnimationAO特別授業山田拓生青山敬司ネイルサロンマウア授業アイチータ結団式青空学区名古屋市営地下鉄和歌山中華そば熊野三山大門坂那智の大滝アロチ本家丸高柏木祥太スパルタキャンプ岩出本店丸田屋DTPの勉強部屋

メールフォーム

名前:
メールアドレス:
件名:
本文:

東京コスモ
トライデントコンピュータ専門学校
教務課のびのび日記
Pagetop